/********************/
/*Boutique catalogue*/
/********************/
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a span.et_overlay {
    border-radius: 20px !important;
    margin-bottom: 10px !important;
    background-color: #ffffff;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1em !important;
    text-align: center !important;
    font-weight: 300 !important;
    height: 60px !important;
}

.wc-block-product-filter-removable-chips__items {
    max-height: 240px;
    overflow: auto;
}

.wc-block-product-filter-checkbox-list__text-wrapper {
    font-size: 1em !important;
    font-weight: 300 !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    font-size: 0.9em !important;
    text-align: center !important;
    color: #333333 !important;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout .woocommerce-error {
    background-color: #F44336 !important;
}

.star-rating span::before {
    content: "\53\53\53\53\53" !important;
    /* Code hex pour les étoiles pleines */
    font-family: 'WooCommerce' !important;
}

.star-rating::before {
    content: "\73\73\73\73\73" !important;
    /* Code hex pour les étoiles vides */
    font-family: 'WooCommerce' !important;
}



ul.products li.product .phyt-loop-add-to-cart {
    margin-top: 20px !important;
    margin-bottom: 1em !important;
    display: block;
    text-align: center;
    font-size: 1em !important;
    border-radius: 17px !important;
    padding: 0.3em 1em !important;
    background-color: #222f0e;
    color: #F9F6EF !important;
    font-weight: 300;
    letter-spacing: 0.05em;
    width: 100%;
    line-height: 2.3rem !important;
}

.woocommerce ul.products li.product .phyt-loop-add-to-cart.button:hover {
    background-color: #3e5641a4 !important;
    border-color: inherit !important;
    box-shadow: none !important;
    opacity: 1 !important;
    padding: 0.3em 1em !important;
}

.woocommerce ul.products li.product .product_type_variable.phyt-loop-add-to-cart.button {
    background-color: #d3bb8b !important;
    color: #222f0e !important;
    border-color: #d3bb8b !important;
}

.woocommerce ul.products li.product .product_type_variable.phyt-loop-add-to-cart.button:hover {
    background-color: #d3bb8b7e !important;
    border-color: #d3bb8b !important;
    box-shadow: none !important;
    opacity: 1 !important;
    padding: 0.3em 1em !important;

}


/*** Bannière boutique ***/
#banniere_boutique {
    background-image: url('../images/banniere_boutique.png');
}

.boutique-banner {
    text-align: center;
    padding: 120px 20px;
}

.boutique-banner__title {
    margin: 0 0 10px;
    font-size: clamp(36px, 6vw, 64px);
    line-height: 1.1;
    font-weight: 600;
}

.boutique-banner__subtitle {
    margin: 0;
    font-size: clamp(18px, 3vw, 28px);
    opacity: .85;
}

.boutique-banner__description {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.6;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    opacity: .9;
}

.woocommerce a.added_to_cart {
    display: none;
}

/*** Pagination boutique ***/
.woocommerce-pagination ul.page-numbers {
    display: flex;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
    width: fit-content;
}

.woocommerce-pagination ul.page-numbers li {
    border-right: 1px solid #d1d5db;
    margin: 0;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    display: block !important;
    padding: 11px 10px !important;
    text-decoration: none !important;
    line-height: 1 !important;
    height: 100%;
    box-sizing: border-box !important;
}

.woocommerce-pagination ul.page-numbers li span.current {
    background-color: #354f42;
    color: #ffffff;
}

.woocommerce-pagination ul.page-numbers li a:hover {
    background-color: #f3f3f3;
}

/*** Fiche Produit ***/
.entete_produit .et_pb_column {
    display: flex;
    justify-content: space-between;
}

.single-product .et_pb_column_1_tb_body {
    width: 40% !important;
}

.single-product .et_pb_column_2_tb_body {
    width: 60% !important;
}

.single-product .et_pb_wc_description {
    font-size: 15px;
    line-height: 1.6;
}

.wpa-test-msg {
    display: none;
}

/**************************************************
 * Formulaire d'ajout au panier (Fiche Produit)
 **************************************************/
