/* Fanor · Header — base compartida por toda la familia (clase raíz .fanor-hdr).
   Su misión principal: NEUTRALIZAR los estilos de hover/focus que Elementor y los
   temas inyectan a <a>/<button> (anillo de sombra, subrayado, "lift" con transform,
   filtros), que se colaban en los widgets. Los hovers propios (color/fondo) NO se
   tocan porque este reset solo fuerza box-shadow/outline/transform/text-decoration/
   filter; el color y el background de cada widget siguen mandando. */

.fanor-hdr,
.fanor-hdr *,
.fanor-hdr *::before,
.fanor-hdr *::after {
  box-sizing: border-box;
}

/* Incluye también el elemento raíz cuando es <a>/<button> (Carrito y Mi cuenta
   usan el <a> como raíz, que `.fanor-hdr a` —descendiente— no alcanzaría). */
.fanor-hdr a,
.fanor-hdr a:hover,
.fanor-hdr a:focus,
.fanor-hdr a:focus-visible,
.fanor-hdr a:active,
.fanor-hdr a:visited,
a.fanor-hdr,
a.fanor-hdr:hover,
a.fanor-hdr:focus,
a.fanor-hdr:focus-visible,
a.fanor-hdr:active,
a.fanor-hdr:visited,
.fanor-hdr button,
.fanor-hdr button:hover,
.fanor-hdr button:focus,
.fanor-hdr button:focus-visible,
.fanor-hdr button:active,
button.fanor-hdr,
button.fanor-hdr:hover,
button.fanor-hdr:focus,
button.fanor-hdr:focus-visible,
button.fanor-hdr:active {
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  transform: none !important;
}

/* Botones: el widget pone su propio fondo (NO forzamos background aquí, o
   clobberíamos los rojos). Quitamos el borde nativo y el que el tema mete a los
   <button> (que salía como borde rojo en cada opción del select). Los botones
   que SÍ quieren borde (campos del select, "Eliminar") lo declaran con
   !important para conservarlo. */
.fanor-hdr button {
  border: 0;
  cursor: pointer;
  font-family: inherit;
}

/* Accesibilidad: foco de teclado visible (gris neutro), nunca el anillo del tema. */
.fanor-hdr a:focus-visible,
.fanor-hdr button:focus-visible {
  outline: 2px solid #9AA0A6 !important;
  outline-offset: 2px;
}

.fanor-hdr svg { display: block; }

.fanor-hdr [hidden] { display: none !important; }

/* Red de seguridad anti "hover rosa": muchos temas/Elementor pintan un fondo en
   :hover/:focus/:active de <a>/<button>. Lo neutralizamos a transparente con
   specificity BAJA (:where = 0) y SIN !important, para que cualquier fondo propio
   del widget lo gane (los widgets usan clases más específicas o !important). Así
   los botones sin fondo definido nunca muestran el color del tema, y los rojos y
   demás fondos del widget se respetan. */
:where(.fanor-hdr) a:hover,
:where(.fanor-hdr) a:focus,
:where(.fanor-hdr) a:active,
:where(.fanor-hdr) button:hover,
:where(.fanor-hdr) button:focus,
:where(.fanor-hdr) button:active,
:where(a.fanor-hdr, button.fanor-hdr):hover,
:where(a.fanor-hdr, button.fanor-hdr):focus,
:where(a.fanor-hdr, button.fanor-hdr):active {
  background-color: transparent;
}