/**
 * Styles pour l'affichage de l'image composite sur la page produit
 * Zero2Hero Plugin - Design moderne avec dégradé coloré
 */

/* ============================================
   FOND DÉGRADÉ COLORÉ POUR PAGE PRODUIT
   ============================================ */
body.single-product {
    background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f97316 100%) !important;
    min-height: 100vh;
}

/* Forcer le fond dégradé sur tous les conteneurs */
body.single-product .site-content,
body.single-product #primary,
body.single-product main {
    background: transparent !important;
}

/* ============================================
   BREADCRUMB BLANC
   ============================================ */
.woocommerce-breadcrumb,
.breadcrumb,
nav.woocommerce-breadcrumb {
    color: white !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    margin-bottom: 20px !important;
    padding: 10px 0 !important;
}

.woocommerce-breadcrumb a,
.breadcrumb a,
nav.woocommerce-breadcrumb a {
    color: rgba(255,255,255,0.9) !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.woocommerce-breadcrumb a:hover,
.breadcrumb a:hover,
nav.woocommerce-breadcrumb a:hover {
    color: white !important;
    text-decoration: underline !important;
}

/* ============================================
   TEXTES ET TITRES BLANCS
   ============================================ */
.woocommerce div.product .product_title,
.woocommerce div.product h1,
.product_title,
.entry-title {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    font-weight: 700 !important;
}

/* MASQUER LA DESCRIPTION COURTE COMPLÈTEMENT - ULTRA AGRESSIF + BLOCS GUTENBERG */
.woocommerce-product-details__short-description,
.product-short-description,
.short-description,
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .product-short-description,
.woocommerce div.product .woocommerce-product-details__short-description p,
body.single-product .woocommerce div.product .woocommerce-product-details__short-description,
body.single-product .product-short-description,
.product .woocommerce-product-details__short-description,
div.product .woocommerce-product-details__short-description,
.entry-summary .woocommerce-product-details__short-description,
.summary .woocommerce-product-details__short-description,
[class*="short-description"],
div[class*="short-description"],
*[class*="short-description"],
/* BLOCS GUTENBERG - wp-block-post-excerpt */
.wp-block-post-excerpt,
.wp-block-post-excerpt__excerpt,
div.wp-block-post-excerpt,
p.wp-block-post-excerpt__excerpt,
.wp-block-column .wp-block-post-excerpt,
.wp-block-column .wp-block-post-excerpt__excerpt,
body.single-product .wp-block-post-excerpt,
body.single-product .wp-block-post-excerpt__excerpt {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Autres paragraphes restent blancs (sauf description courte) */
.woocommerce div.product p:not(.woocommerce-product-details__short-description):not([class*="short-description"]) {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* Prix GROS et BLANC - UNIQUEMENT SUR LES PAGES PRODUIT (pas le panier!) */
body.single-product .woocommerce div.product p.price,
body.single-product .woocommerce div.product span.price,
body.single-product .woocommerce div.product .price,
body.single-product div.product p.price,
body.single-product div.product span.price,
body.single-product div.product .price,
body.single-product .entry-summary .price,
body.single-product .entry-summary p.price,
body.single-product .entry-summary span.price,
body.single-product .summary .price,
body.single-product .summary p.price,
body.single-product .summary span.price,
body.single-product .product-price,
body.single-product .woocommerce-variation-price .price {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
    font-weight: 700 !important;
    font-size: 36px !important;
    margin: 20px 0 !important;
}

/* Forcer aussi sur tous les spans internes du prix - UNIQUEMENT pages produit */
body.single-product .price span,
body.single-product .price *,
body.single-product p.price span,
body.single-product p.price *,
body.single-product span.price span,
body.single-product span.price *,
body.single-product .woocommerce-Price-amount span,
body.single-product .woocommerce-Price-amount * {
    color: white !important;
    font-size: inherit !important;
}

/* Labels et métadonnées */
.woocommerce div.product .product_meta,
.woocommerce div.product .product_meta a,
.woocommerce div.product .product_meta span {
    color: rgba(255,255,255,0.95) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* Description détaillée et onglets */
.woocommerce-tabs .panel,
.woocommerce-Tabs-panel,
#tab-description,
.woocommerce div.product .woocommerce-tabs .panel h2 {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* Masquer les onglets de navigation */
ul.tabs.wc-tabs {
    display: none !important;
}

/* Ajuster l'espace entre le titre Description et le texte */
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce-Tabs-panel h2,
#tab-description h2 {
    margin-bottom: 25px !important;
    padding-bottom: 0 !important;
}

.woocommerce div.product .woocommerce-tabs .panel h2 + p,
.woocommerce-Tabs-panel h2 + p,
#tab-description h2 + p {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================
   MASQUER BOUTONS GOOGLE PAY ET LINK
   ============================================ */
/* Masquer tous les boutons de paiement express - ULTRA PRIORITÉ */
body.single-product .woocommerce-checkout-payment,
body.single-product .wc-stripe-googlepay-button-wrapper,
body.single-product .wc-stripe-link-button-wrapper,
body.single-product .gpay-button,
body.single-product button[aria-label*="Google Pay"],
body.single-product button[aria-label*="Link"],
body.single-product .payment-method-gpay,
body.single-product .payment-method-link,
body.single-product #google-pay-button,
body.single-product .google-pay-button-container,
body.single-product .wc-stripe-express-checkout-buttons,
body.single-product .wc-stripe-express-checkout-element,
body.single-product iframe[name*="__privateStripe"],
body.single-product div[id*="stripe-payment"],
body.single-product div[class*="stripe-express"],
body.single-product div[class*="payment-request-button"],
body.single-product .wc-payment-gateway-method-gpay,
body.single-product .wc-payment-gateway-method-link,
/* Cibler aussi les divs génériques qui peuvent contenir ces boutons */
body.single-product form.cart + div:not(.woocommerce-variation-add-to-cart):not(.product_meta),
body.single-product form.cart ~ div[style*="margin"],
body.single-product .product form.cart ~ div:empty {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* ============================================
   IMAGES ARRONDIES
   ============================================ */
.woocommerce div.product div.images img,
.woocommerce-product-gallery__image img,
.woocommerce img,
.product-image img,
.wp-post-image {
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
}

/* Container des images - Complètement transparent */
.woocommerce div.product div.images,
.woocommerce-product-gallery {
    background: transparent !important;
    backdrop-filter: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Retirer le fond blanc de la figure */
.woocommerce-product-gallery figure,
.woocommerce-product-gallery__wrapper {
    background: transparent !important;
}

/* Thumbnails arrondies avec espacement - Réduites pour tenir sur une ligne */
.flex-control-thumbs,
.flex-control-nav {
    margin-top: 10px !important;
    padding-top: 5px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.flex-control-thumbs li {
    margin: 0 !important;
    padding: 0 !important;
    width: 80px !important;
    max-width: 80px !important;
    flex: 0 0 80px !important;
}

.flex-control-thumbs li img,
.woocommerce-product-gallery__image--placeholder {
    border-radius: 12px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* ============================================
   FORCER L'AFFICHAGE DES BOUTONS DU MINI-CART PANIER
   ============================================ */
.wc-block-mini-cart__footer-actions,
.wp-block-woocommerce-mini-cart-cart-button-block,
.wp-block-woocommerce-mini-cart-checkout-button-block,
/* IMPORTANT: Forcer aussi sur les pages produit */
body.single-product .wc-block-mini-cart__footer-actions,
body.single-product .wp-block-woocommerce-mini-cart-cart-button-block,
body.single-product .wp-block-woocommerce-mini-cart-checkout-button-block,
body.single-product .zero2hero-view-cart-btn,
body.single-product .zero2hero-checkout-btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
}

.wc-block-mini-cart__footer,
/* IMPORTANT: Forcer aussi sur les pages produit */
body.single-product .wc-block-mini-cart__footer,
body.single-product .zero2hero-mini-cart-buttons-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    padding: 24px 16px !important;
}

/* Boutons du mini-cart - Style moderne */
.wp-block-woocommerce-mini-cart-cart-button-block a,
.wp-block-woocommerce-mini-cart-checkout-button-block a,
.wc-block-mini-cart__footer-actions a,
/* IMPORTANT: Forcer aussi sur les pages produit */
body.single-product .wp-block-woocommerce-mini-cart-cart-button-block a,
body.single-product .wp-block-woocommerce-mini-cart-checkout-button-block a,
body.single-product .wc-block-mini-cart__footer-actions a,
body.single-product .zero2hero-view-cart-btn,
body.single-product .zero2hero-checkout-btn {
    display: block !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important;
    border-radius: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Bouton "View Cart" - Style outlined */
.wp-block-woocommerce-mini-cart-cart-button-block a {
    background: transparent !important;
    color: #8b5cf6 !important;
    border: 2px solid #8b5cf6 !important;
}

.wp-block-woocommerce-mini-cart-cart-button-block a:hover {
    background: #8b5cf6 !important;
    color: white !important;
}

/* Bouton "Checkout" - Style filled */
.wp-block-woocommerce-mini-cart-checkout-button-block a {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
    color: white !important;
    border: none !important;
}

.wp-block-woocommerce-mini-cart-checkout-button-block a:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4) !important;
}

/* ============================================
   BOUTON "AJOUTER AU PANIER" STYLISÉ - Design violet moderne
   ============================================ */
.woocommerce div.product form.cart .button,
.single_add_to_cart_button,
button.single_add_to_cart_button {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 16px 40px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
    vertical-align: middle !important;
    min-width: 200px !important;
    height: 56px !important;
    line-height: 24px !important;
}

.woocommerce div.product form.cart .button:hover,
.single_add_to_cart_button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.6) !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
}

/* Alignement du formulaire */
.woocommerce div.product form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Quantité input - Design moderne */
.woocommerce div.product form.cart div.quantity {
    margin-right: 12px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.quantity input.qty {
    background: rgba(255,255,255,0.9) !important;
    border: none !important;
    border-radius: 16px !important;
    color: #333 !important;
    padding: 16px 20px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-align: center !important;
    width: 70px !important;
    height: 56px !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.quantity input.qty::placeholder {
    color: rgba(51,51,51,0.5) !important;
}

.quantity input.qty:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3) !important;
}

/* ============================================
   ONGLETS ET SECTIONS STYLISÉS
   ============================================ */
.woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: rgba(255,255,255,0.15) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    padding: 10px !important;
    border: none !important;
}

.woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
}

.woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: rgba(255,255,255,0.25) !important;
    color: white !important;
}