.single-product .et_pb_wc_add_to_cart form.cart,
.single-product .et_pb_wc_add_to_cart form.variations_form {
    width: 100%;
    gap: 1rem;
    margin-top: 1.5rem;
}

.single-product .variations th.label {
    font-weight: 600;
    font-size: 1rem;
    color: #2c3e50;
}

.woocommerce div.product form.cart .variations td {
    padding-bottom: 0 !important;
}

.woocommerce div.product form.cart .variations select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #fafafa;
    transition: border-color .3s, box-shadow .3s;
    font-family: 'Open Sans', 'Lato', 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.6em !important;
    color: #444;
}

.single-product .variations select:focus {
    border-color: #3a5f3d;
    box-shadow: 0 0 5px rgba(58, 95, 61, .3);
    outline: none;
}

.single-product .reset_variations {
    font-size: .85rem;
    text-decoration: none;
    margin-left: 10px;
}

.single-product .woocommerce-variation-price,
.single-product .price {
    font-size: 1.4rem;
    font-weight: 600;
    color: #2c3e50;
}

/* Boutons et Quantité Fiche Produit */
.woocommerce .quantity input.qty {
    padding: .4em 1em !important;
    border-radius: 6px 6px 6px 6px;
    text-align: center;
    max-width: 90px;
}

.single-product .quantity input[type="number"] {
    appearance: auto;
    -webkit-appearance: auto;
}

.single-product .product form.cart:not(.variations_form) {
    display: flex;
    flex-direction: row;
    gap: 0px;
}

.single-product .product.type-variable .summary form.variations_form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
}

/*** Onglets Fiche Produit ***/
.et_pb_module.et_pb_wc_tabs.product_info.et_pb_tabs {
    border-top-left-radius: 6px;
    border: none !important;
}

.product_info .et_pb_tabs_controls {
    border: none !important;
    background-color: transparent !important;
}

.product_info ul li.et_pb_tab_active {
    background-color: #3a5f3d !important;
}

.et-db #et-boc .et-l .product_info ul li.et_pb_tab_active a {
    color: #f2fff0 !important;
}

/**********************************/
/***Mise en avant page d'accueil***/
/**********************************/
#produit-mise-en-avant-ligne-image {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#produit-mise-en-avant-titre-produit h2 {
    text-transform: uppercase;
    color: #333333;
    font-size: 30px !important;
    font-weight: 500;
}

#produit-mise-en-avant-img-produit img {
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.4));
    width: 60%;
}

#produit-mise-en-avant-img-produit .woocommerce-product-gallery__image {
    width: 100% !important;
}

#produit-mise-en-avant-img-produit .woocommerce-product-gallery__image a {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

#produit-mise-en-avant-ligne-image .et_pb_column.et_pb_column_1_2.et_pb_column_2 {
    margin-right: 0px !important;
}

#produit-mise-en-avant-ligne-image .et_pb_button_module_wrapper.et_pb_button_0_wrapper {
    display: flex !important;
    justify-content: center !important;
}

#Acheter_maintenant.produit-mise-en-avant-bt-produit {
    background-color: #ffffff !important;
    color: #334e44 !important;
    border-radius: 4px !important;
    padding: 8px 10px !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    width: 85%;
}

#Acheter_maintenant.produit-mise-en-avant-bt-produit.bouton-2-colonne {
    width: 100%;
    padding: 0.3em 1em !important;
}

#Acheter_maintenant {
    background-color: #ffffff !important;
    /* Fond Blanc */
    color: #334e44 !important;
    /* Texte Vert Foncé */
    border: none !important;
    /* Pas de bordure */
    border-radius: 4px !important;
    /* Coins légèrement arrondis */

    /* L'ombre sous le bouton */
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);

    padding: 12px 30px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    /* Gras */
    text-transform: uppercase !important;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

/* Effet au survol du bouton */
#Acheter_maintenant:hover {
    transform: translateY(-3px);
    /* Le bouton monte un peu */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

