.elementor-7 .elementor-element.elementor-element-48b5fa56{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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 );}/* Start custom CSS for text-editor, class: .elementor-element-11461345 *//* ========================================
   PAGE PANIER - STYLE ATELIER
   ======================================== */

/* 1. IMPORT TYPO & VARIABLES */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap');

:root {
    --cart-bg: #FDFBF7;       /* Beige Atelier */
    --cart-white: #FFFFFF;
    --cart-text: #2C241B;     /* Noir Brun */
    --cart-border: rgba(44, 36, 27, 0.08);
    --cart-accent: #9CAF88;   /* Vert Sauge */
    --cart-accent-dark: #859675;
}

/* 2. GLOBAL PAGE */
body.woocommerce-cart {
    background-color: var(--cart-bg) !important;
    font-family: 'Space Grotesk', sans-serif !important;
    color: var(--cart-text) !important;
}

/* Titres (H1, H2) */
h1.entry-title, 
.wc-block-cart__totals-title {
    color: var(--cart-text) !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    text-transform: none !important;
}

/* ========================================
   COLONNE GAUCHE : LISTE PRODUITS
   ======================================== */

/* Le conteneur principal des produits */
.wc-block-cart__main {
    background-color: var(--cart-white) !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 10px 40px -10px rgba(44, 36, 27, 0.05) !important;
    border: 1px solid var(--cart-border) !important;
}

/* En-têtes du tableau */
.wc-block-cart-items__header th {
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #6A6055 !important; /* Gris chaud */
    font-weight: 700 !important;
    border-bottom: 2px solid var(--cart-bg) !important;
    padding-bottom: 15px !important;
}

/* Ligne produit */
.wc-block-cart-items__row {
    border-bottom: 1px solid var(--cart-bg) !important;
    padding: 25px 0 !important;
}

/* Image produit */
.wc-block-cart-item__image img {
    border-radius: 12px !important;
    border: 1px solid var(--cart-border) !important;
    width: 80px !important;
    height: auto !important;
}

/* Nom du produit */
.wc-block-components-product-name {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--cart-text) !important;
    text-decoration: none !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Métadonnées (Options choisies) */
.wc-block-components-product-metadata {
    font-size: 14px !important;
    color: #6A6055 !important;
}

.wc-block-components-product-details__name {
    font-weight: 600 !important;
    color: var(--cart-text) !important;
}

/* Prix */
.wc-block-cart-item__prices {
    color: var(--cart-accent) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    background: rgba(156, 175, 136, 0.1) !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

/* ========================================
   SÉLECTEUR DE QUANTITÉ (Stylisé)
   ======================================== */

.wc-block-components-quantity-.elementor-7 .elementor-element.elementor-element-11461345 {
    border: 1px solid var(--cart-border) !important;
    border-radius: 50px !important;
    background: var(--cart-bg) !important;
    padding: 2px !important;
    overflow: hidden !important;
}

.wc-block-components-quantity-.elementor-7 .elementor-element.elementor-element-11461345__input {
    background: transparent !important;
    border: none !important;
    font-weight: 700 !important;
    color: var(--cart-text) !important;
}

.wc-block-components-quantity-.elementor-7 .elementor-element.elementor-element-11461345__button {
    color: var(--cart-text) !important;
    background: transparent !important;
    border: none !important;
    transition: color 0.2s !important;
}
.wc-block-components-quantity-.elementor-7 .elementor-element.elementor-element-11461345__button:hover {
    color: var(--cart-accent) !important;
    background: #fff !important;
    border-radius: 50% !important;
}

/* Lien supprimer */
.wc-block-cart-item__remove-link {
    font-size: 12px !important;
    color: #9CA3AF !important;
    text-decoration: underline !important;
    margin-top: 10px !important;
    transition: color 0.3s !important;
}
.wc-block-cart-item__remove-link:hover {
    color: #ff6b6b !important; /* Rouge doux au survol */
}

/* ========================================
   COLONNE DROITE : RÉSUMÉ & TOTAL
   ======================================== */

.wc-block-cart__sidebar {
    background-color: var(--cart-white) !important;
    border-radius: 20px !important;
    padding: 30px !important;
    border: 1px solid var(--cart-border) !important;
    box-shadow: 0 10px 40px -10px rgba(44, 36, 27, 0.08) !important;
}

/* Titre sidebar */
.wc-block-cart__totals-title {
    font-size: 22px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid var(--cart-bg) !important;
    padding-bottom: 15px !important;
}

/* Lignes de sous-total */
.wc-block-components-totals-item {
    border-bottom: 1px solid var(--cart-bg) !important;
    padding: 15px 0 !important;
}

.wc-block-components-totals-item__label {
    font-weight: 600 !important;
    color: #6A6055 !important;
}

.wc-block-components-totals-item__value {
    font-weight: 700 !important;
    color: var(--cart-text) !important;
}

/* Ligne TOTAL FINAL */
.wc-block-components-totals-footer-item {
    border-top: 2px solid var(--cart-bg) !important;
    margin-top: 10px !important;
    padding-top: 20px !important;
    border-bottom: none !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 26px !important;
    color: var(--cart-accent) !important;
}

/* Zone Code Promo */
.wc-block-components-totals-coupon {
    background: var(--cart-bg) !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    border: 1px dashed var(--cart-border) !important;
}

/* ========================================
   BOUTON : VALIDER LA COMMANDE (CTA)
   ======================================== */

.wc-block-cart__submit-button {
    background-color: var(--cart-accent) !important;
    color: #ffffff !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: none !important;
    padding: 18px 30px !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 4px 15px rgba(156, 175, 136, 0.4) !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    text-decoration: none !important;
}

.wc-block-cart__submit-button:hover {
    background-color: var(--cart-accent-dark) !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 10px 25px rgba(133, 150, 117, 0.5) !important;
    color: #fff !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .wc-block-cart__main, 
    .wc-block-cart__sidebar {
        padding: 20px !important;
        border-radius: 16px !important;
    }
    
    .wc-block-cart-items__header {
        display: none !important; /* On cache les en-têtes sur mobile pour gagner de la place */
    }
    
    .wc-block-cart-item__image img {
        width: 70px !important;
    }
    
    .wc-block-components-product-name {
        font-size: 16px !important;
    }
}/* End custom CSS */