/*
Theme Name: Astra Child Light
Theme URI: https://maisonayla.fr
Description: Thème enfant Astra léger pour Maison M'A - Beauté naturelle & traditions marocaines. Architecture modulaire avec séparation complète des responsabilités.
Author: Artilead
Author URI: https://artilead.com
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-light
*/

/* =========================================
   Ce thème utilise une architecture modulaire
   Les styles sont séparés dans assets/css/
   - global.css : Variables, reset, typographie
   - header.css : Styles du header
   - footer.css : Styles du footer
   - home.css : Page d'accueil
   - about.css : Page À propos
   - contact.css : Page contact
   - legal.css : Pages légales
   ========================================= */

/* =========================================
   AJUSTEMENTS GLOBAUX
   ========================================= */

/* 1. MASQUER LES TITRES DE PAGE NATIFS
   Sur les pages avec contenu HTML personnalisé
   (Accueil, À propos, Contact)
*/
.home .ast-single-post .entry-title,
.home .ast-page-title,
.home .entry-header,
.page-id-16 .entry-title,
/* Page Accueil */
.page-id-16 .ast-page-title,
.page-id-16 .entry-header,
.page-id-20 .entry-title,
/* Page À propos */
.page-id-20 .ast-page-title,
.page-id-20 .entry-header,
.page-id-22 .entry-title,
/* Page Contact */
.page-id-22 .ast-page-title,
.page-id-22 .entry-header {
    display: none !important;
}

/* 2. COINS ARRONDIS SUR LES IMAGES PRODUITS
   WooCommerce : Boutique, Catégories, Produits individuels
*/
.woocommerce-page .attachment-woocommerce_thumbnail,
.woocommerce-page .woocommerce-product-gallery__image,
.woocommerce-page .product-thumbnail img,
.products .product img,
.woocommerce-product-gallery img {
    border-radius: 15px !important;
    overflow: hidden;
}

/* =========================================
   CARTES PRODUITS - BOUTIQUE & CATÉGORIES
   Fond blanc avec coins arrondis - UNIQUEMENT pages archives
   ========================================= */

/* Conteneur de la carte produit - Page Boutique et Catégories uniquement */
.post-type-archive-product .woocommerce ul.products li.product,
.tax-product_cat .woocommerce ul.products li.product,
.post-type-archive-product .products .product,
.tax-product_cat .products .product {
    background-color: #ffffff !important;
    border-radius: 15px !important;
    padding: 15px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Effet hover sur la carte - légère élévation */
.post-type-archive-product .woocommerce ul.products li.product:hover,
.tax-product_cat .woocommerce ul.products li.product:hover,
.post-type-archive-product .products .product:hover,
.tax-product_cat .products .product:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-5px) !important;
}

/* L'image produit dans la carte - coins arrondis adaptés */
.post-type-archive-product .woocommerce ul.products li.product img,
.tax-product_cat .woocommerce ul.products li.product img,
.post-type-archive-product .products .product img,
.tax-product_cat .products .product img {
    border-radius: 12px !important;
}

/* Bouton Ajouter au panier dans les cartes - fond noir pour contraster */
.post-type-archive-product .woocommerce ul.products li.product .button,
.tax-product_cat .woocommerce ul.products li.product .button,
.post-type-archive-product .products .product .button,
.tax-product_cat .products .product .button,
.post-type-archive-product .woocommerce ul.products li.product a.button,
.tax-product_cat .woocommerce ul.products li.product a.button,
.post-type-archive-product .products .product a.button,
.tax-product_cat .products .product a.button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
}

/* Hover du bouton - fond gris foncé */
.post-type-archive-product .woocommerce ul.products li.product .button:hover,
.tax-product_cat .woocommerce ul.products li.product .button:hover,
.post-type-archive-product .products .product .button:hover,
.tax-product_cat .products .product .button:hover,
.post-type-archive-product .woocommerce ul.products li.product a.button:hover,
.tax-product_cat .woocommerce ul.products li.product a.button:hover,
.post-type-archive-product .products .product a.button:hover,
.tax-product_cat .products .product a.button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Titre du produit - texte noir pour lisibilité sur fond blanc */
.post-type-archive-product .woocommerce ul.products li.product .woocommerce-loop-product__title,
.tax-product_cat .woocommerce ul.products li.product .woocommerce-loop-product__title,
.post-type-archive-product .products .product .woocommerce-loop-product__title,
.tax-product_cat .products .product .woocommerce-loop-product__title,
.post-type-archive-product .woocommerce ul.products li.product h2,
.tax-product_cat .woocommerce ul.products li.product h2,
.post-type-archive-product .products .product h2,
.tax-product_cat .products .product h2 {
    color: #000000 !important;
}

/* Catégorie du produit - texte noir */
.post-type-archive-product .woocommerce ul.products li.product .ast-woo-product-category,
.tax-product_cat .woocommerce ul.products li.product .ast-woo-product-category,
.post-type-archive-product .products .product .ast-woo-product-category,
.tax-product_cat .products .product .ast-woo-product-category,
.post-type-archive-product .woocommerce ul.products li.product .ast-woo-product-category a,
.tax-product_cat .woocommerce ul.products li.product .ast-woo-product-category a,
.post-type-archive-product .products .product .ast-woo-product-category a,
.tax-product_cat .products .product .ast-woo-product-category a {
    color: #000000 !important;
}

