/* =============================================================================
 * astra-reset.css  ·  UCN ASTRA HOVER/FOCUS LEAK RESET
 * -----------------------------------------------------------------------------
 * PROBLEMA (verificado sobre el bundle CSS servido):
 *   Astra define GLOBALMENTE y pronto en la cascada:
 *     button:hover, button:focus, .ast-button:hover, .button:hover {
 *       color:#fff; border-color:var(--ast-border-color) /* #d1d5db *; box-shadow:none;
 *     }
 *   Ademas el Customizer de Astra genera para botones de bloque
 *   (.wc-block-*, .wp-block-button outline):
 *     ...:hover { color:#fc0101; background:#f9fafb; border-color:#fc0101; }
 *   Como nuestros componentes usan <button>, en :hover/:focus se les filtra
 *   color blanco, borde gris #d1d5db, se les BORRA el box-shadow y, en botones
 *   de bloque, un hover rojo #fc0101 con fondo casi blanco (#f9fafb) — este fue
 *   el origen del bug del "footer en blanco".
 *
 * SOLUCION (durable, sustituye parches dispersos):
 *   Reset UNICO y NAMESPACED que, SOLO en nuestros componentes de boton,
 *   re-afirma en :hover/:focus/:focus-visible el estado que cada componente ya
 *   define (color/borde/sombra propios). NO usa "box-shadow:none" a lo bruto:
 *   los botones con sombra (.uc-btn--primary, .ucr-cta, add-to-cart, #place_order)
 *   la conservan. Los que no llevan borde fijan border-color a su valor propio o
 *   transparent para neutralizar el gris de Astra.
 *
 * ORDEN: se encola GLOBAL y EL ULTIMO (despues de Astra y de nuestros CSS),
 *   de modo que gana por orden de cascada. Especificidad suficiente para vencer
 *   a button:hover (0,1,1) y empatar/vencer a .button:hover / customizer (0,2,0);
 *   !important solo puntual en las sombras criticas que hay que preservar.
 *
 * ALCANCE ESTRICTO: solo neutraliza la fuga de Astra en NUESTROS namespaces.
 *   No toca ningun otro CSS ni el checkout ni el footer (ya arreglados); este
 *   reset los hace redundantes pero no los sustituye fisicamente.
 * ============================================================================= */

/* -----------------------------------------------------------------------------
 * 1) TARJETA DE PRODUCTO  ·  .uc-btn / .uc-btn--primary
 *    Base: border:0; primary hover bg brand-700, color #fff. Sin sombra propia.
 *    Neutralizamos: borde gris y color blanco heredado en la variante NO primary.
 * --------------------------------------------------------------------------- */
.uc-actions .uc-btn:hover,
.uc-actions .uc-btn:focus,
.uc-actions .uc-btn:focus-visible {
  border-color: transparent;
  box-shadow: none;
}
.uc-actions .uc-btn.uc-btn--primary:hover,
.uc-actions .uc-btn.uc-btn--primary:focus,
.uc-actions .uc-btn.uc-btn--primary:focus-visible {
  background: var(--ucn-brand-700, #15803d);
  color: #fff;
  border-color: transparent;
}

/* -----------------------------------------------------------------------------
 * 2) BARRA DE FILTROS  ·  aspa .uc-combo__clear  y  boton .uc-filterbar__clear
 *    aspa: base bg gris, hover bg #fee2e2 + color #dc2626, focus ring propio.
 *    clear: base color #fff bg brand-500, hover bg brand-600, focus ring propio.
 *    Sin borde en ninguno => border-color transparent para matar el gris Astra.
 * --------------------------------------------------------------------------- */
.uc-combo .uc-combo__clear:hover {
  background: #fee2e2;
  color: #dc2626;
  border-color: transparent;
  box-shadow: none;
}
.uc-combo .uc-combo__clear:focus,
.uc-combo .uc-combo__clear:focus-visible {
  color: #dc2626;
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .22);
  outline: none;
}

.uc-filterbar .uc-filterbar__clear:hover {
  background-color: var(--ucn-brand-600, #15803d);
  color: #ffffff;
  border-color: transparent;
  box-shadow: none;
}
.uc-filterbar .uc-filterbar__clear:focus,
.uc-filterbar .uc-filterbar__clear:focus-visible {
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 0 0 4px var(--ucn-brand-100, rgba(22, 163, 74, .12));
  outline: none;
}

/* -----------------------------------------------------------------------------
 * 3) ACORDEON DEL FOOTER  ·  .ucn-colophon__accordion-btn  (+ alias .ucnf-acc-btn)
 *    Base: border:none; background:transparent; color:#fff. Mobile hover: bg
 *    rgba(255,255,255,.02). Aqui se produjo el "footer en blanco": re-afirmamos
 *    fondo transparente y texto blanco para bloquear #f9fafb / #fff / #fc0101 de Astra.
 * --------------------------------------------------------------------------- */
#colophon .ucn-colophon__accordion-btn:hover,
#colophon .ucn-colophon__accordion-btn:focus,
#colophon .ucn-colophon__accordion-btn:focus-visible,
#colophon .ucnf-acc-btn:hover,
#colophon .ucnf-acc-btn:focus,
#colophon .ucnf-acc-btn:focus-visible,
.ucnf-acc-btn:hover,
.ucnf-acc-btn:focus,
.ucnf-acc-btn:focus-visible {
  background-color: transparent;
  color: #ffffff;
  border-color: transparent;
  box-shadow: none;
}
/* En movil el acordeon si tiene un hover-tap sutil propio: lo preservamos */
@media (max-width: 782px) {
  #colophon .ucn-colophon__accordion-btn:hover {
    background-color: rgba(255, 255, 255, 0.02);
  }
}