/* Contenu des onglets */
.woocommerce-Tabs-panel,
.woocommerce div.product .woocommerce-tabs .panel {
    background: rgba(255,255,255,0.15) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    border: none !important;
    margin-top: 20px !important;
}

/* ============================================
   VARIATIONS DE PRODUITS (Tailles, couleurs, etc.)
   ============================================ */
.woocommerce div.product form.cart .variations,
.variations {
    background: rgba(255,255,255,0.1) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 20px !important;
}

.woocommerce div.product form.cart .variations label,
.variations label {
    color: white !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.woocommerce div.product form.cart .variations select,
.variations select {
    background: rgba(255,255,255,0.2) !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    border-radius: 10px !important;
    color: white !important;
    padding: 10px 14px !important;
    font-weight: 500 !important;
    backdrop-filter: blur(10px) !important;
}

.woocommerce div.product form.cart .variations select option {
    background: #8b5cf6 !important;
    color: white !important;
}

/* Reset des variations button */
.woocommerce div.product form.cart .reset_variations {
    color: rgba(255,255,255,0.9) !important;
    text-decoration: underline !important;
}

/* ============================================
   SECTION RÉSUMÉ/DÉTAILS PRODUIT
   ============================================ */
.woocommerce div.product div.summary,
.product-summary {
    background: rgba(255,255,255,0.1) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2) !important;
}