/* Prix du produit - texte noir/gris foncé */
.post-type-archive-product .woocommerce ul.products li.product .price,
.tax-product_cat .woocommerce ul.products li.product .price,
.post-type-archive-product .products .product .price,
.tax-product_cat .products .product .price,
.post-type-archive-product .woocommerce ul.products li.product .amount,
.tax-product_cat .woocommerce ul.products li.product .amount,
.post-type-archive-product .products .product .amount,
.tax-product_cat .products .product .amount {
    color: #334155 !important;
}

/* =========================================
   MOBILE - CARTES PRODUITS BOUTIQUE & CATÉGORIES
   Correction affichage serré et bouton qui dépasse
   ========================================= */

@media (max-width: 768px) {

    /* Conteneur principal - réduction marges latérales pour plus d'espace */
    .post-type-archive-product .ast-container,
    .tax-product_cat .ast-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Conteneur WooCommerce - suppression marges internes */
    .post-type-archive-product .ast-woocommerce-container,
    .tax-product_cat .ast-woocommerce-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Conteneur principal des produits - espace suffisant entre les cartes */
    .post-type-archive-product .woocommerce ul.products,
    .tax-product_cat .woocommerce ul.products,
    .post-type-archive-product .products,
    .tax-product_cat .products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding: 0 5px !important;
    }

    /* Carte produit individuelle - 2 colonnes sur tous les mobiles */
    .post-type-archive-product .woocommerce ul.products li.product,
    .tax-product_cat .woocommerce ul.products li.product,
    .post-type-archive-product .products .product,
    .tax-product_cat .products .product {
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    /* Conteneur du bouton - force le centrage et la largeur */
    .post-type-archive-product .woocommerce ul.products li.product .astra-shop-summary-wrap,
    .tax-product_cat .woocommerce ul.products li.product .astra-shop-summary-wrap,
    .post-type-archive-product .products .product .astra-shop-summary-wrap,
    .tax-product_cat .products .product .astra-shop-summary-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Bouton ajouter au panier - dimensions adaptées au mobile */
    .post-type-archive-product .woocommerce ul.products li.product .button,
    .tax-product_cat .woocommerce ul.products li.product .button,
    .post-type-archive-product .products .product .button,
    .tax-product_cat .products .product .button,
    .post-type-archive-product .woocommerce ul.products li.product a.button,
    .tax-product_cat .woocommerce ul.products li.product a.button,
    .post-type-archive-product .products .product a.button,
    .tax-product_cat .products .product a.button {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 8px 12px !important;
        margin: 10px 0 0 0 !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    /* Titre du produit - taille adaptée */
    .post-type-archive-product .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .tax-product_cat .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .post-type-archive-product .products .product .woocommerce-loop-product__title,
    .tax-product_cat .products .product .woocommerce-loop-product__title,
    .post-type-archive-product .woocommerce ul.products li.product h2,
    .tax-product_cat .woocommerce ul.products li.product h2,
    .post-type-archive-product .products .product h2,
    .tax-product_cat .products .product h2 {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 8px 0 5px 0 !important;
        word-wrap: break-word !important;
    }

    /* Catégorie - taille adaptée */
    .post-type-archive-product .woocommerce ul.products li.product .ast-woo-product-category,
    .tax-product_cat .woocommerce ul.products li.product .ast-woo-product-category,
    .post-type-archive-product .products .product .ast-woo-product-category,
    .tax-product_cat .products .product .ast-woo-product-category {
        font-size: 11px !important;
        margin-bottom: 3px !important;
    }

    /* Prix - taille adaptée */
    .post-type-archive-product .woocommerce ul.products li.product .price,
    .tax-product_cat .woocommerce ul.products li.product .price,
    .post-type-archive-product .products .product .price,
    .tax-product_cat .products .product .price {
        font-size: 14px !important;
        margin: 5px 0 !important;
    }

    /* Image produit - hauteur limitée pour éviter débordement */
    .post-type-archive-product .woocommerce ul.products li.product img,
    .tax-product_cat .woocommerce ul.products li.product img,
    .post-type-archive-product .products .product img,
    .tax-product_cat .products .product img {
        max-height: 150px !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    /* Supprimer l'effet hover au survol sur mobile */
    .post-type-archive-product .woocommerce ul.products li.product:hover,
    .tax-product_cat .woocommerce ul.products li.product:hover,
    .post-type-archive-product .products .product:hover,
    .tax-product_cat .products .product:hover {
        transform: none !important;
    }
}

/* 3. TEXTE BLANC POUR WOOCOMMERCE
   Titres et prix dans les pages produits, catégories, boutique
*/
/* Titres de produits */
.woocommerce-page .product_title,
.woocommerce-page .woocommerce-loop-product__title,
.woocommerce-page h2.product-title,
.products .product .woocommerce-loop-product__title {
    color: #ffffff !important;
}

/* Prix */
.woocommerce-page .price,
.woocommerce-page .amount,
.woocommerce-page .price .amount {
    color: #ffffff !important;
}

/* Titres de page WooCommerce (archives, boutique, catégories) */
.woocommerce-page .woocommerce-products-header__title.page-title,
.tax-product_cat .ast-woo-archive-title,
.post-type-archive-product .ast-woo-archive-title {
    color: #ffffff !important;
}

/* 4. BREADCRUMB (FIL D'ARIANE) - Texte blanc */
.woocommerce-page .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb a,
nav.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb a {
    color: #ffffff !important;
}

/* 5. FILTRE/TRI - Texte blanc avec fond transparent */
.woocommerce-page .woocommerce-ordering select.orderby,
.woocommerce-page select.orderby {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Options du sous-menu (dropdown) - texte noir sur fond blanc */
.woocommerce-page .woocommerce-ordering select.orderby option,
.woocommerce-page select.orderby option,
.woocommerce-page .woocommerce-ordering select.orderby optgroup,
.woocommerce-page select.orderby optgroup {
    color: #000000 !important;
    background-color: #ffffff !important;
}






/* =========================================
   BOUTONS WOOCOMMERCE - TEXTE NOIR
   ========================================= */

/* Boutons Ajouter au panier - texte noir */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce .button:focus,
.woocommerce button.button:focus,
.woocommerce a.button:focus {
    color: #000000 !important;
}

/* Boutons spécifiques WooCommerce */
.add_to_cart_button,
.single_add_to_cart_button,
.ast-on-card-button,
.added_to_cart,
.wc-forward {
    color: #000000 !important;
}

/* États hover et focus pour tous */
.add_to_cart_button:hover,
.add_to_cart_button:focus,
.single_add_to_cart_button:hover,
.single_add_to_cart_button:focus,
.ast-on-card-button:hover,
.ast-on-card-button:focus,
.added_to_cart:hover,
.added_to_cart:focus,
.wc-forward:hover,
.wc-forward:focus {
    color: #000000 !important;
}




/* =========================================
   OPTIMISATION BOUTONS WOOCOMMERCE
   ========================================= */

/* 1. BOUTONS AJOUTER AU PANIER - Centrage parfait */
/* IMPORTANT: Exclut les pages boutique et catégories gérées par section dédiée plus haut */
/* Ne PAS affecter l'icône de panier au survol (.ast-on-card-button) */

/* Centrer le parent du bouton - exclut boutique/catégories */
.astra-shop-summary-wrap,
.ast-woo-shop-summary-wrap,
.woocommerce:not(.post-type-archive-product):not(.tax-product_cat) ul.products li.product .ast-woo-shop-summary-wrap {
    text-align: center !important;
}

/* Boutons - exclut boutique/catégories */
.woocommerce:not(.post-type-archive-product):not(.tax-product_cat) ul.products li.product .button,
.woocommerce-page:not(.post-type-archive-product):not(.tax-product_cat) ul.products li.product .button,
.home .woocommerce ul.products li.product .button,
.home .woocommerce-page ul.products li.product .button {
    width: auto !important;
    min-width: 180px !important;
    max-width: 220px !important;
    margin: 15px auto !important;
    padding: 10px 25px !important;
    display: inline-block !important;
    text-align: center !important;
}

/* Mobile : Bouton plus petit avec moins de marges latérales */
/* IMPORTANT: Exclut les pages boutique et catégories gérées par section dédiée plus haut */
@media (max-width: 768px) {

    /* Styles pour pages produits autres que boutique/catégories (page d'accueil, etc.) */
    .woocommerce:not(.post-type-archive-product):not(.tax-product_cat) ul.products li.product .button,
    .woocommerce-page:not(.post-type-archive-product):not(.tax-product_cat) ul.products li.product .button,
    .home .woocommerce ul.products li.product .button,
    .home .woocommerce-page ul.products li.product .button {
        min-width: 120px !important;
        max-width: 160px !important;
        padding: 10px 15px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}






/* 3. ANIMATION SURVOL DES IMAGES PRODUITS */
.products .product img,
.woocommerce-loop-product__link img {
    transition: all 0.3s ease !important;
}

.products .product:hover img,
.woocommerce-loop-product__link:hover img {
    transform: scale(1.03) !important;
    filter: brightness(1.1) !important;
}

/* 4. PAGE PRODUIT INDIVIDUEL - Texte blanc */
/* Description courte */
.woocommerce-product-details__short-description,
.summary .woocommerce-product-details__short-description p {
    color: #ffffff !important;
}

/* Description longue et onglets */
.woocommerce-Tabs-panel,
#tab-description,
#tab-additional_information,
#tab-reviews,
.woocommerce-tabs .panel {
    color: #ffffff !important;
}

/* Titres des onglets */
.woocommerce-product-attributes,
.woocommerce-Reviews,
.commentlist .description,
.woocommerce-Tabs-panel h2 {
    color: #ffffff !important;
}

/* Titres des onglets WooCommerce (navigation) */
.woocommerce-tabs ul.tabs li a,
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs .tabs li a,
.woocommerce-tabs .tabs li.active a {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Liens dans les descriptions */
.woocommerce-Tabs-panel a,
#tab-description a,
#tab-additional_information a {
    color: #ffffff !important;
    text-decoration: underline !important;
}





/* =========================================
   TITRE PRODUIT - PAGE PRODUIT INDIVIDUEL
   ========================================= */

/* Titre principal de la page produit */
.woocommerce div.product .product_title,
.woocommerce div.product h1.product_title,
.single-product .product_title,
.single-product h1.product_title {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 2em !important;
    line-height: 1.3 !important;
}

/* Mobile : taille adaptée */
@media (max-width: 768px) {

    .woocommerce div.product .product_title,
    .woocommerce div.product h1.product_title,
    .single-product .product_title,
    .single-product h1.product_title {
        font-size: 1.6em !important;
    }
}






/* =========================================
   NOM CATÉGORIE PRODUIT - BOUTIQUE & CATÉGORIES
   ========================================= */

/* Nom de catégorie sous l'image */
.astra-shop-summary-wrap .ast-woo-product-category,
.products .product .ast-woo-product-category,
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce-loop-product__link .ast-woo-product-category {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* Liens de catégorie */
.astra-shop-summary-wrap .ast-woo-product-category a,
.products .product .ast-woo-product-category a {
    color: #000000 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Effet au survol */
.astra-shop-summary-wrap .ast-woo-product-category a:hover,
.products .product .ast-woo-product-category a:hover {
    text-decoration: underline !important;
    opacity: 0.8 !important;
}






/* =========================================
   PRIX PRODUITS - COULEUR #334155 & GRAS
   ========================================= */

/* Prix dans boutique et catégories */
.woocommerce .products .price,
.woocommerce ul.products .price,
.woocommerce .products .amount,
.woocommerce ul.products .amount,
.products .product .price,
.woocommerce-loop-product__link .price {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.1em !important;
}

/* Prix des produits individuels */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce .product .price ins {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Ancien prix barré */
.woocommerce .price del,
.woocommerce .price del .amount {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

/* Prix soldés */
.woocommerce .price ins,
.woocommerce .price ins .amount {
    color: #ffffff !important;
    font-weight: 700 !important;
}



/* Masquer aussi l'élément généré par CSS */
.astra-shop-thumbnail-wrap::after,
.astra-shop-thumbnail-wrap:hover::after,
.astra-shop-thumbnail-wrap::before,
.astra-shop-thumbnail-wrap:hover::before {
    display: none !important;
    content: none !important;
}






/* =========================================
   CENTRAGE PARFAIT DU TEXTE DANS LES BOUTONS
   ========================================= */

/* Boutons Ajouter au panier - centrage horizontal et vertical */
/* NE PAS affecter l'icône de panier au survol (.ast-on-card-button, .add_to_cart_button) */
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Pour les boutons dans les listes de produits */
/* IMPORTANT: Exclut les pages boutique et catégories gérées par section dédiée plus haut */
/* NE PAS affecter l'icône de panier au survol (.add_to_cart_button) */
.woocommerce:not(.post-type-archive-product):not(.tax-product_cat) ul.products li.product .button,
.woocommerce-page:not(.post-type-archive-product):not(.tax-product_cat) ul.products li.product .button,
.home .woocommerce ul.products li.product .button,
.home .woocommerce-page ul.products li.product .button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    min-width: 180px !important;
    padding: 12px 25px !important;
    text-align: center !important;
    margin: 10px auto !important;
}






/* =========================================
   PAGE PANIER - RECTANGLES PRODUITS FOND BLANC
   Design complet avec fond blanc et texte noir
   ========================================= */

/* TEST - Vérification que le CSS est chargé */
.woocommerce-cart .test-css-loaded {
    background-color: red !important;
}

/* APPROCHE RADICALE - Sélecteurs ultra-simples */
td.product-remove,
td.product-thumbnail,
td.product-name,
td.product-price,
td.product-quantity,
td.product-subtotal {
    background-color: #ffffff !important;
}

td.product-remove {
    border-radius: 20px 0 0 20px !important;
}

td.product-subtotal {
    border-radius: 0 20px 20px 0 !important;
}

/* 1. TABLEAU PRINCIPAL DU PANIER - Espacement entre les lignes */
.woocommerce-cart table.shop_table,
.woocommerce-page table.shop_table,
.woocommerce table.cart,
.woocommerce-page table.cart {
    background-color: transparent !important;
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 30px !important;
}

/* 2. LIGNES DU TABLEAU - Ombre portée et espacement */
.woocommerce-cart table.shop_table tbody tr.cart_item,
.woocommerce-page table.shop_table tbody tr.cart_item,
.woocommerce table.cart tbody tr.cart_item,
.woocommerce-page table.cart tbody tr.cart_item {
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* Cellules individuelles - fond blanc par classe spécifique */
table.shop_table.cart td.product-remove,
table.shop_table.cart td.product-thumbnail,
table.shop_table.cart td.product-name,
table.shop_table.cart td.product-price,
table.shop_table.cart td.product-quantity,
table.shop_table.cart td.product-subtotal {
    background-color: #ffffff !important;
    border: none !important;
}

/* Première cellule (product-remove) - coins arrondis gauche */
table.shop_table.cart td.product-remove {
    border-radius: 20px 0 0 20px !important;
    border-left: none !important;
}

/* Dernière cellule (product-subtotal) - coins arrondis droite */
table.shop_table.cart td.product-subtotal {
    border-radius: 0 20px 20px 0 !important;
    border-right: none !important;
}

/* Effet hover sur les lignes */
.woocommerce-cart table.shop_table tbody tr.cart_item:hover,
.woocommerce-page table.shop_table tbody tr.cart_item:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* 3. CELLULES DU TABLEAU - Texte noir */
.woocommerce-cart table.shop_table td,
.woocommerce-page table.shop_table td,
.woocommerce table.cart td,
.woocommerce-page table.cart td {
    color: #000000 !important;
    border: none !important;
    padding: 20px 15px !important;
}

/* 4. NOMS DES PRODUITS - Texte noir */
.woocommerce-cart .product-name,
.woocommerce-cart .product-name a,
.woocommerce-cart-form__cart-item .product-name,
.woocommerce-cart-form__cart-item .product-name a,
.woocommerce table.shop_table .product-name,
.woocommerce table.shop_table .product-name a {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Survol des noms - légère transparence */
.woocommerce-cart .product-name a:hover,
.woocommerce-cart-form__cart-item .product-name a:hover,
.woocommerce table.shop_table .product-name a:hover {
    color: #333333 !important;
    text-decoration: underline !important;
}

/* 5. PRIX DANS LE PANIER - Texte noir/gris foncé */
.woocommerce-cart table.shop_table .product-price,
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table .price,
.woocommerce-cart table.shop_table .amount,
.woocommerce table.cart .product-price,
.woocommerce table.cart td.product-price {
    color: #334155 !important;
    font-weight: 700 !important;
}

/* 6. QUANTITÉ - Texte noir */
.woocommerce-cart table.shop_table td.product-quantity,
.woocommerce table.cart td.product-quantity,
.woocommerce-cart .quantity,
.woocommerce-cart input[type="number"],
.woocommerce-cart .qty {
    color: #000000 !important;
}

/* Boutons + et - de quantité */
.woocommerce-cart .quantity .minus,
.woocommerce-cart .quantity .plus,
.woocommerce-cart .quantity button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

/* Hover des boutons quantité */
.woocommerce-cart .quantity .minus:hover,
.woocommerce-cart .quantity .plus:hover,
.woocommerce-cart .quantity button:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

/* 7. SOUS-TOTAL PAR PRODUIT - Texte noir/gris foncé */
.woocommerce-cart table.shop_table td.product-subtotal,
.woocommerce table.cart td.product-subtotal,
.woocommerce-cart .product-subtotal .amount,
.woocommerce table.cart .product-subtotal .amount {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 8. CROIX SUPPRESSION - Noir */
.woocommerce-cart .remove,
.woocommerce-cart .product-remove a,
.woocommerce a.remove,
.woocommerce-cart .cart-item .product-remove a,
.woocommerce-cart table.shop_table .remove {
    color: #000000 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
}

/* Hover de la croix - rouge pour indiquer suppression */
.woocommerce-cart .remove:hover,
.woocommerce-cart .product-remove a:hover,
.woocommerce a.remove:hover {
    color: #ef4444 !important;
    background: transparent !important;
}




/* =========================================
   PAGE PANIER - EN-TÊTE ET STYLE COMPLÉMENTAIRE
   ========================================= */

/* En-tête du tableau - Fond transparent avec texte noir */
.woocommerce-cart table.shop_table thead,
.woocommerce-page table.shop_table thead,
.woocommerce table.cart thead,
.woocommerce-page table.cart thead {
    background-color: transparent !important;
}

/* Cellules d'en-tête - Texte noir */
.woocommerce-cart table.shop_table thead th,
.woocommerce-page table.shop_table thead th,
.woocommerce table.cart thead th,
.woocommerce-page table.cart thead th {
    color: #000000 !important;
    font-weight: 700 !important;
    border: none !important;
    padding: 15px !important;
}

/* Labels "Supprimer l'élément", "Miniature", etc. */
.woocommerce-cart table.shop_table th,
.woocommerce table.cart th {
    color: #000000 !important;
}

/* Code promo et boutons de mise à jour */
.woocommerce-cart .coupon,
.woocommerce-cart .actions {
    background-color: transparent !important;
}

/* Champs de saisie du code promo */
.woocommerce-cart input[type="text"],
.woocommerce-cart .coupon input {
    color: #000000 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

/* Labels de formulaire */
.woocommerce-cart label,
.woocommerce-cart .coupon label {
    color: #000000 !important;
}



/* =========================================
   IMAGES PRODUITS FORMAT CARRÉ
   ========================================= */

/* Images produits dans boutique et catégories */
.products .product img,
.woocommerce-loop-product__link img,
.woocommerce .product img,
.attachment-woocommerce_thumbnail,
.woocommerce-page .attachment-woocommerce_thumbnail {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
}

/* Images galerie page produit individuel */
.woocommerce-product-gallery__image img,
.woocommerce .product .woocommerce-product-gallery__image img,
.flex-viewport img,
.woocommerce-product-gallery__wrapper img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}

/* Mobile : Marge au-dessus de l'image produit */
@media (max-width: 768px) {

    .woocommerce-product-gallery,
    .woocommerce div.product .woocommerce-product-gallery {
        margin-top: 30px !important;
    }
}




/* =========================================
   CATÉGORIES PAGE PRODUIT - COULEUR #334155
   ========================================= */

/* Catégories dans la page produit individuel */
.woocommerce div.product .product_meta,
.woocommerce div.product .product_meta a,
.woocommerce div.product .product_meta span,
.woocommerce .product_meta .posted_in,
.woocommerce .product_meta .posted_in a,
.single-product .product_meta,
.single-product .product_meta a {
    color: #334155 !important;
}

/* Labels "Catégories:" */
.woocommerce .product_meta .sku_wrapper,
.woocommerce .product_meta .posted_in:before,
.woocommerce .product_meta .tagged_as:before {
    color: #334155 !important;
    opacity: 0.8 !important;
}



/* =========================================
   RÉSULTATS DE RECHERCHE - TEXTE BLANC
   ========================================= */

/* Texte "Affichage de X résultats" dans boutique et catégories */
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-count,
.woocommerce .woocommerce-count {
    color: #ffffff !important;
}



/* =========================================
   PAGE MON COMPTE - TEXTE BLANC & ONGLETS
   CSS STRICTEMENT SCOPE À LA ZONE DE CONTENU
   ========================================= */

/* 1. CONTENEUR PRINCIPAL - Uniquement la zone contenu WooCommerce */
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
    color: #ffffff !important;
}

/* 2. TEXTE BLANC - Contenu principal uniquement */
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content h4,
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-account .woocommerce-MyAccount-content span,
.woocommerce-account .woocommerce-MyAccount-content div,
.woocommerce-account .woocommerce-MyAccount-navigation p,
.woocommerce-account .woocommerce-MyAccount-navigation label,
.woocommerce-account .woocommerce-MyAccount-navigation span,
.woocommerce-account .woocommerce-MyAccount-navigation li,
.woocommerce-account .woocommerce p,
.woocommerce-account .woocommerce h1,
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3,
.woocommerce-account .woocommerce label,
.woocommerce-account .woocommerce span {
    color: #ffffff !important;
}

/* Titres de section */
.woocommerce-account .woocommerce-MyAccount-title,
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce .woocommerce-orders-header__title,
.woocommerce-account .woocommerce-MyAccount-content h2 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* 3. CHAMPS DE FORMULAIRE - texte blanc */
.woocommerce-account .woocommerce .woocommerce-Input,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Input,
.woocommerce-account .woocommerce .woocommerce-form__input,
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Placeholder des champs */
.woocommerce-account .woocommerce-Input::placeholder,
.woocommerce-account .woocommerce-MyAccount-content input::placeholder,
.woocommerce-account .woocommerce-MyAccount-content textarea::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* 4. MESSAGES INFO - Texte blanc */
.woocommerce-account .woocommerce .woocommerce-Message,
.woocommerce-account .woocommerce .woocommerce-info,
.woocommerce-account .woocommerce .woocommerce-message,
.woocommerce-account .woocommerce .woocommerce-error,
.woocommerce-account .woocommerce .woocommerce-noreviews,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Liens dans les messages - SANS soulignement */
.woocommerce-account .woocommerce .woocommerce-Message a,
.woocommerce-account .woocommerce .woocommerce-info a,
.woocommerce-account .woocommerce .woocommerce-message a,
.woocommerce-account .woocommerce-MyAccount-content a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 5. NAVIGATION ONGLETS - Style avec onglet actif sur fond noir */
.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 30px !important;
}

/* Liste des onglets */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* Onglets individuels */
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Liens des onglets - SANS soulignement */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 12px 20px !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Onglet actif - FOND NOIR */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a.is-active {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* Effet hover sur les onglets */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* 6. TABLEAU DES COMMANDES - Texte blanc */
.woocommerce-account .woocommerce .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-account .woocommerce .woocommerce-MyAccount-orders table {
    color: #ffffff !important;
    width: 100% !important;
}

/* En-têtes du tableau */
.woocommerce-account .woocommerce .woocommerce-orders-table thead th,
.woocommerce-account .woocommerce-MyAccount-orders table thead th {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Cellules du tableau */
.woocommerce-account .woocommerce .woocommerce-orders-table tbody td,
.woocommerce-account .woocommerce-MyAccount-orders table tbody td {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* 7. ADRESSES - Texte blanc */
.woocommerce-account .woocommerce .woocommerce-Address-title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.woocommerce-account .woocommerce .woocommerce-address,
.woocommerce-account .woocommerce-MyAccount-content address {
    color: #ffffff !important;
}

/* Boutons d'édition d'adresse - SANS soulignement */
.woocommerce-account .woocommerce .woocommerce-Address .edit,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 8. BOUTONS PAGE MON COMPTE - Texte NOIR sur fond BLANC */
.woocommerce-account .woocommerce .woocommerce-button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-account .woocommerce .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce input[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"] {
    color: #000000 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* États hover des boutons - Toujours noir */
.woocommerce-account .woocommerce .woocommerce-button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-account .woocommerce .woocommerce-Button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-account .woocommerce button[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:hover {
    opacity: 0.9 !important;
    color: #000000 !important;
}

/* 9. TOUS LES LIENS - SANS soulignement (sauf cas spécifiques) */
.woocommerce-account .woocommerce a,
.woocommerce-account .woocommerce-MyAccount-content a,
.woocommerce-account .woocommerce-MyAccount-navigation a {
    text-decoration: none !important;
}

/* Effet hover - Toujours sans soulignement */
.woocommerce-account .woocommerce a:hover,
.woocommerce-account .woocommerce-MyAccount-content a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    text-decoration: none !important;
}

/* 10. MOBILE - Responsive */
@media (max-width: 768px) {

    /* Navigation en onglets - vertical sur mobile */
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        flex-direction: column !important;
        gap: 8px !important;
    }

    /* Onglets plus larges sur mobile */
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
    }

    /* Tableau des commandes - scroll horizontal sur mobile */
    .woocommerce-account .woocommerce .woocommerce-orders-table__wrapper,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__wrapper,
    .woocommerce-account .woocommerce .woocommerce-MyAccount-orders,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Tableau avec largeur minimale */
    .woocommerce-account .woocommerce .woocommerce-orders-table,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
    .woocommerce-account .woocommerce .woocommerce-MyAccount-orders table {
        min-width: 600px !important;
    }

    /* Adresses - empilées sur mobile */
    .woocommerce-account .woocommerce .woocommerce-Addresses,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .woocommerce-account .woocommerce .woocommerce-Address,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    /* Titres plus petits sur mobile */
    .woocommerce-account .woocommerce .woocommerce-MyAccount-title,
    .woocommerce-account .woocommerce h2 {
        font-size: 1.5em !important;
    }

    /* Champs de formulaire - plein largeur */
    .woocommerce-account .woocommerce .woocommerce-Input,
    .woocommerce-account .woocommerce-MyAccount-content input[type="text"],
    .woocommerce-account .woocommerce-MyAccount-content input[type="email"],
    .woocommerce-account .woocommerce-MyAccount-content input[type="password"],
    .woocommerce-account .woocommerce-MyAccount-content select {
        width: 100% !important;
        font-size: 16px !important;
        /* Évite le zoom iOS */
    }

    /* Contenu Mon Compte - padding réduit */
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 20px 15px !important;
    }
}

/* Mobile très petit */
@media (max-width: 480px) {

    /* Onglets avec texte plus petit */
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        padding: 12px 15px !important;
        font-size: 14px !important;
    }

    /* Boutons - pleine largeur */
    .woocommerce-account .woocommerce .woocommerce-button,
    .woocommerce-account .woocommerce .button {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important;
    }
}


/* =========================================
   ANIMATION D'ENTRÉE PRODUITS - BOUTIQUE & CATÉGORIES
   Animation déclenchée au scroll avec Intersection Observer
   ========================================= */

/* État initial - produits cachés et prêts pour l'animation */
.woocommerce-page .products .product,
.woocommerce-tax-product_cat .products .product,
.post-type-archive-product .products .product,
.tax-product_cat .products .product {
    opacity: 0 !important;
    transform: translateY(40px) scale(0.95) !important;
    transition: opacity 0.6s ease-out,
        transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    will-change: opacity, transform;
}

/* État animé - produits visibles */
.woocommerce-page .products .product.product-visible,
.woocommerce-tax-product_cat .products .product.product-visible,
.post-type-archive-product .products .product.product-visible,
.tax-product_cat .products .product.product-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

/* Animation avec délai progressif pour effet cascade */
.woocommerce-page .products .product:nth-child(1),
.woocommerce-tax-product_cat .products .product:nth-child(1),
.post-type-archive-product .products .product:nth-child(1) {
    transition-delay: 0ms !important;
}

.woocommerce-page .products .product:nth-child(2),
.woocommerce-tax-product_cat .products .product:nth-child(2),
.post-type-archive-product .products .product:nth-child(2) {
    transition-delay: 80ms !important;
}

.woocommerce-page .products .product:nth-child(3),
.woocommerce-tax-product_cat .products .product:nth-child(3),
.post-type-archive-product .products .product:nth-child(3) {
    transition-delay: 160ms !important;
}

.woocommerce-page .products .product:nth-child(4),
.woocommerce-tax-product_cat .products .product:nth-child(4),
.post-type-archive-product .products .product:nth-child(4) {
    transition-delay: 240ms !important;
}

.woocommerce-page .products .product:nth-child(5),
.woocommerce-tax-product_cat .products .product:nth-child(5),
.post-type-archive-product .products .product:nth-child(5) {
    transition-delay: 320ms !important;
}

.woocommerce-page .products .product:nth-child(6),
.woocommerce-tax-product_cat .products .product:nth-child(6),
.post-type-archive-product .products .product:nth-child(6) {
    transition-delay: 400ms !important;
}

.woocommerce-page .products .product:nth-child(7),
.woocommerce-tax-product_cat .products .product:nth-child(7),
.post-type-archive-product .products .product:nth-child(7) {
    transition-delay: 480ms !important;
}

.woocommerce-page .products .product:nth-child(8),
.woocommerce-tax-product_cat .products .product:nth-child(8),
.post-type-archive-product .products .product:nth-child(8) {
    transition-delay: 560ms !important;
}

/* Réinitialiser le délai pour les produits au-delà de 8 */
.woocommerce-page .products .product:nth-child(n+9),
.woocommerce-tax-product_cat .products .product:nth-child(n+9),
.post-type-archive-product .products .product:nth-child(n+9) {
    transition-delay: 80ms !important;
}

/* Effet hover subtil après l'animation */
.woocommerce-page .products .product.product-visible:hover,
.woocommerce-tax-product_cat .products .product.product-visible:hover,
.post-type-archive-product .products .product.product-visible:hover,
.tax-product_cat .products .product.product-visible:hover {
    transform: translateY(-8px) scale(1.02) !important;
    transition: transform 0.3s ease, opacity 0.6s ease-out !important;
}

/* Mobile - Animation plus rapide */
@media (max-width: 768px) {

    .woocommerce-page .products .product,
    .woocommerce-tax-product_cat .products .product,
    .post-type-archive-product .products .product {
        transition: opacity 0.4s ease-out,
            transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    }

    .woocommerce-page .products .product.product-visible:hover,
    .woocommerce-tax-product_cat .products .product.product-visible:hover,
    .post-type-archive-product .products .product.product-visible:hover {
        transform: translateY(-4px) scale(1.01) !important;
    }
}






#post-10>div>div>div.cart-collaterals>div>h2 {
    color: #000000 !important;
}




/* element du formulaire de contact */
#frm_radio_22-0>label,
#frm_radio_22-1>label,
#frm_radio_22-2>label,
#frm_radio_22-3>label {
    color: #ffffff !important;
    font-size: 1.1em !important;
    /* 20% plus grand que la taille parente */

}




/* element dans le checkout */
#payment>div>div>p>label>span>a {
    color: #ffffff !important;
}



/* =========================================
   BANDEAU "Nos meilleures ventes" - CATÉGORIE "CORPS"
   Style simple et élégant comme glowurmane.fr
   ========================================= */

/* Bandeau horizontal centré avec largeur limitée */
.term-corps .bandeau-meilleures-ventes {
    background-color: #FFFDF9;
    padding: 20px 40px;
    margin: 20px auto 30px auto;
    max-width: 800px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
}

/* Conteneur du contenu */
.term-corps .bandeau-contenu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* Titre principal */
.term-corps .bandeau-titre {
    color: #1a1a1a !important;
    font-size: 1.25em;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

/* Sous-titre */
.term-corps .bandeau-sous-titre {
    color: #2d2d2d !important;
    font-size: 1em;
    font-weight: 400;
    margin: 0;
    letter-spacing: 0.3px;
}

/* Mobile - Responsive */
@media (max-width: 768px) {

    .term-corps .bandeau-meilleures-ventes {
        padding: 18px 25px;
        margin: 15px auto 25px auto;
        max-width: 90%;
        border-radius: 10px;
    }

    .term-corps .bandeau-contenu {
        flex-direction: column;
        gap: 8px;
    }

    .term-corps .bandeau-titre {
        font-size: 1.15em;
    }

    .term-corps .bandeau-sous-titre {
        font-size: 0.95em;
    }
}

/* Mobile très petit */
@media (max-width: 480px) {

    .term-corps .bandeau-meilleures-ventes {
        padding: 15px 20px;
        margin: 12px auto 20px auto;
        max-width: 95%;
        border-radius: 10px;
    }

    .term-corps .bandeau-titre {
        font-size: 1.05em;
    }

    .term-corps .bandeau-sous-titre {
        font-size: 0.9em;
    }
}






/* Force la couleur noire pour un element dans le checkout */
#payment > ul > li > div {
	background-color: #000000 !important;
}




#ast-scroll-top {
	color: #70865A !important;
	
}



.woocommerce-account .woocommerce .woocommerce-Message a, .woocommerce-account .woocommerce .woocommerce-info a, .woocommerce-account .woocommerce .woocommerce-message a, .woocommerce-account .woocommerce-MyAccount-content a, .woocommerce-account .woocommerce-MyAccount-title, .woocommerce-account .woocommerce h2, .woocommerce-account .woocommerce .woocommerce-orders-header__title, .woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce .woocommerce-Address .edit, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit {
	color: #000000 !important;
}