/* -----------------------------------------------------------------------------
 * 4) BOTONES DEL HEADER  ·  #ucn-header button / .ucn-action-btn / .ucn-*
 *    Cada boton del header trae su propio hover (gris #eef0f3 + borde #cbd5e1,
 *    login navy, carrito rojo, burger rojo). Solo neutralizamos la fuga generica
 *    de Astra sin pisar esos hovers concretos: reponemos color e inhibimos el
 *    borde gris y el box-shadow:none unicamente en el boton de accion neutro.
 * --------------------------------------------------------------------------- */
#ucn-header .ucn-action-btn:hover,
#ucn-header .ucn-action-btn:focus,
#ucn-header .ucn-action-btn:focus-visible {
  border-color: #cbd5e1;
  background: #eef0f3;
  color: inherit;
  box-shadow: none;
}
/* Carrito (rojo) — mantener rojo y texto blanco, sin borde gris */
#ucn-header .ucn-action-btn--cart:hover,
#ucn-header .ucn-action-btn--cart:focus,
#ucn-header .ucn-action-btn--cart:focus-visible,
#ucn-header [data-ucn-cart]:hover,
#ucn-header [data-ucn-cart]:focus {
  color: #fff;
  border-color: transparent;
}
/* Login (navy) — respeta su hover propio, solo evita el borde gris de Astra */
#ucn-header .ucn-login:hover,
#ucn-header .ucn-login:focus,
#ucn-header .ucn-login:focus-visible {
  color: #fff;
  border-color: #1e293b;
}
/* Burger — su hover propio es rojo (definido con !important en header.css);
   aqui solo bloqueamos el box-shadow:none innecesario, sin tocar color/fondo */
#ucn-header .ucn-burger:hover,
#ucn-header .ucn-burger:focus,
#ucn-header .ucn-burger:focus-visible {
  box-shadow: none;
}

/* -----------------------------------------------------------------------------
 * 5) POPUP DE RESCATE  ·  #uc-rescate .ucr-cta
 *    DEBE conservar su sombra en hover. Base: box-shadow 0 14px 34px
 *    rgba(200,16,46,.45); hover: filter brightness. Re-afirmamos sombra + color
 *    (!important puntual porque la sombra es el rasgo critico del CTA).
 * --------------------------------------------------------------------------- */
#uc-rescate .ucr-cta:hover,
#uc-rescate .ucr-cta:focus,
#uc-rescate .ucr-cta:focus-visible {
  color: #fff;
  border-color: transparent;
  box-shadow: 0 14px 34px rgba(200, 16, 46, .45) !important;
  filter: brightness(1.06);
}
#uc-rescate .ucr-cta:focus-visible {
  outline: 3px solid var(--ucr-ink, #0b1220);
  outline-offset: 3px;
}
/* Estado "aplicado" (verde): conserva su propia sombra verde */
#uc-rescate .ucr-cta.ucr-done:hover,
#uc-rescate .ucr-cta.ucr-done:focus,
#uc-rescate .ucr-cta.ucr-done:focus-visible {
  box-shadow: 0 14px 34px rgba(12, 138, 86, .35) !important;
  filter: none;
}

/* -----------------------------------------------------------------------------
 * 6) BOTONES WOOCOMMERCE QUE ESTILIZAMOS  ·  add-to-cart, #place_order, .button.alt
 *    add-to-cart: hover bg red-dark + #fff, sin borde. Debe conservar su realce.
 *    #place_order: checkout.css ya define su hover con sombra e !important y gana
 *      por si mismo; aqui solo reforzamos color/borde SIN pisar su box-shadow.
 *    .button.alt: hover bg red-dark + #fff. Neutralizamos borde gris de Astra.
 * --------------------------------------------------------------------------- */
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:focus,
.woocommerce button.single_add_to_cart_button:focus-visible,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:focus {
  background: var(--ucn-red-dark, #a10d24);
  color: #fff;
  border-color: transparent;
}

.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:focus-visible,
.woocommerce input.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus {
  background: var(--ucn-red-dark, #a10d24);
  color: #fff;
  border-color: transparent;
}

/* #place_order: solo color + borde; la SOMBRA la posee checkout.css (con
   !important) y no la tocamos para no duplicar/conflictuar en el checkout. */
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout #place_order:focus,
body.woocommerce-checkout #place_order:focus-visible {
  color: #fff;
  border-color: transparent;
}