.elementor-4167 .elementor-element.elementor-element-5ab9fa6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4167 .elementor-element.elementor-element-f25f183{text-align:center;}.elementor-4167 .elementor-element.elementor-element-f25f183 .elementor-heading-title{font-family:"Charm", Sans-serif;font-size:48px;font-weight:700;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4167 .elementor-element.elementor-element-46a7224{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4167 .elementor-element.elementor-element-22785e0{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4167 .elementor-element.elementor-element-22785e0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4167 .elementor-element.elementor-element-22785e0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4167 .elementor-element.elementor-element-22785e0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4167 .elementor-element.elementor-element-22785e0 .elementor-icon-list-item > a{font-family:"Charm", Sans-serif;font-size:22px;font-weight:400;}.elementor-4167 .elementor-element.elementor-element-22785e0 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-4167 .elementor-element.elementor-element-ef1b96f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4167 .elementor-element.elementor-element-7198243{text-align:center;font-family:"Charm", Sans-serif;font-size:22px;font-weight:400;}.elementor-4167 .elementor-element.elementor-element-03e0ec5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4167 .elementor-element.elementor-element-03e0ec5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4167 .elementor-element.elementor-element-03e0ec5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4167 .elementor-element.elementor-element-03e0ec5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4167 .elementor-element.elementor-element-03e0ec5 .elementor-icon-list-item > a{font-family:"Charm", Sans-serif;font-size:22px;font-weight:400;}.elementor-4167 .elementor-element.elementor-element-03e0ec5 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-4167 .elementor-element.elementor-element-cd83ece{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4167 .elementor-element.elementor-element-8469814{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4167 .elementor-element.elementor-element-8469814 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4167 .elementor-element.elementor-element-8469814 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4167 .elementor-element.elementor-element-8469814 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4167 .elementor-element.elementor-element-8469814 .elementor-icon-list-item > a{font-family:"Charm", Sans-serif;font-size:22px;font-weight:400;}.elementor-4167 .elementor-element.elementor-element-8469814 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}@media(min-width:768px){.elementor-4167 .elementor-element.elementor-element-46a7224{--content-width:1140px;}.elementor-4167 .elementor-element.elementor-element-ef1b96f{--width:50%;}.elementor-4167 .elementor-element.elementor-element-cd83ece{--width:25%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* ============================================================
   1. PAGE PANIER (RESTRICTIF RÉFÉRENCE "PANIER GÉANT" + 5PX)
   ============================================================ */
.mon-panier-geant, 
.mon-panier-geant table.shop_table, 
.mon-panier-geant .cart_totals, 
.mon-panier-geant .button {
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Tableau Principal (5px et angles 4px) */
.mon-panier-geant table.shop_table.cart {
    border: 5px solid #84A59D !important;
    border-radius: 4px !important;
    border-collapse: separate !important;
    overflow: hidden !important;
    background-color: #F7EDE2 !important;
}

/* RESTAURATION DES VIGNETTES PRODUITS (150px) */
.mon-panier-geant table.cart .product-thumbnail { 
    width: 150px !important; 
    min-width: 150px !important; 
    padding: 15px !important;
}
.mon-panier-geant table.cart .product-thumbnail img { 
    width: 120px !important; 
    height: auto !important; 
    border-radius: 8px !important; 
    border: 1px solid #84A59D !important;
}

/* En-tête du tableau */
.mon-panier-geant table.shop_table.cart thead th {
    background-color: #84A59D !important;
    color: #F7EDE2 !important;
    padding: 15px !important;
    text-transform: uppercase !important;
    font-family: 'Charm', cursive !important;
    font-size: 22px !important;
}

/* RESTAURATION LARGEUR CODE PROMO */
.mon-panier-geant #coupon_code { 
    width: 250px !important; 
    padding-left: 15px !important;
    background-color: #84A59D !important;
    color: #F7EDE2 !important;
    border: 1px solid #84A59D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    height: 45px !important;
    border-radius: 5px !important;
    -webkit-text-fill-color: #F7EDE2 !important;
}

/* --- RÉCAPITULATIF TOTAL PANIER --- */
.cart-collaterals .cart_totals {
    background-color: #F7EDE2 !important;
    border: 5px solid #84A59D !important;
    border-radius: 4px !important;
    padding: 30px !important;
}

.cart-collaterals .cart_totals h2 {
    font-family: 'Charm', cursive !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    color: #84A59D !important;
    text-align: center !important;
}

/* --- ALIGNEMENT PARFAIT CODE PROMO + BOUTON --- */
.mon-panier-geant #coupon_code { 
    width: 250px !important; 
    height: 48px !important; 
    line-height: 48px !important;
    padding: 0 15px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    background-color: #84A59D !important;
    color: #F7EDE2 !important;
    border: none !important; 
    border-radius: 5px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    -webkit-text-fill-color: #F7EDE2 !important;
}

.mon-panier-geant .coupon button[name="apply_coupon"] {
    height: 48px !important; 
    line-height: 48px !important;
    padding: 0 25px !important; 
    margin: 0 0 0 10px !important; 
    vertical-align: middle !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 5px !important;
}

/* ============================================================
   2. PAGE VALIDATION (RÉFÉRENCE CHECKOUT VALIDÉE)
   ============================================================ */
.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row textarea {
    background-color: #84A59D !important;
    color: #F7EDE2 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    height: 35px !important;
    border: none !important;
    -webkit-text-fill-color: #F7EDE2 !important;
}

.woocommerce-checkout #customer_details .col-1, 
.woocommerce-checkout #customer_details .col-2 {
    background-color: #F7EDE2 !important; 
    border: 5px solid #84A59D !important;
    border-radius: 4px !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
}

#order_review_heading {
    font-family: 'Charm', cursive !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    color: #84A59D !important;
    text-align: center !important;
}

.woocommerce-checkout-review-order-table {
    border: 5px solid #84A59D !important;
    background-color: #F7EDE2 !important;
    border-radius: 4px !important;
    border-collapse: separate !important;
}

.woocommerce-checkout-review-order-table th, 
.woocommerce-checkout-review-order-table td {
    padding: 20px 15px !important;
    font-family: 'Charm', cursive !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #84A59D !important;
    border-bottom: 1px solid #84A59D !important;
}

/* ============================================================
   3. BOUTONS UNIVERSELS (CORAIL #F28482)
   ============================================================ */
button, .button, .checkout-button, #place_order {
    background-color: #F28482 !important;
    color: #F7EDE2 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 15px 25px !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

button:hover, .button:hover, #place_order:hover {
    background-color: #84A59D !important;
}

/* --- CORRECTION BLOC QUANTITÉ --- */
.mon-panier-geant .quantity input.qty {
    background-color: #84A59D !important;
    color: #F7EDE2 !important;
    border: none !important;
    outline: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    height: 48px !important;
    border-radius: 5px !important;
    -webkit-text-fill-color: #F7EDE2 !important;
    box-shadow: none !important;
}

.mon-panier-geant table.cart td.product-quantity { background-color: #F7EDE2 !important; }

/* --- CORRECTION DES CROIX DE SUPPRESSION --- */
.woocommerce a.remove, 
.mon-panier-geant table.cart a.remove {
    color: #84A59D !important;
    background-color: transparent !important;
    border: 2px solid #84A59D !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    text-decoration: none !important;
}

.woocommerce a.remove:hover { background-color: #84A59D !important; color: #F7EDE2 !important; }

/* --- MESSAGES D'ALERTE --- */
.woocommerce-message {
    background-color: #F7EDE2 !important;
    color: #84A59D !important;
    border: 5px solid #84A59D !important;
    border-radius: 4px !important;
    padding: 20px 20px 20px 60px !important;
    font-family: 'Charm', cursive !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.woocommerce-message::before {
    color: #84A59D !important;
    content: "✓" !important;
    position: absolute !important;
    left: 20px !important;
    font-size: 24px !important;
}

.woocommerce-info, .cart-empty {
    background-color: #F7EDE2 !important;
    color: #84A59D !important;
    border: 5px solid #84A59D !important;
    border-radius: 4px !important;
    padding: 40px !important;
    font-family: 'Charm', cursive !important;
    font-size: 26px !important;
    text-align: center !important;
    margin: 40px 0 !important;
}

.woocommerce-info::before { display: none !important; }

.return-to-shop { text-align: center !important; }
.return-to-shop .button { background-color: #F28482 !important; padding: 20px 40px !important; }

/* --- SECURITÉ FINALE : COULEURS ET VERROUILLAGE --- */
.order-total td, .order-total td .amount, .order-total td .amount bdi { color: #84A59D !important; -webkit-text-fill-color: #84A59D !important; }
.mon-panier-geant #coupon_code { font-size: 18px !important; }

/* ============================================================
   4. MINI-PANIER LATÉRAL (WIDGET CART)
   ============================================================ */

/* Force le Vert de gris sur les détails de réservation (dates) */
.woocommerce-mini-cart-item .variation dt, 
.woocommerce-mini-cart-item .variation dd,
.woocommerce-mini-cart-item .variation p {
    color: #84A59D !important;
    -webkit-text-fill-color: #84A59D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Fond du mini-panier pour correspondre à ton style "Lin" */
.widget_shopping_cart_content, 
.woocommerce-mini-cart {
    background-color: #F7EDE2 !important;
}

/* Style des boutons "Voir le panier" et "Commander" du mini-panier */
.woocommerce-mini-cart__buttons .button {
    background-color: #F28482 !important; /* Corail */
    color: #F7EDE2 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
}

.woocommerce-mini-cart__buttons .button.checkout {
    background-color: #84A59D !important; /* On peut mettre le bouton Commander en Vert de gris pour différencier */
}

.woocommerce-mini-cart__buttons .button:hover {
    opacity: 0.9 !important;
}

/* ============================================================
   FIX DÉFINITIF MINI-PANIER (FOND & TEXTES RÉSERVATIONS)
   ============================================================ */

/* 1. Rétablissement du fond Lin (que vous aimiez) */
.widget_shopping_cart,
.widget_shopping_cart_content,
.woocommerce-mini-cart,
.site-header .widget_shopping_cart,
#side-cart {
    background-color: #F7EDE2 !important;
}

/* 2. Le "Marteau" : Force le Vert de gris sur TOUT le texte 
      des variations/réservations dans le mini-panier */
.woocommerce-mini-cart-item .variation *, 
.woocommerce-mini-cart-item .variation dt, 
.woocommerce-mini-cart-item .variation dd,
.widget_shopping_cart_content .variation * {
    color: #84A59D !important;
    -webkit-text-fill-color: #84A59D !important;
    font-family: 'Charm', sans-serif !important;
    background-color: transparent !important; /* Évite les surlignages blancs */
}

/* 3. Ajustement spécifique pour les étiquettes (ex: "Date :") 
      et les valeurs (ex: "22 Avril") */
.woocommerce-mini-cart-item .variation dt {
    font-weight: 700 !important;
    float: left !important;
    margin-right: 5px !important;
}

/* 4. On s'assure que les boutons en bas du mini-panier ne bougent pas */
.woocommerce-mini-cart__buttons .button {
    background-color: #F28482 !important;
    color: #F7EDE2 !important;
}

/* ============================================================
   STYLE DU MODE : RETRAIT SUR PLACE
   ============================================================ */

/* Masquer le titre "Expédition" s'il y a un seul choix pour épurer */
/* (Optionnel : si tu veux que ce soit plus direct) */
html body .woocommerce-shipping-totals th {
    font-family: 'Charm', cursive !important;
    font-size: 22px !important;
    color: #84A59D !important;
    vertical-align: middle !important;
}

/* Styliser le texte du retrait */
html body #shipping_method li label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #84A59D !important;
    cursor: pointer !important;
}

/* Rendre le bouton radio plus discret ou l'harmoniser */
html body #shipping_method input[type="radio"] {
    accent-color: #84A59D !important;
    transform: scale(1.2) !important;
    margin-right: 12px !important;
}

/* Encart d'information sous le mode de retrait (si présent) */
html body .woocommerce-shipping-destination {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #84A59D !important;
    font-style: italic !important;
}

/* ============================================================
   VERROUILLAGE SIDE CART (FOND LIN + DÉTAILS VERT DE GRIS)
   ============================================================ */

/* 1. Couleur de fond LIN pour tout le conteneur du panier latéral */
.xoo-wsc-container, .xoo-wsc-cart, .side-cart-woocommerce, 
#side-cart-id, .widget_shopping_cart_content {
    background-color: #F7EDE2 !important;
}

/* 2. Dates de réservation et détails du produit en VERT DE GRIS */
.xoo-wsc-product-details dl.variation, 
.xoo-wsc-product-details .variation dt, 
.xoo-wsc-product-details .variation dd,
.side-cart-woocommerce .variation,
.product-details .variation {
    color: #84A59D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-style: italic !important;
}

/* 4. Titres des produits dans le Side Cart */
.xoo-wsc-pd-name, .product-name a {
    color: #84A59D !important;
    font-family: 'Charm', cursive !important;
    font-weight: 700 !important;
}

/* 5. Séparateurs et bordures internes */
.xoo-wsc-product, .xoo-wsc-footer {
    border-color: rgba(132, 165, 157, 0.2) !important;
}

/* 6. Sous-total et boutons en bas du panier */
.xoo-wsc-ft-amt, .total .amount {
    color: #84A59D !important;
    font-family: 'Charm', cursive !important;
    font-size: 22px !important;
}

/* --- CALMER LE SIDE CART VIDE --- */

/* Cible le texte vide de manière ultra-large pour réduire la taille */
.xoo-wsc-empty-bag, 
.woocommerce-mini-cart__empty-message, 
.xoo-wsc-body p {
    font-family: 'Charm', cursive !important;
    color: #84A59D !important;
    font-size: 20px !important; /* On descend la taille pour qu'elle soit douce */
    font-weight: 700 !important;
    text-transform: none !important; /* Annule les majuscules agressives si présentes */
    line-height: 1.2 !important;
    text-align: center !important;
}

/* On réduit aussi la taille des icônes de panier vide qui sont souvent géantes */
.xoo-wsc-empty-bag i, 
.woocommerce-mini-cart__empty-message::before {
    font-size: 30px !important; 
    color: #84A59D !important;
    margin-bottom: 10px !important;
    display: block !important;
}
/* TRADUCTION FORCEE EN CSS */
.woocommerce-mini-cart__empty-message, 
.xoo-wsc-empty-bag {
    visibility: hidden; /* On cache l'anglais */
    position: relative;
}

.woocommerce-mini-cart__empty-message::after, 
.xoo-wsc-empty-bag::after {
    content: "Votre panier est vide"; /* On écrit le français */
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-family: 'Charm', cursive !important;
    font-size: 22px !important;
    color: #84A59D !important;
}
/* 1. Supprimer le contour noir (outline) sur les messages WooCommerce */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
    outline: none !important;
    box-shadow: none !important; /* Enlève aussi les ombres portées noires */
}

/* 2. Harmoniser la bordure du message (on garde ton Vert de gris) */
.woocommerce-message {
    border: 1px solid #84a59d !important; /* Ta couleur Vert de gris */
    border-top: 3px solid #84a59d !important; /* Souvent le haut est plus épais */
}

/* 3. Supprimer l'animation de focus qui crée parfois ce flash noir */
.woocommerce-message:focus {
    outline: none !important;

/* 1. Supprimer le contour noir (outline) sur les messages WooCommerce */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
    outline: none !important;
    box-shadow: none !important; /* Enlève aussi les ombres portées noires */
}

/* 2. Harmoniser la bordure du message (on garde ton Vert de gris) */
.woocommerce-message {
    border: 1px solid #84a59d !important; /* Ta couleur Vert de gris */
    border-top: 3px solid #84a59d !important; /* Souvent le haut est plus épais */
}

/* 3. Supprimer l'animation de focus qui crée parfois ce flash noir */
.woocommerce-message:focus {
    outline: none !important;
}

/* Style des cartes de suggestions (Cross-sells) */
.cart-collaterals .cross-sells ul.products li.product {
    /* Couleur de fond */
    background-color: #F5CAC3 !important;
    
    /* Bordure Vert de gris (code hex : #859B96) */
    border: 3px solid #859B96 !important;
    
    /* Arrondi des coins */
    border-radius: 10px !important;
    
    /* Espacement interne pour que le contenu ne touche pas les bords */
    padding: 15px !important;
    
    /* Optionnel : petite ombre pour décoller la carte du fond du site */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.05);
    
    /* On s'assure que tout est bien aligné */
    text-align: center;
    transition: all 0.3s ease;
}

/* Effet au survol (optionnel mais sympa) */
.cart-collaterals .cross-sells ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 15px rgba(0,0,0,0.1);
}
/* Style du nom du produit dans les suggestions */
.cart-collaterals .cross-sells ul.products li.product h2.woocommerce-loop-product__title,
.cart-collaterals .cross-sells ul.products li.product h3 {
    font-family: 'Charm', cursive !important; /* On appelle la police Charm */
    color: #859B96 !important;                /* Ton Vert de gris */
    font-size: 28px !important;               /* Taille demandée */
    font-weight: 700 !important;               /* Graisse demandée */
    line-height: 1.2 !important;               /* Pour éviter que le titre soit trop étiré verticalement */
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

/* Style du prix (tarif simple ou avec variations) */
.cart-collaterals .cross-sells ul.products li.product .price {
    font-size: 24px !important;      /* Même taille que le titre */
    font-weight: 700 !important;      /* Graisse 700 */
    color: #859B96 !important;       /* On reste sur le Vert de gris pour la cohérence */
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

/* On s'assure que les symboles monétaires et les montants des variations ont le même style */
.cart-collaterals .cross-sells ul.products li.product .price ins,
.cart-collaterals .cross-sells ul.products li.product .price .amount {
    color: #859B96 !important;
    text-decoration: none !important; /* Enlève le soulignement si présent */
}
/* Style du bouton Ajouter dans les suggestions */
.cart-collaterals .cross-sells ul.products li.product .button {
    background-color: #F28482 !important; 
    color: #F7EDE2 !important;             /* Texte blanc */
    font-size: 14px !important;            /* Police réduite */
    text-transform: uppercase !important;  /* Tout en majuscules pour le chic */
    letter-spacing: 1px !important;        /* Un peu d'espace entre les lettres */
    padding: 10px 20px !important;         /* Moins haut, plus élégant */
    border-radius: 30px !important;        /* Bouton pilule (très doux) */
    font-weight: 600 !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

/* Effet au survol du bouton */
.cart-collaterals .cross-sells ul.products li.product .button:hover {
    background-color: #6d807b !important; /* Vert un peu plus sombre au survol */
    transform: scale(1.05) !important;     /* Très léger grossissement */
}
/* Arrondir les photos des produits suggérés */
.cart-collaterals .cross-sells ul.products li.product img {
    border-radius: 10px !important; /* Même arrondi que la bordure */
    margin-bottom: 15px !important;  /* Un peu d'espace avec le titre */
    
    /* Optionnel : ajoute une petite bordure très fine pour bien détacher l'image du fond corail */
    border: 1px solid rgba(133, 155, 150, 0.2) !important; 
}
/* On cible UNIQUEMENT le grand titre de la section */
.cart-collaterals .cross-sells > h2 {
    font-size: 0 !important;
    line-height: 0 !important;
    margin-bottom: 40px !important;
    margin-top: 20px !important;
}

/* On injecte le texte uniquement dans ce titre principal */
.cart-collaterals .cross-sells > h2::before {
    content: "Pour compléter votre choix, nous vous suggérons :";
    font-family: 'Montserrat', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #859B96 !important;
    display: block;
    line-height: 1.4;
    text-align: center;
    visibility: visible;
}

/* On s'assure que les titres des produits (qui sont aussi des h2 ou h3) restent normaux */
.cart-collaterals .cross-sells ul.products li.product h2,
.cart-collaterals .cross-sells ul.products li.product h3 {
    font-size: 24px !important; /* Ta taille de 24px pour les noms de produits */
    line-height: 1.2 !important;
    visibility: visible !important;
}
/* Remettre le libellé Expédition en Montserrat */
.cart-collaterals .cart_totals tr.shipping th {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
}
/* Masquer les détails d'adresse sous "Point de vente" */
.cart-collaterals .woocommerce-shipping-destination,
.cart-collaterals .shipping-calculator-button,
.cart-collaterals .woocommerce-shipping-calculator {
    display: none !important;
}

/* Masquer spécifiquement l'icône du camion si elle persiste */
.cart-collaterals .shipping-calculator-button::before,
.cart-collaterals tr.shipping th::before {
    display: none !important;
    content: none !important;
}
/* Harmoniser tous les titres de la table des totaux (Sous-total, Retrait, Total) */
.cart-collaterals .cart_totals table th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; /* Ajuste cette valeur selon ton design actuel */
    font-weight: 700 !important;
    color: #859B96 !important; /* Ton Vert de Gris pour la cohérence */
    text-transform: none !important;
    vertical-align: top !important;
    padding: 15px 0 !important;
}

/* Harmoniser les valeurs à droite (les prix et le texte "Point de vente") */
.cart-collaterals .cart_totals table td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; 
    color: #333333 !important;
    text-align: right !important;
    padding: 15px 0 !important;
}

/* Cas particulier : forcer le texte "Point de vente" s'il résiste */
.cart-collaterals .cart_totals .woocommerce-shipping-methods label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important; /* Plus léger pour la valeur à droite */
    margin: 0 !important;
}

/* 1. Harmonisation des titres (colonne de gauche) */
.cart-collaterals .cart_totals table th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #859B96 !important;
    text-align: left !important;
    padding: 15px 10px 15px 0 !important;
}

