.elementor-1642 .elementor-element.elementor-element-0b5adf6{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-1642 .elementor-element.elementor-element-0b5adf6{--content-width:85%;}}@media(min-width:768px){.elementor-1642 .elementor-element.elementor-element-0b5adf6{--content-width:85%;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-b4a9d3e *//* =============================================
   1. ÉTAT PANIER VIDE - L'INVITATION CHIC
   ============================================= */

/* Transformation du bandeau d'information par défaut */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .woocommerce-info,
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .woocommerce-message {
    background-color: #faf7f2 !important;
    border-top: 3px solid #B28725 !important; /* Ligne dorée chic en haut */
    color: #1a1a1a !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 16px !important;
    font-style: italic !important;
    padding: 20px 30px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
}

/* Cache l'icône bleue par défaut de WooCommerce */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .woocommerce-info::before,
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .woocommerce-message::before {
    display: none !important;
}

/* Bouton "Retour à la boutique" */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .return-to-shop a.button {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 14px 35px !important;
    font-family: 'Jost', 'Lato', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-top: 20px !important;
}

.elementor-1642 .elementor-element.elementor-element-b4a9d3e .return-to-shop a.button:hover {
    background-color: #B28725 !important;
    transform: translateY(-2px);
}

/* =============================================
   2. ÉTAT PANIER PLEIN - LE TABLEAU DES PRODUITS
   ============================================= */

/* Supprime les bordures extérieures lourdes */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .woocommerce-cart-form__contents {
    border: none !important;
}

/* En-têtes du tableau (Produit, Prix, Quantité...) */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e table.cart th {
    font-family: 'Jost', 'Lato', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #666666 !important;
    border-bottom: 1px solid #e8e0d0 !important;
    padding-bottom: 15px !important;
    border-top: none !important;
}

/* Lignes séparatrices fines entre chaque livre */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e table.cart td {
    border-bottom: 1px solid #ede7db !important;
    padding: 25px 0 !important;
    vertical-align: middle !important;
}

/* Style des noms de produits (Titres des livres) */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e table.cart td.product-name a {
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.elementor-1642 .elementor-element.elementor-element-b4a9d3e table.cart td.product-name a:hover {
    color: #B28725 !important;
}

/* Champ de quantité épuré */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e table.cart .quantity input.qty {
    border: 1px solid #e8e0d0 !important;
    background: transparent !important;
    color: #1a1a1a !important;
    font-family: 'Lato', sans-serif !important;
    height: 40px !important;
    width: 60px !important;
    border-radius: 0 !important;
}

/* =============================================
   3. ZONE "TOTAL DU PANIER" (L'écrin de droite)
   ============================================= */

/* Le bloc beige qui englobe le total */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .cart-collaterals .cart_totals {
    background-color: #faf7f2 !important;
    border: 1px solid #e8e0d0 !important;
    padding: 30px !important;
    border-radius: 6px !important;
    width: 100% !important;
}

/* Titre "Total du panier" */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .cart_totals h2 {
    font-family: 'Playfair Display', serif !important;
    font-size: 20px !important;
    font-style: italic !important;
    color: #1a1a1a !important;
    border-bottom: 1px solid #e8e0d0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 25px !important;
    margin-top: 0 !important;
}

/* =============================================
   4. BOUTONS D'ACTION (Mettre à jour, Valider)
   ============================================= */

/* Bouton principal "Valider la commande" */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .checkout-button {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 18px 20px !important;
    font-family: 'Jost', 'Lato', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin-top: 25px !important;
    transition: all 0.3s ease !important;
}

.elementor-1642 .elementor-element.elementor-element-b4a9d3e .checkout-button:hover {
    background-color: #B28725 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* Boutons secondaires (Code promo, Mettre à jour) */
.elementor-1642 .elementor-element.elementor-element-b4a9d3e .actions .button {
    background-color: transparent !important;
    color: #1a1a1a !important;
    border: 1px solid #1a1a1a !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.elementor-1642 .elementor-element.elementor-element-b4a9d3e .actions .button:hover {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* =============================================
   5. RESPONSIVE : CORRECTIONS POUR TÉLÉPHONE (MOBILE)
   ============================================= */

@media (max-width: 768px) {
    /* Message "Panier vide" plus délicat et aéré */
    .elementor-1642 .elementor-element.elementor-element-b4a9d3e .woocommerce-info,
    .elementor-1642 .elementor-element.elementor-element-b4a9d3e .woocommerce-message {
        font-size: 14px !important; /* Taille réduite pour respirer */
        padding: 20px 15px !important;
        text-align: center !important; /* On centre le texte */
        display: block !important; /* Évite les écrasements de flexbox */
        line-height: 1.6 !important;
        text-transform: none !important; /* Tente d'annuler les majuscules forcées par le thème */
    }

    /* Conteneur du bouton */
    .elementor-1642 .elementor-element.elementor-element-b4a9d3e .return-to-shop {
        text-align: center !important;
        margin-top: 20px !important;
    }

    /* Bouton "Retour à la boutique" parfaitement adapté au tactile */
    .elementor-1642 .elementor-element.elementor-element-b4a9d3e .return-to-shop a.button {
        width: 100% !important; /* Prend toute la largeur pour faciliter le clic */
        background-color: #1a1a1a !important; /* On force le noir chic ! */
        color: #ffffff !important;
        font-size: 12px !important;
        padding: 16px !important;
        box-sizing: border-box !important;
    }
}/* End custom CSS */