/* ============================================
   FORMULAIRE DE PANIER
   ============================================ */
.woocommerce div.product form.cart {
    background: rgba(255,255,255,0.1) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin-top: 20px !important;
}

/* ============================================
   RESPONSIVE POUR MOBILE
   ============================================ */
@media (max-width: 768px) {
    body.single-product {
        background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f97316 100%) !important;
    }
    
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        padding: 15px !important;
        margin-bottom: 20px !important;
    }
    
    .woocommerce div.product .product_title {
        font-size: 24px !important;
    }
    
    .single_add_to_cart_button {
        width: 100% !important;
        padding: 14px 24px !important;
        font-size: 16px !important;
    }
}

/* ============================================
   SÉPARATEURS ET LIGNES
   ============================================ */
.woocommerce div.product .product_meta,
hr,
.hr {
    border-color: rgba(255,255,255,0.3) !important;
}

/* ============================================
   MESSAGES ET NOTICES
   ============================================ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background: rgba(255,255,255,0.2) !important;
    color: white !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(10px) !important;
}

/* ============================================
   ÉTOILES DE NOTATION (si présentes)
   ============================================ */
.woocommerce .star-rating,
.star-rating {
    color: #FFD700 !important;
}

.woocommerce .star-rating::before {
    color: rgba(255,255,255,0.3) !important;
}

/* ============================================
   LIENS ET BOUTONS SECONDAIRES
   ============================================ */
.woocommerce div.product a:not(.button),
.product_meta a {
    color: rgba(255,255,255,0.95) !important;
    transition: all 0.3s ease;
}

.woocommerce div.product a:not(.button):hover,
.product_meta a:hover {
    color: white !important;
    text-decoration: underline !important;
}