/* 2. Harmonisation des valeurs (colonne de droite) - Alignement à GAUCHE */
.cart-collaterals .cart_totals table td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; 
    color: #859B96 !important; /* On remet en Vert de gris */
    text-align: left !important; /* Alignement à gauche demandé */
    padding: 15px 0 !important;
}

/* 3. Correction spécifique pour le Mode de Retrait (qui résistait) */
.cart-collaterals .cart_totals .woocommerce-shipping-methods label,
.cart-collaterals .cart_totals tr.shipping td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; /* On force la taille identique au sous-total */
    font-weight: 400 !important;
    color: #859B96 !important;
    margin: 0 !important;
}

/* 4. Mise en avant du Total Final */
.cart-collaterals .cart_totals .order-total th, 
.cart-collaterals .cart_totals .order-total .amount {
    font-size: 22px !important; /* Plus gros pour se détacher */
    color: #859B96 !important;
    font-weight: 800 !important;
}

/* Suppression des puces ou icônes résiduelles dans la colonne de droite */
.cart-collaterals .cart_totals ul#shipping_method {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
}
/* 1. Supprimer le contour noir (outline) sur les messages WooCommerce */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
    outline: none !important;
    box-shadow: none !important; /* Enlève aussi les ombres portées noires */
}

/* 2. Harmoniser la bordure du message (on garde ton Vert de gris) */
.woocommerce-message {
    border: 1px solid #84a59d !important; /* Ta couleur Vert de gris */
    border-top: 3px solid #84a59d !important; /* Souvent le haut est plus épais */
}

