.elementor-9 .elementor-element.elementor-element-8094f64{--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;--overlay-opacity:0.6;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-8094f64:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-8094f64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.wallaby-store.com/wp-content/uploads/2025/08/vue-photorealiste-d-une-voiture-tout-terrain-avec-terrain-naturel-et-conditions-meteorologiques-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-8094f64::before, .elementor-9 .elementor-element.elementor-element-8094f64 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-8094f64 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-8094f64 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-8094f64 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-8094f64 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-bf6cdda{--update-cart-automatically-display:none;--sections-title-color:#D8814A;--links-normal-color:#D8814A;--links-hover-color:#D8814A;--sections-radio-buttons-color:#D8814A;--order-summary-color:#2E2E2E;--order-summary-variations-color:#2E2E2E;--product-link-normal-color:#D8814A;--order-summary-remove-icon-normal-color:#D8814A;--totals-color:#2E2E2E;--checkout-button-normal-text-color:#FFFCF7;--checkout-button-hover-text-color:#FFFCF7;}.elementor-9 .elementor-element.elementor-element-bf6cdda .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#27614B;}.elementor-9 .elementor-element.elementor-element-bf6cdda .woocommerce .wc-proceed-to-checkout .checkout-button:hover{background-color:#27614B;}.elementor-9 .elementor-element.elementor-element-bf6cdda .e-cart-section{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-bf6cdda .cart_totals h2{font-family:"Bevan", Sans-serif;font-weight:400;}.elementor-9 .elementor-element.elementor-element-bf6cdda {--sections-descriptions-color:#2E2E2E;}.elementor-9 .elementor-element.elementor-element-bf6cdda .e-cart-content, .elementor-9 .elementor-element.elementor-element-bf6cdda .woocommerce-shipping-destination, .elementor-9 .elementor-element.elementor-element-bf6cdda .shipping-calculator-button{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-bf6cdda .woocommerce-cart-form{--order-summary-title-color:#D8814A;}.elementor-9 .elementor-element.elementor-element-bf6cdda .e-shop-table .cart th, .elementor-9 .elementor-element.elementor-element-bf6cdda .e-shop-table .cart td:before{font-family:"Bevan", Sans-serif;font-size:16px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-bf6cdda .cart td span, .elementor-9 .elementor-element.elementor-element-bf6cdda .cart td, .elementor-9 .elementor-element.elementor-element-bf6cdda .input-text.qty{font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-9 .elementor-element.elementor-element-bf6cdda .product-name .variation{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-bf6cdda .cart_totals .shop_table td:before, .elementor-9 .elementor-element.elementor-element-bf6cdda .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"Bevan", Sans-serif;font-weight:400;}.elementor-9 .elementor-element.elementor-element-bf6cdda .checkout-button{font-family:"Bevan", Sans-serif;font-weight:400;border-style:none;}.elementor-9 .elementor-element.elementor-element-bf6cdda .checkout-button:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-9 .elementor-element.elementor-element-bf6cdda .e-cart-totals{--sections-padding:10px 10px 10px 10px;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-8094f64{--content-width:95%;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-bf6cdda */.button.e-apply-coupon {
    border: 8px double #27614b !important;
}
td.product-name a {
    font-family: 'Bevan', cursive;
}
.woocommerce-cart-form__cart-item .product-remove {
    padding-right: 5px !important;
}
.woocommerce-cart-form__cart-item .input-text.qty {
    text-align: center !important;
}
.woocommerce-cart-form__cart-item .product-remove a:hover {
    color: #d8814a !important;
}

/* ==============================================
   OPTIMISATION DU PANIER SUR MOBILE (max 768px)
   VERSION FINALE (V11) : Marge sous le bouton Remove
   ============================================== */
@media (max-width: 768px) {
    
    /* 1. Configuration de la ligne de produit (Conteneur parent) */
    .woocommerce-cart-form__cart-item.cart_item {
        display: flex;
        flex-wrap: wrap; 
        width: 100%; 
        position: relative; 
        border: none !important;
        /* MODIFICATION : Marge pour éloigner le contenu de l'icône de suppression (90px) */
        padding-right: 90px; 
        margin-bottom: 20px; 
        padding-bottom: 0 !important; 
    }

    /* Cache l'en-tête "Produit" et les colonnes masquées par défaut */
    .shop_table_responsive thead,
    .shop_table_responsive .product-name::before {
        display: none !important;
        content: none !important;
    }

    /* 2. Colonne Miniature (Thumbnail) et Nom du produit (Titre) - Aligné en haut */
    .woocommerce-cart-form__cart-item .product-thumbnail {
        flex: 0 0 70px; 
        max-width: 70px;
        padding: 0 5px 0 0 !important;
    }
    
    .woocommerce-cart-form__cart-item .product-name {
        flex: 1; 
        padding: 0 !important;
        padding-top: 35px !important;
        margin-bottom: 10px; 
    }

    /* 3. Début de la zone de contenu sous le Thumbnail/Titre (Prix, Quantité, Sous-total) */
    
    /* Ces éléments prennent 100% de la largeur du conteneur parent pour s'empiler */
    .woocommerce-cart-form__cart-item .product-price,
    .woocommerce-cart-form__cart-item .product-quantity,
    .woocommerce-cart-form__cart-item .product-subtotal {
        flex: 0 0 100%; 
        width: 100%; 
        display: block !important; 
        clear: both;
        padding: 5px 0 0 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        box-sizing: border-box;
    }

    /* 4. Variations (dl.variation) - PLEINE LARGEUR */
    .woocommerce-cart-form__cart-item .product-name dl.variation {
        /* ÉTIRAGE : Tire le bloc de variations vers la gauche */
        margin-left: -85px !important; /* 70px (largeur miniature) + 15px (padding) */
        
        /* Étend la largeur pour compenser le tirage à gauche */
        width: calc(100% + 85px) !important; 
        
        /* Applique le padding interne pour décaler le texte du bord et de la miniature */
        padding-left: 85px !important; 
        
        /* NOUVEAUTÉ : Alignement à gauche du texte des variations */
        text-align: left !important;
        
        /* Force l'élément à s'afficher sur sa propre ligne pleine largeur */
        flex: 0 0 100%;
        display: block; 
        margin-top: 10px;
        padding-top: 5px;
        border-top: 1px dashed #CCC;
        box-sizing: border-box;
    }

    /* 5. Styles pour les Variations : Chaque paire Terme/Valeur sur une nouvelle ligne */
    
    /* Terme (dt): Doit prendre toute la largeur pour forcer la rupture après la valeur */
    .woocommerce-cart-form__cart-item .product-name dl.variation dt {
        font-weight: normal;
        margin-right: 5px;
        font-size: 0.9em;
        
        /* S'assure que le terme ET la valeur s'affichent en ligne */
        display: inline-block; 
        margin-bottom: 5px; /* Marge sous chaque ligne de variation */
    }

    /* Valeur (dd) : S'affiche à la suite du terme */
    .woocommerce-cart-form__cart-item .product-name dl.variation dd {
        margin: 0;
        padding: 0;
        /* Force la valeur à être sur la même ligne que le terme */
        display: inline;
    }
    
    /* Le paragraphe (p) dans la valeur (dd) doit s'afficher en ligne et forcer la rupture */
    .woocommerce-cart-form__cart-item .product-name dl.variation dd p {
        display: inline;
        margin: 0;
        font-style: italic;
    }
    
    /* 6. Styles pour la lisibilité (Prix/Sous-total) */
    .woocommerce-cart-form__cart-item .product-subtotal {
        font-weight: bold;
        font-size: 1.1em;
        padding: 5px 0 10px 0 !important;
    }
    
    .woocommerce-cart-form__cart-item .product-quantity {
        font-size: 0.9em;
        padding-bottom: 5px !important;
    }
    
    /* 7. Marge et Bordure entre les produits */
    .woocommerce-cart-form__cart-item:not(:last-child) {
        border-bottom: 1px solid #2E2E2E !important; 
        padding-bottom: 20px;
    }
    
    /* 8. Bouton de suppression (Croix) - Positionnement conservé */
    .woocommerce-cart-form__cart-item .product-remove {
        position: absolute;
        top: 0;
        right: 0; 
        z-index: 10;
        display: block !important;
    }

    /* NOUVEAUTÉ : Ajout de marge en dessous du lien de suppression */
    .woocommerce-cart-form__cart-item .product-remove a.remove {
        margin-bottom: 5px;
        /* Doit être block ou inline-block pour que margin-bottom fonctionne */
        display: block; 
    }
}/* End custom CSS */