/* Image composite principale */
.zero2hero-composite-image {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    margin: 20px 0 !important;
    position: relative !important;
    z-index: 10 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Légende de l'image composite */
.zero2hero-composite-caption {
    text-align: center !important;
    font-style: italic !important;
    color: #666 !important;
    margin: 10px 0 !important;
    display: block !important;
    visibility: visible !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.zero2hero-composite-caption p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Conteneur de l'image composite */
.zero2hero-composite-container {
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Forcer l'affichage sur les pages produit */
.single-product .zero2hero-composite-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.single-product .zero2hero-composite-caption {
    display: block !important;
    visibility: visible !important;
}

/* Styles pour les thèmes WooCommerce */
.woocommerce div.product .zero2hero-composite-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.woocommerce div.product .zero2hero-composite-caption {
    display: block !important;
    visibility: visible !important;
}

/* Styles pour les conteneurs d'images - éviter les conflits avec la galerie */
.woocommerce div.product div.images .zero2hero-composite-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    transform: none !important;
    transition: none !important;
    float: none !important;
    clear: both !important;
}

/* Éviter les conflits avec la galerie WooCommerce */
.woocommerce-product-gallery .zero2hero-composite-image {
    position: static !important;
    z-index: 1 !important;
    margin: 0 0 20px 0 !important;
    transform: none !important;
    transition: none !important;
}

/* Styles spécifiques pour éviter les décalages de la loupe */
.woocommerce-product-gallery--with-images .zero2hero-composite-image {
    margin-bottom: 20px !important;
    clear: both !important;
    display: block !important;
}

/* Éviter les interactions avec les contrôles de galerie */
.woocommerce-product-gallery .zero2hero-composite-image:hover {
    transform: none !important;
    z-index: 1 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .zero2hero-composite-image {
        width: 100% !important;
        height: auto !important;
        margin: 10px 0 !important;
    }
    
    .zero2hero-composite-caption {
        font-size: 12px !important;
        margin: 5px 0 !important;
    }
}

/* Debug styles - à supprimer en production */
.zero2hero-composite-image[style*="display: none"] {
    display: block !important;
}

.zero2hero-composite-image[style*="visibility: hidden"] {
    visibility: visible !important;
}

.zero2hero-composite-image[style*="opacity: 0"] {
    opacity: 1 !important;
}

/* ============================================
   BLOCS PANIER WOOCOMMERCE - FOND BLANC AVEC RADIUS
   Supprimer le cadre extérieur, garder uniquement les cadres intérieurs
   ============================================ */
/* SUPPRIMER le fond blanc/gris du conteneur principal du panier - TOUS LES CONTENEURS */
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wp-block-woocommerce-filled-cart-block,
body.woocommerce-cart .wc-block-components-sidebar-layout,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wp-block-group,
body.woocommerce-cart main.wp-block-group,
body.woocommerce-cart .wp-block-post-content,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .site-content,
body.woocommerce-cart .wp-site-blocks,
body.woocommerce-cart article,
/* Conteneurs supplémentaires qui pourraient avoir un fond */
body.woocommerce-cart .wp-block-woocommerce-page-content-wrapper,
body.woocommerce-cart .wc-block-components-sidebar-layout > *,
body.woocommerce-cart .wc-block-components-sidebar-layout > div,
body.woocommerce-cart .wc-block-components-sidebar-layout > section,
.wc-block-cart,
.wp-block-woocommerce-filled-cart-block,
.wc-block-components-sidebar-layout,
.wp-block-woocommerce-cart,
.wp-block-group,
main.wp-block-group,
.wp-block-post-content,
.entry-content,
.site-content,
.wp-site-blocks,
article,
.wp-block-woocommerce-page-content-wrapper,
.wc-block-components-sidebar-layout > *,
.wc-block-components-sidebar-layout > div,
.wc-block-components-sidebar-layout > section {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* SUPPRIMER le fond blanc/gris du conteneur .wc-block-components-main dans .wc-block-components-sidebar-layout */
/* IMPORTANT: Cibler TOUS les cas possibles - ULTRA AGRESSIF */
.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar-layout > .wc-block-components-main,
.wc-block-components-main,
.wc-block-components-sidebar-layout .wc-block-components-main:not(.wp-block-woocommerce-cart-items-block),
.wc-block-components-main:not(.wp-block-woocommerce-cart-items-block):not(.wp-block-woocommerce-cart-totals-block),
/* Cibler aussi les divs et sections enfants directs */
.wc-block-components-sidebar-layout > div:not(.wp-block-woocommerce-cart-items-block):not(.wp-block-woocommerce-cart-totals-block),
.wc-block-components-sidebar-layout > section:not(.wp-block-woocommerce-cart-items-block):not(.wp-block-woocommerce-cart-totals-block) {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Exceptions spécifiques pour les blocs intérieurs qui DOIVENT rester blancs */
body.woocommerce-cart .wp-block-woocommerce-cart-items-block,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block,
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart__sidebar {
    background-color: white !important;
}

/* Supprimer les fonds gris des conteneurs de layout et leurs enfants directs */
.wc-block-components-sidebar-layout,
.wc-block-components-sidebar-layout > *,
.wc-block-components-sidebar-layout > div,
.wc-block-components-sidebar-layout > section,
.wc-block-components-sidebar-layout > .wc-block-components-main,
.wc-block-components-sidebar-layout > .wc-block-components-sidebar {
    background: transparent !important;
    background-color: transparent !important;
}

/* Exception pour les blocs intérieurs */
.wc-block-components-sidebar-layout .wp-block-woocommerce-cart-items-block,
.wc-block-components-sidebar-layout .wp-block-woocommerce-cart-totals-block {
    background: white !important;
    background-color: white !important;
}

/* Supprimer aussi les conteneurs WordPress génériques sur la page panier */
body.woocommerce-cart .wp-block-group,
body.woocommerce-cart main,
body.woocommerce-cart .site-content,
body.woocommerce-cart .wp-site-blocks,
body.woocommerce-cart article,
body.woocommerce-cart .entry-content {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* SUPPRIMER le fond blanc/gris du conteneur parent de la liste des produits */
.wc-block-components-main {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Bloc principal de gauche (liste des produits) - CADRE BLANC #ffffff */
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wp-block-woocommerce-cart-items-block,
body.woocommerce-cart .wc-block-components-main .wp-block-woocommerce-cart-items-block,
body.woocommerce-cart .wc-block-components-main > .wp-block-woocommerce-cart-items-block,
body.woocommerce-cart .wc-block-components-sidebar-layout .wp-block-woocommerce-cart-items-block,
.wc-block-cart__main,
.wp-block-woocommerce-cart-items-block,
.wc-block-components-main .wp-block-woocommerce-cart-items-block,
.wc-block-components-main > .wp-block-woocommerce-cart-items-block,
.wc-block-components-sidebar-layout .wp-block-woocommerce-cart-items-block {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 20px !important;
}

/* SUPPRIMER le fond blanc/gris du conteneur parent des totaux */
.wc-block-components-sidebar {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Bloc de droite (totaux du panier) - CADRE BLANC #ffffff */
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block,
body.woocommerce-cart .wc-block-components-order-summary,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar,
body.woocommerce-cart .wc-block-components-sidebar-layout > .wc-block-components-sidebar,
body.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-totals-block,
body.woocommerce-cart .wc-block-components-sidebar > .wp-block-woocommerce-cart-totals-block,
body.woocommerce-cart .wc-block-components-sidebar > div.wp-block-woocommerce-cart-totals-block,
body.woocommerce-cart .wc-block-components-sidebar > section.wp-block-woocommerce-cart-totals-block,
.wc-block-cart__sidebar,
.wp-block-woocommerce-cart-totals-block,
.wc-block-components-order-summary,
.wc-block-components-sidebar-layout .wc-block-components-sidebar,
.wc-block-components-sidebar-layout > .wc-block-components-sidebar,
.wc-block-components-sidebar .wp-block-woocommerce-cart-totals-block,
.wc-block-components-sidebar > .wp-block-woocommerce-cart-totals-block,
.wc-block-components-sidebar > div.wp-block-woocommerce-cart-totals-block,
.wc-block-components-sidebar > section.wp-block-woocommerce-cart-totals-block {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 20px !important;
}


/* Conteneur de layout - transparent pour voir le gradient */
.wc-block-components-sidebar-layout {
    display: flex !important;
    gap: 24px !important;
    background: transparent !important;
}

/* Sélecteurs alternatifs pour les blocs intérieurs */
.wc-block-cart-items,
.wp-block-woocommerce-cart-line-items-block,
.wc-block-components-order-summary {
    background: white !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Éléments de ligne du panier - transparents pour voir le fond blanc */
.wc-block-cart-item,
.wc-block-components-order-summary-item {
    background: transparent !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
}

/* Totaux du panier - transparents pour voir le fond blanc */
.wc-block-components-totals-wrapper,
.wc-block-cart__totals-title {
    background: transparent !important;
    border-radius: 12px !important;
    padding: 16px !important;
}

/* Footer du panier - transparent pour voir le fond blanc */
.wc-block-cart__footer,
.wc-block-mini-cart__footer {
    background: transparent !important;
    border-radius: 12px !important;
    padding: 16px !important;
}