/**
 * CSS pour le toggle Panier / Checkout
 * Affichage du panier puis checkout sans rechargement de page
 */

/* ========== États par défaut ========== */

/* Section panier : visible par défaut */
#cart-section {
    display: block;
}

/* Section checkout : masquée par défaut */
#checkout-section {
    display: none;
}

/* ========== États actifs ========== */

/* Quand on passe au checkout */
#cart-section.hidden {
    display: none;
}

#checkout-section.active {
    display: block;
}

/* ========== Transitions (optionnel) ========== */

#cart-section,
#checkout-section {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

#cart-section.fade-out {
    opacity: 0;
}

#checkout-section.fade-in {
    opacity: 1;
}

/* ========== Bouton valider le panier ========== */

#validate-cart-btn, #summary-trigger-addresses, #summary-trigger-delivery {
    font-family: Poppins, Sans-serif;
    width: 100%;
    padding: 20px 20px;
    font-size: 14px;
    font-weight: 500;
}

#validate-cart-btn:hover, #summary-trigger-addresses:hover, #summary-trigger-delivery:hover {
    background-color: #112A3F;
}