/**
 * FIX URGENTE: Cart Button + Efectos de Hover/Focus
 * Fecha: 17 Noviembre 2024
 * 
 * Este archivo contiene fixes críticos para:
 * 1. Eliminar efectos molestos de hover/focus en el header
 * 2. Asegurar que el botón del cart funcione correctamente
 */

/* ===================================================================
   1. ELIMINAR EFECTOS MOLESTOS DE HOVER/FOCUS EN EL HEADER
   =================================================================== */

/* Eliminar TODOS los outlines, borders y box-shadows molestos */
.navigationHeader a,
.navigationHeader button,
.navigationHeader-cart,
.navigationHeader-actions-link,
[data-cart-trigger] {
    outline: none !important;
    box-shadow: none !important;
}

/* Sin efectos en focus */
.navigationHeader a:focus,
.navigationHeader a:focus-visible,
.navigationHeader a:focus-within,
.navigationHeader button:focus,
.navigationHeader button:focus-visible,
.navigationHeader button:focus-within,
.navigationHeader-cart:focus,
.navigationHeader-cart:focus-visible,
.navigationHeader-actions-link:focus,
.navigationHeader-actions-link:focus-visible,
[data-cart-trigger]:focus,
[data-cart-trigger]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    transform: none !important; /* SIN MOVIMIENTO */
}


/* Sin efectos en active */
.navigationHeader a:active,
.navigationHeader button:active,
.navigationHeader-cart:active,
.navigationHeader-actions-link:active,
[data-cart-trigger]:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    transform: none !important;
}

/* ===================================================================
   2. ESTILOS ESPECÍFICOS PARA EL BOTÓN DEL CART
   =================================================================== */

/* Asegurar que el cart button sea clickeable */
.navigationHeader-cart,
[data-cart-trigger] {
    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: none !important;
}

/* Asegurar que todos los elementos internos del cart button también sean clickeables */
.navigationHeader-cart *,
[data-cart-trigger] * {
    pointer-events: none !important; /* Los clicks pasan al padre */
}

/* ===================================================================
   3. ASEGURAR QUE EL SIDECART SEA VISIBLE CUANDO ESTÁ ACTIVO
   =================================================================== */

/* Overlay del cart */
.cart-overlay {
    cursor: pointer !important; /* Indicar que es clickeable */
    pointer-events: auto !important; /* Permitir clicks */
}

.cart-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 9998 !important;
    pointer-events: auto !important; /* CRÍTICO: permitir clicks */
}

/* Panel del cart */
.side-cart.active {
    transform: translateX(0) !important;
    z-index: 9999 !important;
}

/* Botón de cerrar */
#closeCartBtn,
.cart-close {
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 10000 !important; /* Encima de todo */
}

/* ===================================================================
   4. DEBUG: Indicador visual temporal (eliminar después de testear)
   =================================================================== */

/* Uncomment para ver un borde rojo alrededor de los cart triggers */
/*
[data-cart-trigger] {
    border: 2px solid red !important;
}
*/


.category-description .productCard-name {
  align-items: center;
  display: flex;
  font-size: .875rem !important;
  font-weight: 500 !important;
  justify-content: center;
  line-height: 1.3;
  margin: 0 !important;
  min-height: 2.25rem;
  text-align: center;
}

.category-description .productCard-name a {
  color: #374151 !important;
  text-decoration: none !important;
}

.category-description p:empty {
  display: none !important;
}