/* cart-styles.css */
/* Toutes les classes commencent par cart- pour éviter les conflits */

/* Modal du panier */
 .cart-modal {
        position: fixed;
        top: 0;
        right: -400px;
        width: 400px;
        height: 100vh;
        background: white;
        box-shadow: -2px 0 10px rgba(0,0,0,0.1);
        transition: right 0.3s ease;
        z-index: 1050;
        overflow-y: auto;
    }
    .cart-modal.cart-open {
        right: 0;
    }
    .cart-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1040;
        display: none;
    }
    .cart-overlay.cart-show {
        display: block;
    }
    .cart-item-image {
        width: 60px;
        height: 60px;
        object-fit: cover;
    }
    
    /* Toast caché par défaut */
    .cart-toast {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 1060;
        display: none; /* Caché par défaut */
    }
    .cart-toast.show {
        display: block; /* Affiché seulement quand on ajoute show */
    }
    
    .cart-btn-loading {
        opacity: 0.7;
        pointer-events: none;
    }
    @keyframes cart-bounce {
        0%, 20%, 60%, 100% { transform: translateY(0); }
        40% { transform: translateY(-10px); }
        80% { transform: translateY(-5px); }
    }
    .cart-bounce {
        animation: cart-bounce 0.6s ease;
    }

/* Spinner personnalisé */
.cart-spinner {
    width: 1rem;
    height: 1rem;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: cart-spin 1s linear infinite;
}

@keyframes cart-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}