/***** AJUSTES FINALES BUSCADOR EN HEADER *****/
:root{
  --header-item-h: 44px;         /* altura del header */
  --search-radius: 22px;         /* pill redondeado */
}

/* 1) Más estrecho: reduce ancho máximo */
#leo_search_block_top{
  width: clamp(280px, 30vw, 420px) !important;  /* << ajusta 420 a tu gusto */
  max-width: 420px !important;
}

/* 2) Elimina espacios “vacíos” (categorías y gaps) */
#leo_search_block_top .list-cate-wrapper{ display:none !important; }
#leo_search_block_top .list-cate-wrapper:before{ display:none !important; }

#leo_search_block_top .leoproductsearch-content{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;                         /* sin huecos internos */
}

/* El wrapper del input ocupa TODO el espacio hasta la lupa */
#leo_search_block_top .leoproductsearch-result{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* 3) Input compacto, sin padding extra */
#leo_search_block_top .form-control{
  height: calc(var(--header-item-h) - 2px) !important;
  line-height: calc(var(--header-item-h) - 2px) !important;
  padding: 0 calc(var(--header-item-h) + 6px) 0 14px !important; /* hueco justo para el botón */
  border: 0 !important;
  background: transparent !important;
  font-size: 14px !important;
}

/* 4) Botón pegado a la derecha y lupa en blanco */
#leo_search_block_top .btn{
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: var(--header-item-h) !important;
  height: var(--header-item-h) !important;
  line-height: var(--header-item-h) !important;
  border: 0 !important;
  background: none !important;
}
#leo_search_block_top .btn i{ color:#fff !important; } /* lupa blanca */

/* 5) Contenedor visual: altura fija y sin sombras */
#leo_search_block_top .block_content{
  height: var(--header-item-h) !important;
  min-height: var(--header-item-h) !important;
  border-radius: var(--search-radius) !important;
  padding: 0 !important;
  border: 1px solid rgba(234,234,234,.7) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* 6) Resultados autocompletado al mismo ancho */
#leo_search_block_top .ac_results{ width:100% !important; }

/* 7) Evitar que el buscador se estire a toda la fila */
#leo_search_block_top{ flex-grow:0 !important; flex-shrink:1 !important; }