/* --- Mise en page Grille Boutique (Desktop) --- */
/* --- Mise en page Grille Boutique (Desktop) --- */
@media (min-width: 981px) {

    /* Définition de la grille */
    #galerie-cat .et_pb_column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        gap: 20px;
    }

    /* Positionnement des éléments dans la grille */

    /* 1. Cosmétiques (Grande image gauche : prend 2 lignes) */
    .cat-cosmetique {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    /* 2. Compléments (Haut droite) */
    .cat-complement {
        grid-column: 2;
        grid-row: 1;
    }

    /* 3. Hygiène & Santé (Milieu droite) */
    .cat-sante {
        grid-column: 2;
        grid-row: 2;
    }

    /* 4. Livres (Bas gauche) */
    .cat-livre {
        grid-column: 1;
        grid-row: 3;
    }

    /* 5. Promotions (Bas droite) */
    .cat-promo {
        grid-column: 2;
        grid-row: 3;
    }

    /* --- CORRECTION DU VIDE (Magie CSS) --- */
    /* On force le module Divi, le span et l'image à prendre 100% de la hauteur de la case */
    .image-cat,
    .image-cat .et_pb_image_wrap {
        height: 100%;
        width: 100%;
        display: block;
        /* Important pour que le span accepte la hauteur */
    }

    .image-cat img {
        height: 100% !important;
        /* Force l'image à descendre jusqu'en bas */
        width: 100%;
        object-fit: cover;
        /* Recadre l'image pour qu'elle ne soit pas déformée/écrasée */
        margin-bottom: 0 !important;
        /* Supprime les marges par défaut de Divi */
    }
}

/*************************/
/*** Galerie Boutique ***/
/***********************/


/* --- Style des Étiquettes (Labels dorés) --- */
/* On utilise les pseudo-éléments pour éviter de modifier le HTML */
.image-cat .et_pb_image_wrap {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    /* Léger arrondi des images */
}

.image-cat .et_pb_image_wrap::after {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #dcb35c;
    /* Couleur dorée de la maquette */
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    /* Forme de pilule */
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    /* Ajustez selon votre police */
    font-weight: 600;
    pointer-events: none;
    /* Le clic traverse le texte */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

/* Contenu des étiquettes basé sur vos classes */
.cat-cosmetique .et_pb_image_wrap::after {
    content: "Cosmétiques BIO";
}

.cat-livre .et_pb_image_wrap::after {
    content: "Livres JP Willem";
}

.cat-complement .et_pb_image_wrap::after {
    content: "Compléments alimentaires";
}

.cat-sante .et_pb_image_wrap::after {
    content: "Hygiène & santé";
}

.cat-promo .et_pb_image_wrap::after {
    content: "Promotions";
}

/* Effet de survol optionnel (Zoom léger) */
.image-cat img {
    transition: transform 0.3s ease;
}

.image-cat:hover img {
    transform: scale(1.03);
}


/* --- Style élégant pour le survol des produits --- */

/* 1. Supprimer l'icône (+) au centre */
.et_shop_image .et_overlay::before {
    display: none !important;
}

/* 2. Rendre le voile de couleur plus doux et progressif */
.et_shop_image .et_overlay {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: none !important;
    transition: all 0.4s ease-in-out !important;
}

/* 3. Ajouter un effet de zoom léger sur l'image */
.et_shop_image {
    overflow: hidden;
    border-radius: 20px !important;
    /* Pour que l'image ne dépasse pas du cadre en zoomant */
}

.et_shop_image img {
    transition: transform 0.6s ease-in-out !important;
}

.et_shop_image:hover img {
    transform: scale(1.05);
    border-radius: 20px !important;
    /* Zoom de 8% */
}

/* 4. Optionnel : masquer la bordure qui apparaît parfois au survol */
.et_shop_image:hover .et_overlay {
    opacity: 1 !important;
    border-radius: 20px !important;
}

/*************************/
/*** Plugins Tiers ***/
/*************************/
#lpc_pick_up_web_service_show_map {
    width: 100%;
    margin-top: 20px !important;
    display: block;
    text-align: center;
    border-radius: 17px !important;
    padding: 0.3em 1em !important;
    background-color: #222f0e;
    color: #F9F6EF !important;
    line-height: 2.3rem !important;
}

