.elementor-8 .elementor-element.elementor-element-6eb9d8e0{--display:flex;}.elementor-8 .elementor-element.elementor-element-b15865f{--update-cart-automatically-display:none;--sections-title-color:var( --e-global-color-blocksy_palette_1 );--links-normal-color:var( --e-global-color-blocksy_palette_1 );--totals-color:var( --e-global-color-blocksy_palette_2 );--totals-divider-color:var( --e-global-color-blocksy_palette_2 );--totals-divider-weight:1px;--checkout-button-normal-text-color:var( --e-global-color-blocksy_palette_8 );--checkout-button-hover-text-color:var( --e-global-color-blocksy_palette_8 );}.elementor-8 .elementor-element.elementor-element-b15865f .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-8 .elementor-element.elementor-element-b15865f .woocommerce .wc-proceed-to-checkout .checkout-button:hover{background-color:var( --e-global-color-blocksy_palette_2 );}.elementor-8 .elementor-element.elementor-element-b15865f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-b15865f {--sections-descriptions-color:var( --e-global-color-blocksy_palette_1 );}.elementor-8 .elementor-element.elementor-element-78c9475{--display:flex;}.elementor-8 .elementor-element.elementor-element-30116f9 .elementor-heading-title{font-size:26px;}.elementor-8 .elementor-element.elementor-element-9c7c53b{--grid-columns:4;}.elementor-8 .elementor-element.elementor-element-9c7c53b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-8 .elementor-element.elementor-element-9c7c53b .e-loop-item > .elementor-section, .elementor-8 .elementor-element.elementor-element-9c7c53b .e-loop-item > .elementor-section > .elementor-container, .elementor-8 .elementor-element.elementor-element-9c7c53b .e-loop-item > .e-con, .elementor-8 .elementor-element.elementor-element-9c7c53b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-9c7c53b{--grid-columns:2;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-b15865f{width:100%;max-width:100%;z-index:5;--sections-padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b15865f .e-cart-section{border-width:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-9c7c53b{--grid-columns:1;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-b15865f *//* =========================================================================
 * OPTIMISATION MOBILE DU PANIER V3 (Moteur CSS Grid Ultra-Propre)
 * ========================================================================= */
@media (max-width: 767px) {
    
    /* 1. LA GRILLE MAGIQUE (Remplace le Flexbox) */
    .elementor-8 .elementor-element.elementor-element-b15865f .woocommerce-cart-form__contents tbody tr.cart_item {
        display: grid !important;
        /* On crée 3 colonnes : Auto (gauche), 1 Fraction (centre), Auto (droite) */
        grid-template-columns: auto 1fr auto !important;
        /* On dessine nos 2 lignes distinctes */
        grid-template-areas:
            "image name name"
            "qty price remove" !important;
        row-gap: 20px !important; /* L'espace entre la ligne 1 et la ligne 2 */
        column-gap: 15px !important;
        align-items: center !important; /* Centre tout le monde verticalement */
        padding: 20px 0 !important;
        border-bottom: 1px solid #e1e1e1 !important;
    }

    /* Reset global des cellules WooCommerce */
    .elementor-8 .elementor-element.elementor-element-b15865f .woocommerce-cart-form__contents td {
        border: none !important;
        padding: 0 !important;
        display: flex !important;
    }
    .elementor-8 .elementor-element.elementor-element-b15865f .woocommerce-cart-form__contents td::before { display: none !important; }

    /* ---------------------------------------------------------
     * LIGNE 1 : IMAGE (Gauche) + TITRE & DESCRIPTION (Droite)
     * --------------------------------------------------------- */
    
    /* L'IMAGE */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-thumbnail {
        grid-area: image !important; /* Se place dans la zone "image" de la grille */
        width: 80px !important;
        margin: 0 !important;
    }
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-thumbnail img {
        width: 100% !important;
        border-radius: 8px;
        border: 1px solid #eee;
    }

    /* LE TITRE & LA DESCRIPTION */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-name {
        grid-area: name !important; /* Se place dans la zone "name" */
        flex-direction: column !important;
        align-items: flex-start !important; /* Force l'alignement strict à gauche */
        text-align: left !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Le Titre */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-name a {
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        margin-bottom: 12px !important; /* AGRANDI : Plus d'espace sous le titre ! */
    }

   /* La Description (Coupe, Surface) */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-name dl.variation {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        font-size: 13px !important; /* Un poil plus grand pour la lisibilité */
        color: #666 !important;
    }

    /* On force les labels (Coupe:) à agir comme du texte fluide */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-name dl.variation dt {
        display: inline !important;
        font-weight: 700 !important;
        float: none !important; /* Annule le vieux code WooCommerce */
        margin-right: 4px !important;
    }

    /* On force les valeurs (3.05m x 23m) à agir comme du texte fluide */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-name dl.variation dd {
        display: inline !important;
        float: none !important;
        margin: 0 !important;
    }

    .elementor-8 .elementor-element.elementor-element-b15865f td.product-name dl.variation dd p {
        display: inline !important;
        margin: 0 !important;
    }

    /* ASTUCE : Retour à la ligne propre après chaque attribut (Coupe, puis Surface) */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-name dl.variation dd::after {
        content: "\a";
        white-space: pre;
    }

    /* ---------------------------------------------------------
     * LIGNE 2 : QTE (Gauche) - PRIX (Centre) - POUBELLE (Droite)
     * L'effet "Space-Between" est géré par la grille nativement
     * --------------------------------------------------------- */
    
    /* On cache le prix unitaire */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-price { display: none !important; }

    /* QUANTITÉ (À gauche) */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-quantity {
        grid-area: qty !important;
        justify-self: start !important; /* Cloué à gauche */
        margin: 0 !important;
    }

    /* SOUS-TOTAL (Au centre) */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-subtotal {
        grid-area: price !important;
        justify-self: center !important; /* Cloué parfaitement au centre */
        font-weight: 800 !important;
        color: #004867 !important;
        font-size: 16px !important;
        margin: 0 !important;
    }

    /* POUBELLE (À droite) */
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-remove {
        grid-area: remove !important;
        justify-self: end !important; /* Cloué tout à droite */
        position: static !important; /* On annule l'ancien code */
        margin: 0 !important;
    }
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-remove a.remove {
        color: #999 !important;
        font-size: 24px !important; /* Un poil plus gros pour les gros doigts */
        background: transparent !important;
    }
    .elementor-8 .elementor-element.elementor-element-b15865f td.product-remove a.remove:hover { color: #e63946 !important; }

    /* ---------------------------------------------------------
     * BOUTON STICKY "VALIDER" (Inchangé)
     * --------------------------------------------------------- */
    .elementor-8 .elementor-element.elementor-element-b15865f .cart-collaterals .wc-proceed-to-checkout {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        padding: 15px 20px !important;
        box-shadow: 0 -5px 15px rgba(0,0,0,0.1) !important;
        z-index: 9999 !important;
        margin: 0 !important;
    }
    .elementor-8 .elementor-element.elementor-element-b15865f .cart-collaterals .wc-proceed-to-checkout a.checkout-button {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 8px !important;
    }
    .elementor-8 .elementor-element.elementor-element-b15865f { padding-bottom: 110px !important; } /* Marge de sécurité pour le scroll */
}/* End custom CSS */