/* 3. Supprimer l'animation de focus qui crée parfois ce flash noir */
.woocommerce-message:focus {
    outline: none !important;
}

/* Style des cartes de suggestions (Cross-sells) */
.cart-collaterals .cross-sells ul.products li.product {
    /* Couleur de fond */
    background-color: #F5CAC3 !important;
    
    /* Bordure Vert de gris (code hex : #859B96) */
    border: 3px solid #859B96 !important;
    
    /* Arrondi des coins */
    border-radius: 10px !important;
    
    /* Espacement interne pour que le contenu ne touche pas les bords */
    padding: 15px !important;
    
    /* Optionnel : petite ombre pour décoller la carte du fond du site */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.05);
    
    /* On s'assure que tout est bien aligné */
    text-align: center;
    transition: all 0.3s ease;
}

/* Effet au survol (optionnel mais sympa) */
.cart-collaterals .cross-sells ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 15px rgba(0,0,0,0.1);
}
/* Style du nom du produit dans les suggestions */
.cart-collaterals .cross-sells ul.products li.product h2.woocommerce-loop-product__title,
.cart-collaterals .cross-sells ul.products li.product h3 {
    font-family: 'Charm', cursive !important; /* On appelle la police Charm */
    color: #859B96 !important;                /* Ton Vert de gris */
    font-size: 28px !important;               /* Taille demandée */
    font-weight: 700 !important;               /* Graisse demandée */
    line-height: 1.2 !important;               /* Pour éviter que le titre soit trop étiré verticalement */
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

/* Style du prix (tarif simple ou avec variations) */
.cart-collaterals .cross-sells ul.products li.product .price {
    font-size: 24px !important;      /* Même taille que le titre */
    font-weight: 700 !important;      /* Graisse 700 */
    color: #859B96 !important;       /* On reste sur le Vert de gris pour la cohérence */
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

/* On s'assure que les symboles monétaires et les montants des variations ont le même style */
.cart-collaterals .cross-sells ul.products li.product .price ins,
.cart-collaterals .cross-sells ul.products li.product .price .amount {
    color: #859B96 !important;
    text-decoration: none !important; /* Enlève le soulignement si présent */
}
/* Style du bouton Ajouter dans les suggestions */
.cart-collaterals .cross-sells ul.products li.product .button {
    background-color: #F28482 !important; 
    color: #F7EDE2 !important;             /* Texte blanc */
    font-size: 14px !important;            /* Police réduite */
    text-transform: uppercase !important;  /* Tout en majuscules pour le chic */
    letter-spacing: 1px !important;        /* Un peu d'espace entre les lettres */
    padding: 10px 20px !important;         /* Moins haut, plus élégant */
    border-radius: 30px !important;        /* Bouton pilule (très doux) */
    font-weight: 600 !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

/* Effet au survol du bouton */
.cart-collaterals .cross-sells ul.products li.product .button:hover {
    background-color: #6d807b !important; /* Vert un peu plus sombre au survol */
    transform: scale(1.05) !important;     /* Très léger grossissement */
}
/* Arrondir les photos des produits suggérés */
.cart-collaterals .cross-sells ul.products li.product img {
    border-radius: 10px !important; /* Même arrondi que la bordure */
    margin-bottom: 15px !important;  /* Un peu d'espace avec le titre */
    
    /* Optionnel : ajoute une petite bordure très fine pour bien détacher l'image du fond corail */
    border: 1px solid rgba(133, 155, 150, 0.2) !important; 
}
/* On cible UNIQUEMENT le grand titre de la section */
.cart-collaterals .cross-sells > h2 {
    font-size: 0 !important;
    line-height: 0 !important;
    margin-bottom: 40px !important;
    margin-top: 20px !important;
}

/* On injecte le texte uniquement dans ce titre principal */
.cart-collaterals .cross-sells > h2::before {
    content: "Pour compléter votre choix, nous vous suggérons :";
    font-family: 'Montserrat', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #859B96 !important;
    display: block;
    line-height: 1.4;
    text-align: center;
    visibility: visible;
}

/* On s'assure que les titres des produits (qui sont aussi des h2 ou h3) restent normaux */
.cart-collaterals .cross-sells ul.products li.product h2,
.cart-collaterals .cross-sells ul.products li.product h3 {
    font-size: 24px !important; /* Ta taille de 24px pour les noms de produits */
    line-height: 1.2 !important;
    visibility: visible !important;
}
/* Remettre le libellé Expédition en Montserrat */
.cart-collaterals .cart_totals tr.shipping th {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
}
/* Masquer les détails d'adresse sous "Point de vente" */
.cart-collaterals .woocommerce-shipping-destination,
.cart-collaterals .shipping-calculator-button,
.cart-collaterals .woocommerce-shipping-calculator {
    display: none !important;
}

/* Masquer spécifiquement l'icône du camion si elle persiste */
.cart-collaterals .shipping-calculator-button::before,
.cart-collaterals tr.shipping th::before {
    display: none !important;
    content: none !important;
}
/* Harmoniser tous les titres de la table des totaux (Sous-total, Retrait, Total) */
.cart-collaterals .cart_totals table th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; /* Ajuste cette valeur selon ton design actuel */
    font-weight: 700 !important;
    color: #859B96 !important; /* Ton Vert de Gris pour la cohérence */
    text-transform: none !important;
    vertical-align: top !important;
    padding: 15px 0 !important;
}

/* Harmoniser les valeurs à droite (les prix et le texte "Point de vente") */
.cart-collaterals .cart_totals table td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; 
    color: #333333 !important;
    text-align: right !important;
    padding: 15px 0 !important;
}

/* Cas particulier : forcer le texte "Point de vente" s'il résiste */
.cart-collaterals .cart_totals .woocommerce-shipping-methods label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important; /* Plus léger pour la valeur à droite */
    margin: 0 !important;
}