/* ============================================================
   AMÉLIORATION UX FICHE PRODUIT (SINGLE PRODUCT)
   ============================================================ */

/* --- 1. Titre et Prix plus lisibles --- */
.single-product .et_pb_module.et_pb_wc_title h1 {
    font-weight: 600 !important;
    color: #222f0e;
    /* Vert foncé charte */
    margin-bottom: 10px;
    font-size: 1.8em !important;
}

/* Prix principal et Prix de la variation */
.single-product .price,
.single-product .woocommerce-variation-price .price {
    font-size: 1.3em !important;
    color: #a87817 !important;
    /* Doré/Bronze pour attirer l'oeil */
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* --- 2. Badge Promo Modernisé --- */
.woocommerce span.onsale {
    background-color: #dcb35c !important;
    /* Doré */
    color: #fff !important;
    border-radius: 4px;
    padding: 5px 10px !important;
    font-weight: 600;
    font-size: 14px;
    top: 20px !important;
    left: 20px !important;
    z-index: 9;
}

/* --- 3. Formulaire de variation (Format) --- */
.single-product table.variations {
    margin-bottom: 20px;
    border-spacing: 0;
}

.single-product table.variations th.label {
    padding-right: 15px;
    color: #333;
    font-weight: 600;
    vertical-align: middle;
}

/* Style du select (menu déroulant) */
.single-product .variations select {
    padding: 5px 15px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background-color: #fcfcfc !important;
    font-size: 16px !important;
    color: #333;
    cursor: pointer;
    min-width: 200px;
}

.single-product .reset_variations {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
    display: inline-block;
}

/* 1. On s'assure que le conteneur (le span) sert de repère */
.single-product table.variations td.value span {
    position: relative !important;
    display: block !important;
    width: 100%;
}

/* 2. Positionnement de la flèche (le pseudo-élément ::after) */
.single-product table.variations td.value span::after {
    position: absolute !important;

    /* CENTRAGE VERTICAL PARFAIT */
    top: 50% !important;
    transform: translateY(-50%) !important;

    /* POSITIONNEMENT HORIZONTAL (Droite) */
    right: 15px !important;
    /* Décalage de 15px depuis le bord droit */
    left: auto !important;
    /* On ignore la gauche */

    /* Assure que la flèche ne bloque pas le clic */
    pointer-events: none;
}

/* 3. Optionnel : Cacher la flèche native du navigateur pour éviter les doublons */
.single-product table.variations td.value select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 35px !important;
    /* Laisse de la place pour votre flèche custom */
}

/* --- 4. Zone d'ajout au panier (Bouton + Quantité) --- */
/* Conteneur flex pour aligner quantité et bouton */
.single-product .woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: space-between;
}


/* Bouton Ajouter au panier (Transformation UX majeure) */
.single-product button.single_add_to_cart_button {
    background-color: #222f0e !important;
    /* Fond Vert foncé */
    color: #ffffff !important;
    /* Texte Blanc */
    border: none !important;
    border-radius: 50px !important;
    /* Forme de pilule moderne */
    padding: 0 40px !important;
    height: 50px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65%;

}

/* Effet au survol du bouton */
.single-product button.single_add_to_cart_button:hover {
    background-color: #a87817 !important;
    /* Devient doré/bronze au survol */
    box-shadow: 0 5px 15px rgba(34, 47, 14, 0.2);
}

/* --- 5. Nettoyage des méta-données (en bas) --- */
.product_meta {
    margin-top: 13px;
    padding-top: 8px;
    border-top: 1px solid #eee;
    font-size: 13px !important;
    color: #777;
    line-height: 1.8 !important;
}

.product_meta span {
    display: block;
    /* Une info par ligne pour la lisibilité */
    margin-bottom: 5px;
}

.product_meta a {
    color: #555;
    text-decoration: underline;
    transition: color 0.2s;
    font-size: 13px !important;
}

.product_meta a:hover {
    color: #a87817;
}

/* --- STYLISATION DES BOUTONS QUANTITÉ (+/-) - VERSION PREMIUM --- */

