/* CONFIGURACION GLOBAL PARA HEADER */

/* Buscador YITH - fondo oscuro */
html body .ywcas-input-field,
html body .lapilliUI-Input__root,
html body .lapilliUI-Input--outlined{
  background: #0F1620 !important;
  border: 1px solid #1B2838 !important;
  border-radius: 8px !important;
}

/* Notched outline eliminado */
html body .lapilliUI-Input__notchedOutline,
html body fieldset.lapilliUI-Input__notchedOutline{
  border: 0 !important;
  display: none !important;
}

/* Input texto blanco */
html body input.lapilliUI-Input__field{
  color: #FFFFFF !important;
  font-size: 13px !important;
  background: transparent !important;
}
html body input.lapilliUI-Input__field::placeholder{
  color: #6B7280 !important;
  opacity: 1 !important;
}

/* Ícono lupa gris */
html body .ywcas-submit-wrapper svg{
  color: #6B7280 !important;
  stroke: #6B7280 !important;
}

/* Ancho controlado del wrapper */
html body [id^="yith_woocommerce_ajax_search"],
html body .ywcas-classic-search{
  max-width: 440px !important;
  margin: 0 auto !important;
}

/* Focus state con acento azul CRL */
html body .ywcas-input-field:focus-within,
html body .lapilliUI-Input__root:focus-within{
  border-color: #2688E4 !important;
  box-shadow: 0 0 0 3px rgba(38, 136, 228, 0.15) !important;
}

/* Botón submit (fondo blanco del ícono lupa) */
html body .ywcas-submit-wrapper,
html body .ywcas-submit-wrapper button,
html body button.ywcas-submit-wrapper,
html body .lapilliUI-Input__endAdornment{
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 8px !important;
}

/* Cualquier borde/outline blanco residual del focus */
html body input.lapilliUI-Input__field:focus,
html body input.lapilliUI-Input__field:focus-visible{
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Wrapper interno que pudiera tener borde blanco */
html body .lapilliUI-Input__root,
html body .ywcas-input-field{
  box-shadow: none !important;
  outline: none !important;
}

/* Bloque del search (por si tiene borde) */
html body .wp-block-yith-search-block,
html body .lapilliUI-Box__root{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* ============================================================
   MENÚ — matar CUALQUIER underline residual
   ============================================================ */

/* Matar text-decoration en cada elemento posible del árbol */
html body .awb-menu,
html body .awb-menu *,
html body .awb-menu li,
html body .awb-menu li *,
html body .awb-menu a,
html body .awb-menu a *,
html body .awb-menu span,
html body .awb-menu .menu-text,
html body ul[class*="awb-menu"] li a,
html body ul[class*="awb-menu"] li a *{
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;
  border-bottom: 0 !important;
  border-bottom-width: 0 !important;
  border-bottom-style: none !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

/* Matar pseudo-elementos que Avada podría estar usando para underline */
html body .awb-menu li a::before,
html body .awb-menu li a .menu-text::before,
html body .awb-menu li a .menu-text::after,
html body .awb-menu li.current-menu-item > a .menu-text::before,
html body .awb-menu li.current-menu-item > a .menu-text::after,
html body .awb-menu li.current_page_item > a .menu-text::before,
html body .awb-menu li.current_page_item > a .menu-text::after{
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
}

/* Ahora sí, la línea azul acento nuestra en el ::after del <a> */
html body .awb-menu li.current-menu-item > a,
html body .awb-menu li.current_page_item > a,
html body .awb-menu li.current-menu-ancestor > a{
  position: relative !important;
}
html body .awb-menu li.current-menu-item > a::after,
html body .awb-menu li.current_page_item > a::after,
html body .awb-menu li.current-menu-ancestor > a::after{
  content: '' !important;
  display: block !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  width: auto !important;
  background: #2688E4 !important;
  border-radius: 1px !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* MEDIA QUERY RESPONSIVE */

@media only screen and (max-width: 800px) {

  html body .fusion-header .fusion-row .fusion-layout-column.crl-col-menu,
  html body .fusion-header .fusion-row .fusion-layout-column.crl-col-cart {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    flex: 0 0 50% !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    clear: none !important;
    float: left !important;
    box-sizing: border-box !important;
  }

  html body .fusion-header .fusion-row .fusion-layout-column.crl-col-menu {
    justify-content: flex-start !important;
    float: left !important;
  }

  html body .fusion-header .fusion-row .fusion-layout-column.crl-col-cart {
    justify-content: flex-end !important;
    float: right !important;
  }

  html body .fusion-header .fusion-row .fusion-layout-column.crl-col-cart .fusion-column-wrapper {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
  }
}