/**
 * WooCommerce Fixes - Lin Teas
 * Corrections pour les problèmes WooCommerce
 * 
 * @package LinTeas
 * @since 2.0.0
 */

/* ==========================================================================
   NOTIFICATIONS / TOASTS
   ========================================================================== */

/* Masquer les conteneurs de notifications vides */
.woocommerce-notices-wrapper:empty,
.wc-block-components-notice-banner:empty,
.woocommerce-message:empty,
.woocommerce-error:empty,
.woocommerce-info:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Conteneur de notifications avec hauteur minimale seulement s'il contient quelque chose */
.woocommerce-notices-wrapper {
    min-height: 0;
}

/* Positionner les notifications en bas à droite (style toast) */
.woocommerce-notices-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: var(--z-toast, 1080);
    max-width: 400px;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    margin-bottom: 10px;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    animation: slideInRight 0.3s ease-out;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* ==========================================================================
   AJOUT AU PANIER - BOUTON DANS OVERLAY
   ========================================================================== */

/* Bouton "Ajouter au panier" dans l'overlay de la card */
.card-overlay .button,
.card-overlay .add_to_cart_button,
.card-overlay .quick-add-btn {
    padding: 10px 24px;
    background: var(--color-white);
    color: var(--color-primary);
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.card-overlay .button:hover,
.card-overlay .add_to_cart_button:hover,
.card-overlay .quick-add-btn:hover {
    background: linear-gradient(135deg, var(--color-accent), #D66662);
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(184, 84, 80, 0.3);
}

/* Icône de chargement */
.card-overlay .button.loading::after,
.card-overlay .add_to_cart_button.loading::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* ==========================================================================
   VARIATIONS - CHANGEMENT DE PRIX DYNAMIQUE
   ========================================================================== */

/* Assurer que le prix est visible et mis à jour */
.card-price .price-amount {
    transition: opacity 0.2s ease;
}

.card-price .price-amount.updating {
    opacity: 0.5;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 768px) {
    .woocommerce-notices-wrapper {
        right: 10px;
        left: 10px;
        max-width: none;
    }
}