/* 1. Harmonisation des titres (colonne de gauche) */
.cart-collaterals .cart_totals table th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #859B96 !important;
    text-align: left !important;
    padding: 15px 10px 15px 0 !important;
}

/* 2. Harmonisation des valeurs (colonne de droite) - Alignement à GAUCHE */
.cart-collaterals .cart_totals table td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; 
    color: #859B96 !important; /* On remet en Vert de gris */
    text-align: left !important; /* Alignement à gauche demandé */
    padding: 15px 0 !important;
}

/* 3. Correction spécifique pour le Mode de Retrait (qui résistait) */
.cart-collaterals .cart_totals .woocommerce-shipping-methods label,
.cart-collaterals .cart_totals tr.shipping td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; /* On force la taille identique au sous-total */
    font-weight: 400 !important;
    color: #859B96 !important;
    margin: 0 !important;
}

/* 4. Mise en avant du Total Final */
.cart-collaterals .cart_totals .order-total th, 
.cart-collaterals .cart_totals .order-total .amount {
    font-size: 22px !important; /* Plus gros pour se détacher */
    color: #859B96 !important;
    font-weight: 800 !important;
}

/* Suppression des puces ou icônes résiduelles dans la colonne de droite */
.cart-collaterals .cart_totals ul#shipping_method {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 767px) {
    /* 1. Conteneur global pour forcer l'alignement vertical */
    .woocommerce-cart-form__contents .actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        padding: 10px 0 !important;
    }

    /* 2. Bloc coupon (le groupe champ + bouton promo) */
    .actions .coupon {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    /* 3. Style commun à TOUS les éléments (champs et boutons) */
    .actions .coupon input#coupon_code,
    .actions .coupon button[name="apply_coupon"],
    .actions button[name="update_cart"] {
        width: 100% !important; /* Même largeur pour l'alignement parfait */
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 5px 0 !important;
        height: 55px !important; /* Hauteur fixe pour une symétrie totale */
        
        /* Typographie commune */
        font-family: 'Montserrat', sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        text-align: center !important;
        color: #F7EDE2 !important; /* Couleur Lin */
        border-radius: 5px !important;
        border: none !important;
    }

    /* 4. Couleurs spécifiques au CHAMP "Code promo" */
    .actions .coupon input#coupon_code {
        background-color: #84A59D !important; /* Vert de Gris */
    }
    
    /* Couleur du texte d'exemple (placeholder) pour le champ */
    .actions .coupon input#coupon_code::placeholder {
        color: #F7EDE2 !important;
        opacity: 0.8;
    }

    /* 5. Couleurs spécifiques aux BOUTONS (Appliquer et Mettre à jour) */
    .actions .coupon button[name="apply_coupon"],
    .actions button[name="update_cart"] {
        background-color: #F28482 !important; /* Corail */
        cursor: pointer;
    }

    /* 6. Correction pour désactiver l'opacité par défaut de WooCommerce sur le bouton Mettre à jour */
    .actions button[name="update_cart"]:disabled,
    .actions button[name="update_cart"][disabled] {
        background-color: #F28482 !important;
        color: #F7EDE2 !important;
        opacity: 0.5; /* Reste lisible même si désactivé */
    }
}/* End custom CSS */