.single-product .quantity {
    background-color: #909786 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    height: 50px !important;
    border-radius: 50px !important;
    color: #f2fff0 !important;
}

/* --- Style commun de base --- */
.woocommerce .quantity .qty-btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
    border: none !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #f2fff0 !important;
    /* Texte Blanc cassé */

    height: 100% !important;
    width: 40px !important;
    cursor: pointer;

    /* On prépare un fond double largeur (200%) pour l'effet de glissement */
    background-size: 200% 100% !important;

    /* Transition fluide */
    transition: background-position 0.4s ease-out, color 0.3s ease !important;
}

/* --- Bouton MOINS (-) : Le doré arrive de la GAUCHE --- */
.woocommerce .quantity .qty-btn.minus {
    /* Dégradé : [DORÉ | GRIS] */
    background-image: linear-gradient(to right, #d3bb8b 50%, #909786 50%) !important;

    /* Position par défaut : On affiche la droite (GRIS) */
    background-position: 100% 0 !important;
}

.woocommerce .quantity .qty-btn.minus:hover {
    /* Survol : On glisse vers la gauche pour afficher le DORÉ */
    background-position: 0 0 !important;
    color: #fff !important;
}

/* --- Bouton PLUS (+) : Le doré arrive de la DROITE --- */
.woocommerce .quantity .qty-btn.plus {
    /* Dégradé : [GRIS | DORÉ] */
    background-image: linear-gradient(to right, #909786 50%, #d3bb8b 50%) !important;

    /* Position par défaut : On affiche la gauche (GRIS) */
    background-position: 0 0 !important;
}

.woocommerce .quantity .qty-btn.plus:hover {
    /* Survol : On glisse vers la droite pour afficher le DORÉ */
    background-position: 100% 0 !important;
    color: #fff !important;
}


/* 4. Le Chiffre au milieu */
.single-product .quantity input.qty {
    border: none !important;
    background-color: transparent !important;

    text-align: center;
    width: 50px !important;
    height: 100% !important;

    font-size: 1.3em;
    font-weight: 700;
    /* Chiffre bien gras */
    color: #f2fff0;

    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    pointer-events: none;
    display: flex;
    align-items: center;
}

.sku_wrapper {
    display: flex !important;
}

.et_pb_module.et_pb_wc_add_to_cart.product_add_cart {
    border-top: 1px solid #eee !important;
    padding-top: 20px !important;
}


/* ============================================================
   DESIGN DES ONGLETS (TABS) PRODUIT
   ============================================================ */

/* --- 1. La Barre de navigation des onglets --- */
.et_pb_wc_tabs .et_pb_tabs_controls {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;

    /* On utilise Flexbox pour gérer l'alignement moderne */
    display: flex;
    gap: 5px;
    /* Petit espace entre chaque onglet */
    margin-bottom: -1px;
    /* Pour coller au contenu */
    z-index: 2;
    /* Pour passer au-dessus de la bordure du contenu */
    flex-wrap: wrap;
    /* Permet de passer à la ligne sur mobile */
}

/* --- 2. Les Onglets individuels (Inactifs par défaut) --- */
.et_pb_wc_tabs .et_pb_tabs_controls li {
    background-color: #f4f4f4 !important;
    /* Gris très clair */
    border: none !important;
    border-radius: 10px 10px 0 0 !important;
    /* Arrondi uniquement en haut */
    margin: 0 !important;
    transition: all 0.3s ease;
}

/* Le lien à l'intérieur de l'onglet */
.et_pb_wc_tabs .et_pb_tabs_controls li a {
    color: #666 !important;
    /* Texte gris */
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 15px 25px !important;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Effet au survol d'un onglet inactif */
.et_pb_wc_tabs .et_pb_tabs_controls li:hover {
    background-color: #e2e2e2 !important;
}

.et_pb_wc_tabs .et_pb_tabs_controls li:hover a {
    color: #222f0e !important;
}

/* --- 3. L'Onglet Actif (Celui sélectionné) --- */
.et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active {
    background-color: #222f0e !important;
    /* Votre Vert Foncé */
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.05);
    /* Légère élévation */
    transform: translateY(-2px);
    /* Petit effet "pop" vers le haut */
}

.et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active a {
    color: #ffffff !important;
    /* Texte blanc */
}

/* --- 4. La Zone de Contenu (Le texte en dessous) --- */
.et_pb_wc_tabs .et_pb_all_tabs {
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;

    /* Une petite bordure verte en haut pour faire le lien avec l'onglet actif */
    border-top: 3px solid #222f0e !important;

    border-radius: 0 8px 8px 8px !important;
    /* Arrondi partout sauf en haut à gauche */
    padding: 40px !important;
    /* Beaucoup d'espace pour respirer */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    /* Ombre très douce et moderne */

    z-index: 100;
}

/* Typographie du contenu */
.et_pb_wc_tabs .et_pb_tab_content p {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

/* --- 5. Nettoyage Mobile --- */
@media (max-width: 767px) {
    .et_pb_wc_tabs .et_pb_tabs_controls {
        display: block;
        /* On empile les onglets sur mobile */
    }

    .et_pb_wc_tabs .et_pb_tabs_controls li {
        width: 100%;
        border-radius: 6px !important;
        margin-bottom: 5px !important;
    }

    .et_pb_wc_tabs .et_pb_all_tabs {
        border-radius: 8px !important;
    }
}


/* 1. Masquer la jauge de livraison sur la page de validation de commande */
.woocommerce-order-received .shipping-notice-box {
    display: none !important;
}

/* 2. Masquer la colonne vide (colonne 2) pour éviter les espaces fantômes */
.woocommerce-order-received .et_pb_column_2 {
    display: none !important;
}

/* 3. Forcer la colonne contenant les détails de la commande (colonne 3) à 100% de largeur */
.woocommerce-order-received .et_pb_column_3 {
    width: 100% !important;
}

#billing_civilite {
    background-color: #ffffff !important;
    border: 1px solid #dce2dc !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
    height: auto !important;
    color: #999;
}

@media (max-width: 768px) {
    #produit_bloc_phyt {
        display: flex;
        flex-direction: column;
    }

    #produit_bloc_phyt .et_pb_column.et_pb_column_1_2.et_pb_column_1_tb_body {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    #produit_bloc_phyt .et_pb_column.et_pb_column_1_2.et_pb_column_1_tb_body .et_pb_module {
        width: 60% !important;
    }

    #produit_bloc_phyt .et_pb_column.et_pb_column_1_2.et_pb_column_2_tb_body {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .single-product button.single_add_to_cart_button {
        width: 80% !important;
    }

    .entete_produit .et_pb_column {
        flex-direction: column;
    }

    .et_pb_all_tabs .et_pb_tab {
        padding: 0px !important;
    }

    .et_pb_wc_tabs .et_pb_all_tabs {
        padding: 15px !important;
    }

    .et_pb_tab_content .woocommerce-product-attributes.shop_attributes,
    .et_pb_tab_content .woocommerce-product-attributes.shop_attributes tbody,
    .et_pb_tab_content .woocommerce-product-attributes.shop_attributes tr,
    .et_pb_tab_content .woocommerce-product-attributes.shop_attributes th,
    .et_pb_tab_content .woocommerce-product-attributes.shop_attributes td {
        display: block;
        width: 100%;
        border-bottom: none;
        /* Supprime les bordures gênantes pour la nouvelle mise en page */
    }

    .et_pb_tab_content .woocommerce-product-attributes.shop_attributes tr {
        margin-bottom: 15px;
        border-bottom: 1px solid #eaeaea;
        /* Ligne de séparation entre les rangées */
        padding-bottom: 10px;
    }

    .et_pb_tab_content .woocommerce-product-attributes.shop_attributes th {
        padding-bottom: 5px;
        text-align: left;
        background-color: transparent;
    }

    .et_pb_tab_content .woocommerce-product-attributes.shop_attributes td {
        padding-top: 0;
        text-align: left;
    }

    .et_pb_tab_content .woocommerce-product-attributes-item__value p {
        margin-bottom: 0;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}