/**
 * ==========================================================================
 * BARBER & CHILL
 * Styles personnalisés du thème enfant
 * ==========================================================================
 *
 * Projet      : Barber & Chill
 * Développement : Ham'Kréativ
 *
 * Ce fichier contient les styles spécifiques au site.
 *
 * Organisation prévue :
 *
 * 01. Variables globales
 * 02. Reset / base
 * 03. Typographie
 * 04. Liens
 * 05. Boutons
 * 06. Header / navigation
 * 07. Footer
 * 08. Composants
 * 09. Pages
 * 10. WooCommerce
 * 11. Responsive
 *
 * IMPORTANT :
 * Les styles du projet doivent être ajoutés ici plutôt que dans style.css.
 * ==========================================================================
 */

/* ==========================================================================
   01. VARIABLES GLOBALES
   ========================================================================== */
/* ==========================================================
   TOPBAR — ALIGNEMENT DES 2 CTA
   ========================================================== */


/* ==========================================================================
   02. BASE
   ========================================================================== */


/* ==========================================================================
   03. TYPOGRAPHIE
   ========================================================================== */


/* ==========================================================================
   04. LIENS
   ========================================================================== */


/* ==========================================================================
   05. BOUTONS
   ========================================================================== */


/* ==========================================================================
   06. HEADER / NAVIGATION
   ========================================================================== */
/* =========================================================
   ELEMENTOR EDITOR
   Masque les éléments globaux gênants pendant l'édition
   Aucun impact sur le site public
   ========================================================= */

/*.elementor-editor-active .bc-site-header,
.elementor-editor-active .bc-topbar,
.elementor-editor-active .bc-mobile-cta {
    display: none !important;
}*/

/* ==========================================================
   HEADER GLOBAL FIXE
   Topbar + navigation restent visibles au scroll
   ========================================================== */

      /* Décalage du header lorsque la barre d'administration WordPress est visible */
@media (min-width: 1025px) {

    body.admin-bar .bc-site-header {
        top: 32px;
    }

}

@media (min-width: 1025px) {

    .bc-site-header {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }

}

/* =========================================================
   HEADER DESKTOP - FOND AU SCROLL
   ========================================================= */

@media (min-width: 1025px) {

    .bc-main-header {
        background: transparent;
        transition:
            background-color 0.3s ease,
            backdrop-filter 0.3s ease;
    }

    .bc-site-header.is-scrolled {
        background: rgba(47, 47, 47, 0.70);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .bc-site-header {
    transition:
        background-color 0.3s ease,
        backdrop-filter 0.3s ease;
}

}

/* ==========================================================
   HEADER DESKTOP
   Réduit la hauteur interne du header sans modifier
   les Flexbox Elementor du reste du site.
   ========================================================== */

@media (min-width: 1025px) {

    .bc-header-desktop {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

}

/* =========================================================
   TOPBAR DESKTOP — CTA Planity
   Le conteneur s'adapte à la largeur de son contenu
   (icône + texte) au lieu d'occuper toute la ligne.
   ========================================================= */

@media (min-width: 1025px) {

    .bc-topbar-cta {
        width: fit-content !important;
        max-width: none !important;

        flex: 0 0 auto !important;
        align-self: center;
    }

}

/* ==========================================================
   TOPBAR MOBILE TABLETTE - Ajout icone réseaux sociaux
   ========================================================== */

      /* Réseaux sociaux sur tablette et mobile - Navigation mobile */

@media (max-width: 1024px) {

    /* Bloc contenant les 3 réseaux */
    .bc-mobile-socials {
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;

        padding: 12px 10px 18px !important;
        margin: 0 !important;
    }

    /* Liens */
    .bc-mobile-socials .bc-mobile-socials__link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 24px !important;
        height: 24px !important;

        padding: 0 !important;
        margin: 0 !important;

        background: transparent !important;
        border: 0 !important;
    }

    /* Icônes */
    .bc-mobile-socials__link svg {
        display: block;

        width: 18px;
        height: 18px;

        fill: #ffffff;

        transition: fill .2s ease;
    }

    /* Survol / focus */
    .bc-mobile-socials__link:hover svg,
    .bc-mobile-socials__link:focus svg {
        fill: #B08A43;
    }
}

/* ==========================================================
   BARRE CTA MOBILE FIXE BAS (Prendre rdv + Carte cadeau + Whatsapp)
   ========================================================== */

@media (max-width: 767px) {

    .bc-mobile-cta {
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 1000;
    }

}


/**
 * ============================================================
 * BARBER & CHILL — MAX MEGA MENU
 * Personnalisation desktop / tablette / mobile
 * ============================================================
 *
 * Menu concerné :
 * #mega-menu-wrap-max_mega_menu_2
 *
 * Les règles utilisant les variables SCSS internes de
 * Max Mega Menu (#{$wrap}, #{$menu}) restent dans le CSS
 * personnalisé du plugin.
 *
 * Le reste est volontairement centralisé ici afin de :
 * - conserver les personnalisations dans le thème enfant ;
 * - faciliter la maintenance ;
 * - éviter les modifications accidentelles dans l'admin ;
 * - conserver les réglages lors des mises à jour du plugin.
 *
 * ATTENTION :
 * Certains sélecteurs utilisent des IDs générés par WordPress /
 * Max Mega Menu (#mega-menu-item-114, #mega-sub-menu-117).
 * Si la structure du menu Boutique est recréée, vérifier ces IDs.
 * ============================================================
 */


/* ============================================================
   DESKTOP — MEGA MENU BOUTIQUE
   ============================================================ */


/* ------------------------------------------------------------
 * Lien "Voir tous les produits"
 * ------------------------------------------------------------ */

.bc-megamenu-all-products {
    display: inline-block;
    margin-top: 8px;
    color: #B08A43 !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    transition: opacity 0.25s ease;
}

.bc-megamenu-all-products:hover {
    color: #B08A43 !important;
    opacity: 0.7;
}

/* ------------------------------------------------------------
 * Titres des catégories Boutique - DESKTOP
 * ------------------------------------------------------------ */

#mega-menu-wrap-max_mega_menu_1
a.bc-megamenu-category-title {
    display: block !important;
    width: 100% !important;
    margin-bottom: 4px !important;

    color: #B08A43 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;
}


/* Survol / focus clavier */

#mega-menu-wrap-max_mega_menu_1
a.bc-megamenu-category-title:hover,

#mega-menu-wrap-max_mega_menu_1
a.bc-megamenu-category-title:focus {
    color: #B08A43 !important;

    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}


/* ------------------------------------------------------------
 * Espacement entre titre et image des catégories
 *
 * ATTENTION :
 * #mega-menu-item-114 correspond actuellement au bloc desktop
 * des catégories Boutique.
 * Si ce bloc est recréé dans WordPress, vérifier cet ID.
 * ------------------------------------------------------------ */


/* Widget contenant le titre */

#mega-menu-wrap-max_mega_menu_1
#mega-menu-item-114
.widget_custom_html {
    margin: 0 !important;
    padding: 0 !important;
}


/* Conteneur interne du titre */

#mega-menu-wrap-max_mega_menu_1
#mega-menu-item-114
.widget_custom_html .textwidget {
    margin: 0 !important;
    padding: 0 !important;
}


/* Titre de catégorie */

#mega-menu-wrap-max_mega_menu_1
#mega-menu-item-114
.bc-megamenu-category-title {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
}


/* Widget image */

#mega-menu-wrap-max_mega_menu_1
#mega-menu-item-114
.widget_media_image {
    margin: 0 !important;
    padding: 0 !important;
}


/* Image */

#mega-menu-wrap-max_mega_menu_1
#mega-menu-item-114
.widget_media_image img {
    display: block;
    margin: 0 auto !important;
}


/* Espacement horizontal entre les trois catégories */

#mega-menu-wrap-max_mega_menu_1
#mega-menu-item-114
.mega-menu-column {
    padding-left: 6px !important;
    padding-right: 6px !important;
}



/* ============================================================
   TABLETTE / MOBILE — CATÉGORIES BOUTIQUE
   ============================================================ */


/* ------------------------------------------------------------
 * Miniatures catégories
 * ------------------------------------------------------------ */

img.bc-mobile-category-img {
    display: block !important;

    width: 52px !important;
    height: 52px !important;

    margin: 0 auto !important;

    object-fit: cover !important;
    border-radius: 50% !important;
}


/* ------------------------------------------------------------
 * Titres catégories
 * ------------------------------------------------------------ */

#mega-menu-wrap-max_mega_menu_2 .bc-mobile-category-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #B08A43 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-indent: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;

    visibility: visible !important;
    opacity: 1 !important;
}


#mega-menu-wrap-max_mega_menu_2 .bc-mobile-category-title:hover {
    color: #B98A32 !important;
}


/* ------------------------------------------------------------
 * Lien "Voir tous les produits"
 * ------------------------------------------------------------ */

.bc-mobile-shop-all {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    color: #B08A43 !important;

    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;

    white-space: nowrap;
    text-decoration: none !important;
}



/* ============================================================
  TABLETTE / MOBILE — ALIGNEMENT SOUS-MENU BOUTIQUE
   ============================================================ */

@media (max-width: 1024px) {

    /*
     * #mega-sub-menu-117 correspond actuellement au sous-menu
     * Boutique mobile.
     *
     * Si le menu Boutique est supprimé/recréé dans WordPress,
     * vérifier cet ID.
     */


    /* Ligne contenant image + titre */

    #mega-menu-wrap-max_mega_menu_2
    #mega-sub-menu-117
    > .mega-menu-row
    > .mega-sub-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
    }


    /* Colonnes image + texte */

    #mega-menu-wrap-max_mega_menu_2
    #mega-sub-menu-117
    > .mega-menu-row
    > .mega-sub-menu
    > .mega-menu-column {
        width: auto !important;
        flex: 0 0 auto !important;
    }


    /* Retire le padding excessif généré par Max Mega Menu */

    #mega-menu-wrap-max_mega_menu_2
    #mega-sub-menu-117
    .mega-menu-item-type-widget {
        padding: 10px 0 !important;
    }


    /* Marges latérales communes */

    #mega-menu-wrap-max_mega_menu_2
    #mega-sub-menu-117
    > .mega-menu-row {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

}



/* ============================================================
  TABLETTE / MOBILE — RECHERCHE PRODUITS
   ============================================================ */

@media (max-width: 1024px) {


    /* --------------------------------------------------------
     * Conteneur général
     * -------------------------------------------------------- */

    #mega-menu-wrap-max_mega_menu_2 .bc-mobile-product-search {
        position: relative !important;
        display: block !important;

        width: 230px !important;
        max-width: 100% !important;

        margin: 6px 0 10px 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------------------------------
     * Champ de recherche
     * -------------------------------------------------------- */

    #mega-menu-wrap-max_mega_menu_2 .bc-mobile-product-search__field {
        display: block !important;

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

        margin: 0 !important;
        padding: 8px 42px 8px 12px !important;

        box-sizing: border-box !important;

        color: #2B2B2B !important;
        background: #FFFFFF !important;

        font-family: "Manrope", sans-serif !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;

        border: 1px solid #D8D8D8 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        outline: none !important;
    }


    /* Croix native d'effacement du champ search (WebKit) */

    #mega-menu-wrap-max_mega_menu_2
    .bc-mobile-product-search__field::-webkit-search-cancel-button {
        filter: sepia(1) saturate(5) hue-rotate(5deg) brightness(0.75) !important;
        cursor: pointer !important;
    }


    /* Placeholder */

    #mega-menu-wrap-max_mega_menu_2
    .bc-mobile-product-search__field::placeholder {
        color: #999999 !important;

        font-family: "Manrope", sans-serif !important;
        font-size: 11px !important;
        font-weight: 400 !important;

        opacity: 1 !important;
    }


    /* --------------------------------------------------------
     * Bouton loupe
     * -------------------------------------------------------- */

    #mega-menu-wrap-max_mega_menu_2 .bc-mobile-product-search__submit {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #B08A43 !important;

        background: transparent !important;
        background-color: transparent !important;

        border: 0 !important;
        border-left: 1px solid #E0E0E0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        outline: none !important;

        cursor: pointer !important;
    }


    /* Icône SVG de la loupe */

    #mega-menu-wrap-max_mega_menu_2
    .bc-mobile-product-search__submit svg {
        display: block !important;

        width: 16px !important;
        height: 16px !important;

        fill: none !important;
        stroke: #B08A43 !important;
        stroke-width: 2 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;

        pointer-events: none !important;
    }


    /* Survol / focus bouton */

    #mega-menu-wrap-max_mega_menu_2 .bc-mobile-product-search__submit:hover,
    #mega-menu-wrap-max_mega_menu_2 .bc-mobile-product-search__submit:focus {
        color: #B08A43 !important;
        background: #F7F7F7 !important;
    }


    /* Focus champ */

    #mega-menu-wrap-max_mega_menu_2 .bc-mobile-product-search__field:focus {
        border-color: #B08A43 !important;
        box-shadow: none !important;
    }

}

/* ============================================================
   TABLETTE / MOBILE — PANNEAU PRINCIPAL
   ============================================================
 *
 * Positionne le panneau Max Mega Menu sous le header mobile.
 *
 * IMPORTANT :
 * La valeur top: 110px correspond à la hauteur actuellement
 * souhaitée pour le header mobile Barber & Chill.
 *
 * Si la hauteur du header mobile change ultérieurement,
 * modifier cette valeur.
 * ============================================================ */

    @media (max-width: 1024px) {

        #mega-menu-wrap-max_mega_menu_2
        #mega-menu-max_mega_menu_2 {
            top: 110px !important;

            max-height: calc(100dvh - 70px) !important;
            overflow-y: auto !important;
        }

    }


/* ==========================================================================
   07. FOOTER
   ========================================================================== */
/* ==========================================================
   FOOTER MOBILE — CENTRAGE DU LOGO
   ========================================================== */

@media (max-width: 767px) {

    /* Conteneur du logo */
    footer .elementor-element-d5891b7 {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;
    }

    /* Lien qui contient l'image */
    footer .elementor-element-d5891b7 .e-image-link-base {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;
        margin: 0 auto !important;
    }

    /* Logo */
    footer .elementor-element-d5891b7 img {
        display: block !important;

        margin-left: auto !important;
        margin-right: auto !important;

        max-width: 100%;
        height: auto;
    }
}

/* ==========================================================================
   08. COMPOSANTS
   ========================================================================== */


/* ==========================================================================
   09. PAGES
   ========================================================================== */

   /* ==========================================================================
    ACCUEIL
   ========================================================================== */
     /*Section Horaires colonnes - Mobile */
    @media (max-width: 767px) {

    .bc-horaires {
        display: grid !important;
        grid-template-columns: 32% 34% 34%;
        width: 100%;
    }

    .bc-horaires > * {
        width: auto !important;
        min-width: 0;
    }

    .bc-horaires p {
        white-space: nowrap;
    }
}
/* ==========================================================
   ACCUEIL — CARDS PRODUITS
   Taille des titres du widget HFE Woo Products
   ========================================================== */

.home .hfe-woo-products-wrapper .woocommerce-loop-product__title {
    font-family: "Cormorant Garamond", serif;
    font-size: 32px !important;
    font-weight: 500;
    line-height: 1.15;
}

/* Tablette */
@media (max-width: 1024px) {
    .home .hfe-woo-products-wrapper .woocommerce-loop-product__title {
        font-size: 27px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .home .hfe-woo-products-wrapper .woocommerce-loop-product__title {
        font-size: 24px !important;
    }
}



   /* ==========================================================================
    PAGE CONTACT - WP FORMS
   ========================================================================== */
    /* Base du formulaire */
    .bc-contact-form .wpforms-container {
        margin: 0;
        font-family: "Manrope", sans-serif;
    }

    /* Champs : texte, email, téléphone et textarea */
    .bc-contact-form .wpforms-container input[type="text"],
    .bc-contact-form .wpforms-container input[type="email"],
    .bc-contact-form .wpforms-container input[type="tel"],
    .bc-contact-form .wpforms-container textarea,
    .bc-contact-form .wpforms-container select {
        width: 100%;
        max-width: 100%;

        background: transparent;
        border: 1px solid #B08A43;
        border-radius: 0;

        color: #2F2722;
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 400;

        padding: 14px 16px;

        box-shadow: none;
        outline: none;

        transition:
            border-color 0.2s ease,
            box-shadow 0.2s ease;
    }

    /* Hauteur des champs simples */
    .bc-contact-form .wpforms-container input[type="text"],
    .bc-contact-form .wpforms-container input[type="email"],
    .bc-contact-form .wpforms-container input[type="tel"],
    .bc-contact-form .wpforms-container select {
        min-height: 50px;
    }

    /* Zone de message */
    .bc-contact-form .wpforms-container textarea {
        min-height: 150px;
        resize: vertical;
    }

    /* Placeholder */
    .bc-contact-form .wpforms-container input::placeholder,
    .bc-contact-form .wpforms-container textarea::placeholder {
        color: #808080;
        opacity: 0.75;
    }

    /* Focus clavier / saisie */
    .bc-contact-form .wpforms-container input:focus,
    .bc-contact-form .wpforms-container textarea:focus,
    .bc-contact-form .wpforms-container select:focus {
        border-color: #B08A43;
        box-shadow: 0 0 0 1px #B08A43;
        outline: none;
    }

    /* Labels éventuels */
    .bc-contact-form .wpforms-container .wpforms-field-label,
    .bc-contact-form .wpforms-container .wpforms-field-sublabel {
        font-family: "Manrope", sans-serif;
        color: #2F2722;
    }

    /* Espacement vertical entre les champs */
    .bc-contact-form .wpforms-container .wpforms-field {
        padding-top: 0;
        padding-bottom: 16px;
    }

    /* Bouton d'envoi */
    .bc-contact-form .wpforms-container button[type="submit"] {
        width: 240px !important;
        min-width: 240px;
        height: 44px;
        min-height: 44px;

        padding: 0 20px !important;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        background-color: #B08A43 !important;
        border: 1px solid #B08A43 !important;
        border-radius: 0 !important;

        color: #FFFFFF !important;
        font-family: "Manrope", sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1;

        box-shadow: none !important;
        cursor: pointer;

        transition:
            background-color 0.2s ease,
            color 0.2s ease,
            border-color 0.2s ease;
    }

    /* Survol du bouton d'envoi */
    .bc-contact-form .wpforms-container .wpforms-submit-container button[type="submit"]:hover {
        background: transparent !important;
        background-color: transparent !important;
        border-color: #B08A43 !important;
        color: #B08A43 !important;
        box-shadow: none !important;
    }

    /* Focus clavier — accessibilité */
    .bc-contact-form .wpforms-container .wpforms-submit-container button[type="submit"]:focus-visible {
        background: #B08A43 !important;
        color: #FFFFFF !important;
        outline: 2px solid #B08A43;
        outline-offset: 3px;
    }

    /* Navigation clavier */
    .bc-contact-form .wpforms-container button[type="submit"]:focus-visible {
        outline: 2px solid #B08A43;
        outline-offset: 3px;
    }

   /* ==========================================================================
    PAGE ARTICLE - SINGLE POST
   ========================================================================== */
    /* ==========================================================
    ARTICLE / HERO
    ========================================================== */

    .bc-article-hero {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        min-height: 470px;

        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;

        overflow: hidden;
    }

    /* Overlay sombre pour conserver une bonne lisibilité */
    .bc-article-hero__overlay {
        position: absolute;
        inset: 0;

        background: rgba(0, 0, 0, 0.48);

        z-index: 1;
    }

    /* Contenu centré du hero */
    .bc-article-hero__inner {
        position: relative;
        z-index: 2;

        width: 100%;
        max-width: 1200px;

        margin: 0 auto;
        padding: 125px 40px 65px;

        text-align: center;
    }

    /* Petit surtitre fixe */
    .bc-article-hero__eyebrow {
        margin: 0 0 12px;

        color: #FFFFFF;
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.4;
        text-transform: uppercase;
    }

    /* Titre dynamique de l'article */
    .bc-article-hero__title {
        max-width: 1000px;

        margin: 0 auto;

        color: #FFFFFF;
        font-family: "Cormorant Garamond", serif;
        font-size: clamp(34px, 3vw, 46px);
        font-weight: 400;
        line-height: 1.12;
    }
/* ==========================================================
   ARTICLE / HERO — RESPONSIVE
   ========================================================== */

    @media (max-width: 1024px) {
        .bc-article-hero {
            min-height: 430px;
        }

        .bc-article-hero__inner {
            /*
            * On descend volontairement le contenu sur tablette
            * afin de conserver un espace suffisant sous le logo.
            */
            padding: 155px 30px 55px;
        }
    }

    @media (max-width: 767px) {
        .bc-article-hero {
            min-height: 300px;
        }

        .bc-article-hero__inner {
            /*
            * Le header mobile et le logo occupent davantage
            * d'espace vertical : le contenu démarre plus bas.
            */
            padding: 120px 20px 35px;
        }

        .bc-article-hero__eyebrow {
            font-size: 11px;
        }

        .bc-article-hero__title {
            font-size: clamp(28px, 8vw, 36px);
            line-height: 1.12;
        }
    }

    /* ==========================================================
    ARTICLE / STRUCTURE PRINCIPALE
    ========================================================== */

    .bc-article-content {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .bc-article-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 80px;

        width: 100%;
        max-width: 1400px;

        margin: 0 auto;
        padding: 0 40px;
    }

    /* Colonne principale */
    .bc-article-main {
        min-width: 0;
    }

    /* Sidebar */
    .bc-article-sidebar {
        min-width: 0;
    }

    /* ==========================================================
    ARTICLE / STRUCTURE PRINCIPALE - TABLETTE
    ========================================================== */

    @media (max-width: 1024px) {
        .bc-article-content {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .bc-article-layout {
            grid-template-columns: minmax(0, 1fr) 280px;
            gap: 50px;

            padding: 0 30px;
        }
    }

    /* ==========================================================
    ARTICLE / STRUCTURE PRINCIPALE - MOBILE
    ========================================================== */

    @media (max-width: 767px) {
        .bc-article-content {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .bc-article-layout {
            grid-template-columns: 1fr;
            gap: 50px;

            padding: 0 20px;
        }
    }

    /* ==========================================================
    ARTICLE / SIDEBAR
    ========================================================== */

    .bc-article-sidebar {
        color: #2F2722;
        font-family: "Manrope", sans-serif;
    }

    /* Bloc de sidebar */
    .bc-sidebar-block {
        margin-bottom: 52px;
    }

    /* Dernier bloc sans marge inutile */
    .bc-sidebar-block:last-child {
        margin-bottom: 0;
    }

    /* Titres */
    .bc-sidebar-title {
        margin: 0 0 22px;
        padding-bottom: 12px;

        border-bottom: 1px solid rgba(47, 39, 34, 0.18);

        color: #2F2722;
        font-family: "Cormorant Garamond", serif;
        font-size: 38px !important;
        font-weight: 400;
        line-height: 1.15;
    }

    /* ==========================================================
    Recherche
    ========================================================== */

    .bc-sidebar-search .search-form {
        display: flex;
        width: 100%;
    }

    .bc-sidebar-search .search-field {
        width: 100%;
        min-width: 0;
        height: 46px;

        padding: 0 14px;

        background: transparent;
        border: 1px solid #B08A43;
        border-right: 0;
        border-radius: 0;

        color: #2F2722;
        font-family: "Manrope", sans-serif;
        font-size: 14px;
    }

    .bc-sidebar-search .search-field:focus {
        outline: none;
        box-shadow: inset 0 0 0 1px #B08A43;
    }

    .bc-sidebar-search .search-submit {
        min-width: 46px;
        height: 46px;

        padding: 0 14px;

        background: #B08A43;
        border: 1px solid #B08A43;
        border-radius: 0;

        color: #FFFFFF;
        font-family: "Manrope", sans-serif;
        cursor: pointer;
    }

    /* Survol du bouton de recherche */
    .bc-sidebar-search .search-submit:hover,
    .bc-sidebar-search .search-submit:focus {
        background-color: #B08A43;
        border-color: #B08A43;
        color: #FFFFFF !important;
    }

    /* ==========================================================
    Catégories
    ========================================================== */

    .bc-sidebar-list {
        margin: 0;
        padding: 0;

        list-style: none;
    }

    .bc-sidebar-list li {
        margin: 0;
        padding: 9px 0;

        border-bottom: 1px solid rgba(47, 39, 34, 0.1);
    }

    .bc-sidebar-list a {
        color: #2F2722;
        text-decoration: none;

        transition: color 0.2s ease;
    }

    .bc-sidebar-list a:hover {
        color: #B08A43;
    }

    /* ==========================================================
   Lien vers tous les articles
   ========================================================== */

    .bc-sidebar-all-posts {
        margin: 16px 0 0;
    }

    .bc-sidebar-all-posts a {
        display: inline-flex;
        align-items: center;

        color: #B08A43;
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;

        transition: color 0.2s ease;
    }

    .bc-sidebar-all-posts a::after {
        content: "→";
        margin-left: 8px;

        transition: transform 0.2s ease;
    }

    .bc-sidebar-all-posts a:hover {
        color: #2F2722;
    }

    .bc-sidebar-all-posts a:hover::after {
        transform: translateX(4px);
    }

        /* Liens de la sidebar : pas de soulignement */
    .bc-sidebar-list a,
    .bc-sidebar-all-posts a {
        text-decoration: none !important;
    }

    /* On conserve également le lien propre au survol */
    .bc-sidebar-list a:hover,
    .bc-sidebar-all-posts a:hover {
        text-decoration: none !important;
    }
    /* ==========================================================
    Tags
    ========================================================== */

    .bc-sidebar-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .bc-sidebar-tag {
        display: inline-flex;
        align-items: center;

        padding: 7px 11px;

        border: 1px solid rgba(47, 39, 34, 0.2);

        color: #2F2722;
        font-size: 13px;
        text-decoration: none;

        transition:
            border-color 0.2s ease,
            color 0.2s ease;
    }

    .bc-sidebar-tag:hover {
        border-color: #B08A43;
        color: #B08A43;
    }

    /* ==========================================================
    Derniers articles
    ========================================================== */

    .bc-sidebar-recent-posts {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .bc-sidebar-recent {
        display: grid;
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 14px;
        align-items: start;
    }

    .bc-sidebar-recent__image {
        display: block;
        overflow: hidden;
    }

    .bc-sidebar-recent__image img {
        display: block;

        width: 88px;
        height: 72px;

        object-fit: cover;
    }

    .bc-sidebar-recent__content {
        min-width: 0;
    }

    .bc-sidebar-recent__title {
        display: block;

        margin-bottom: 6px;

        color: #2F2722;
        font-family: "Cormorant Garamond", serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.2;
        text-decoration: none;
    }

    .bc-sidebar-recent__title:hover {
        color: #B08A43;
    }

    .bc-sidebar-recent__date {
        color: #808080;
        font-size: 12px;
    }

    /* ==========================================================
    SIDEBAR - TABLETTE
    ========================================================== */
    @media (max-width: 1024px) {
        .bc-article-content {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .bc-article-layout {
            grid-template-columns: 1fr;
            gap: 80px;

            padding: 0 30px;
        }

        .bc-article-sidebar {
            width: 100%;
        }

        .bc-article-sidebar .bc-sidebar-title {
        font-size: 31px;
        }
    }

       /* ==========================================================
    SIDEBAR - MOBILE
    ========================================================== */
    @media (max-width: 767px) {
        .bc-article-content {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .bc-article-layout {
            gap: 40px;
            padding: 0 20px;
        }

        .bc-sidebar-block {
            margin-bottom: 40px;
        }

        .bc-article-sidebar .bc-sidebar-title {
        font-size: 28px;
        margin-bottom: 18px;
        padding-bottom: 10px;
        }
    }

    /* ==========================================================
   BARBER & CHILL — JOURNAL / ARCHIVES CATÉGORIES & TAGS
   ========================================================== */

.bc-journal-archive__content {
    padding: 120px 0;
}

.bc-journal-archive__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 70px;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 0 40px;
}

.bc-journal-archive__main {
    min-width: 0;
}

/* ==========================================================
   CARTES ARTICLES
   ========================================================== */

/* Carte article — même esprit que la page Journal */
.bc-journal-card {
    overflow: hidden;

    background: #FFFFFF;
    border: none;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

/* Léger relief au survol */
.bc-journal-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.11);
}

.bc-journal-card__media {
    position: relative;
}

.bc-journal-card__image {
    display: block;
    overflow: hidden;
}

.bc-journal-card__image img {
    display: block;

    width: 100%;
    aspect-ratio: 1.5 / 1;

    object-fit: cover;

    transition: transform 0.35s ease;
}

.bc-journal-card__image:hover img {
    transform: scale(1.025);
}

/* Catégorie affichée sur l'image */
.bc-journal-card__category {
    position: absolute;
    top: 16px;
    right: 16px;

    padding: 6px 14px;

    background: #B08A43;
    border-radius: 999px;

    color: #FFFFFF;
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.bc-journal-card__content {
    padding: 28px 26px 22px;
}

/* Titre de l'article
   Aligné sur les cartes de la page Journal */
.bc-journal-archive .bc-journal-card__title {
    margin: 0 0 18px;

    font-family: "Cormorant Garamond", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.25;
}

.bc-journal-archive .bc-journal-card__title a {
    color: #B08A43;
    text-decoration: none;
}

.bc-journal-archive .bc-journal-card__title a:hover {
    color: #2F2722;
    text-decoration: none;
}

.bc-journal-card__excerpt {
    margin-bottom: 24px;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.65;
}

.bc-journal-card__excerpt p {
    margin: 0;
}

.bc-journal-card__more {
    display: inline-block;

    margin-bottom: 24px;

    color: #B08A43;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}

.bc-journal-card__more:hover {
    color: #2F2722;
}

.bc-journal-card__date {
    display: block;

    padding-top: 16px;

    border-top: 1px solid rgba(47, 39, 34, 0.1);

    color: #808080;
    font-family: "Manrope", sans-serif;
    font-size: 11px;
}

/* ==========================================================
   HERO — ARCHIVES JOURNAL
   ========================================================== */

.bc-journal-archive__hero {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 420px;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    text-align: center;
}

.bc-journal-archive__hero::before {
    content: "";

    position: absolute;
    inset: 0;

    background: rgba(17, 17, 17, 0.55);
}

.bc-journal-archive__hero-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1000px;

    padding: 150px 40px 40px;
}

.bc-journal-archive__terms {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: 18px;
}

.bc-journal-archive__term {
    display: inline-flex;
    align-items: center;

    padding: 7px 12px;

    border: 1px solid #FFFFFF;
    border-radius: 0;

    color: #FFFFFF;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.bc-journal-archive__eyebrow {
    margin: 0 0 10px;

    color: #FFFFFF;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.bc-journal-archive__title {
    margin: 0;

    color: #B08A43;
    font-family: "Cormorant Garamond", serif;
    font-size: 46px;
    font-weight: 400;
    line-height: 1.1;
}

@media (max-width: 1024px) {

    .bc-journal-archive__hero {
        min-height: 360px;
    }

    .bc-journal-archive__title {
        font-size: 38px;
    }

    .bc-journal-archive__hero-inner {
        padding-top: 200px;
    }

}

@media (max-width: 767px) {

    .bc-journal-archive__hero {
        min-height: 300px;
    }

    .bc-journal-archive__hero-inner {
        padding: 65px 24px 30px;
    }

    .bc-journal-archive__term {
        padding: 6px 10px;
        font-size: 11px;
    }

    .bc-journal-archive__eyebrow {
        font-size: 12px;
    }

    .bc-journal-archive__title {
        font-size: 32px;
    }

}

/* ==========================================================
   PAGINATION — ARCHIVES JOURNAL
   ========================================================== */

.bc-journal-archive .navigation.pagination {
    margin-top: 45px;
}

.bc-journal-archive .nav-links {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.bc-journal-archive .page-numbers {
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;

    color: #B08A43;
    text-decoration: none;

    transition: color 0.2s ease;
}

.bc-journal-archive a.page-numbers:hover {
    color: #2F2722;
}

.bc-journal-archive .page-numbers.current {
    color: #2F2722;
    font-weight: 600;
}

/* ==========================================================
   TABLETTE
   Sidebar sous les articles
   ========================================================== */

@media (max-width: 1024px) {

    .bc-journal-archive__content {
        padding: 80px 0;
    }

    .bc-journal-archive__layout {
        grid-template-columns: 1fr;
        gap: 80px;

        padding: 0 30px;
    }

    .bc-journal-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .bc-journal-archive__content {
        padding: 40px 0;
    }

    .bc-journal-archive__layout {
        gap: 40px;
        padding: 0 20px;
    }

    .bc-journal-archive__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .bc-journal-card__content {
        padding: 22px 20px 18px;
    }

    .bc-journal-archive .bc-journal-card__title {
        font-size: 20px;
    }

}


/* ==========================================================
   BARBER & CHILL — JOURNAL
   ARCHIVES CATÉGORIES & TAGS — MISE EN PAGE FINALE
   ========================================================== */

/* ----------------------------------------------------------
   STRUCTURE DESKTOP
   Articles à gauche / Sidebar à droite
   ---------------------------------------------------------- */

.bc-journal-archive__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 70px;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px;
}

.bc-journal-archive__main {
    min-width: 0;
    width: 100%;
}

/* ----------------------------------------------------------
   GRILLE ARTICLES
   2 colonnes sur desktop ET tablette
   ---------------------------------------------------------- */

.bc-journal-archive .bc-journal-archive__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px 26px;

    width: 100%;
}

/* Chaque carte doit rester dans sa cellule */
.bc-journal-archive .bc-journal-card {
    width: 100%;
    min-width: 0;

    overflow: hidden;

    background: #FFFFFF;
    border: 0;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.bc-journal-archive .bc-journal-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.11);
}

/* Image homogène sur toutes les cartes */
.bc-journal-archive .bc-journal-card__image img {
    display: block;

    width: 100%;
    height: auto;
    aspect-ratio: 1.5 / 1;

    object-fit: cover;
}

/* Titre cohérent avec la page Journal */
.bc-journal-archive .bc-journal-card__title {
    margin: 0 0 18px;

    font-family: "Cormorant Garamond", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.25;
}

/* ----------------------------------------------------------
   TABLETTE
   2 colonnes articles + sidebar EN DESSOUS
   ---------------------------------------------------------- */

@media (max-width: 1024px) {

    .bc-journal-archive__layout {
        grid-template-columns: 1fr;
        gap: 80px;

        padding-right: 30px;
        padding-left: 30px;
    }

    .bc-journal-archive .bc-journal-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px 24px;
    }

    .bc-journal-archive .bc-article-sidebar {
        width: 100%;
    }
}

/* ----------------------------------------------------------
   MOBILE
   1 colonne + davantage de respiration latérale
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .bc-journal-archive__layout {
        grid-template-columns: 1fr;

        gap: 40px;

        /* Un peu plus de marge comme sur la page Journal */
        padding-right: 26px;
        padding-left: 26px;
    }

    .bc-journal-archive .bc-journal-archive__grid {
        grid-template-columns: 1fr !important;

        /* Espace clair entre les cards */
        gap: 32px;
    }

    .bc-journal-archive .bc-journal-card {
        width: 100%;
    }

    .bc-journal-archive .bc-journal-card__title {
        font-size: 20px;
    }
}

/* ==========================================================================
   10. WOOCOMMERCE
   ========================================================================== */

/* ==========================================================
   WOOCOMMERCE — HERO FICHE PRODUIT
   ========================================================== */

.bc-product-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 420px;

    background-image: url("../images/product-hero.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    overflow: hidden;
}

.bc-product-hero__overlay {
    position: absolute;
    inset: 0;
    background: rgba(17, 17, 17, 0.55);
}

.bc-product-hero__inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1000px;
    min-height: 320px;
    margin: 0 auto;
    padding: 150px 40px 40px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}

.bc-product-hero__title {
    display: inline-block;

    margin: 0 0 18px;
    padding: 7px 12px;

    border: 1px solid rgba(255, 255, 255, 0.9);

    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Sous-titre du hero produit
   Même logique visuelle que "LE JOURNAL" */
.bc-product-hero__eyebrow {
    margin: 0 0 25px;

    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

/* Tablette */
@media (min-width: 768px) and (max-width: 1024px) {

    .bc-product-hero {
        min-height: 420px;
    }

    .bc-product-hero__inner {
        padding-top: 120px;
    }
}


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

    .bc-product-hero {
        min-height: 320px;
    }

    .bc-product-hero__inner {
        padding-top: 80px;
    }

    .bc-product-hero__title {
        padding: 6px 10px;
        font-size: 11px !important;
    }

    .bc-product-hero__eyebrow {
        margin: 10px 0 10.8px;
        font-size: 12px;
    }
}

/* =========================================================
   WOOCOMMERCE - FICHE PRODUIT
   ========================================================= */


/* ---------------------------------------------------------
   ESPACEMENT ENTRE LE HERO ET LA FICHE PRODUIT
   Desktop : 120 px
   Tablette : 80 px
   Mobile : 40 px
   --------------------------------------------------------- */

.single-product div.product {
    padding-top: 120px;
}


/* ---------------------------------------------------------
   TITRE DU PRODUIT
   Même hiérarchie que les H3 du site
   --------------------------------------------------------- */

.single-product .summary .product_title {
    display: block !important;

    margin: 0 0 20px;

    color: #b08a43;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.1;
}


/* ---------------------------------------------------------
   DESCRIPTION COURTE
   --------------------------------------------------------- */

.single-product .woocommerce-product-details__short-description {
    margin-bottom: 28px;

    color: #2f2722;
    font-family: "Manrope", sans-serif;
    line-height: 1.6;
}

.single-product .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   PRIX
   --------------------------------------------------------- */

.single-product div.product .summary p.price,
.single-product div.product .summary span.price {
    margin: 0 0 24px;

    color: #b08a43;
    font-family: "Manrope", sans-serif;
    font-size: 22px;
    font-weight: 700;
}


/* ---------------------------------------------------------
   STOCK
   --------------------------------------------------------- */

.single-product div.product .stock {
    margin: 0 0 20px;

    color: #b08a43;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
}


/* ---------------------------------------------------------
   AJOUT AU PANIER
   --------------------------------------------------------- */

.single-product div.product form.cart {
    display: flex;
    align-items: stretch;
    gap: 10px;

    margin-bottom: 28px;
}


/* Quantité */

.single-product div.product form.cart .quantity .qty {
    height: 46px;
    min-height: 46px;
    padding: 0 12px;

    border: 1px solid #b08a43;
    border-radius: 0;

    font-family: "Manrope", sans-serif;
}


/* Bouton */

.single-product div.product form.cart .button {
    min-height: 46px;
    padding: 12px 24px;

    border: 1px solid #b08a43;
    border-radius: 0;

    background: #b08a43;
    color: #fff;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

.single-product div.product form.cart .button:hover,
.single-product div.product form.cart .button:focus {
    border-color: #b08a43;

    background: transparent;
    color: #b08a43;
}


/* ---------------------------------------------------------
   CATÉGORIE
   --------------------------------------------------------- */

.single-product .product_meta {
    color: #2f2722;
    font-family: "Manrope", sans-serif;
}

.single-product .product_meta a {
    color: #b08a43;
    text-decoration: none;
}

.single-product .product_meta a:hover,
.single-product .product_meta a:focus {
    color: #2f2722;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .single-product div.product {
        padding-top: 80px;
    }

    .single-product .summary .product_title {
        font-size: 31px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .single-product div.product {
        padding-top: 40px;
    }

    .single-product .summary .product_title {
        font-size: 28px;
    }

    .single-product div.product form.cart {
        align-items: stretch;
    }

}

/* ---------------------------------------------------------
   FIL D'ARIANE - FICHE PRODUIT
   Placé au-dessus du titre, dans la colonne informations.
   --------------------------------------------------------- */

.single-product .summary .woocommerce-breadcrumb {
    margin: 0 0 18px;
    padding: 0;

    color: #777;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

.single-product .summary .woocommerce-breadcrumb a {
    color: #777;
    text-decoration: none;

    transition: color 0.2s ease;
}

.single-product .summary .woocommerce-breadcrumb a:hover,
.single-product .summary .woocommerce-breadcrumb a:focus {
    color: #b08a43;
}

/* =========================================================
   FICHE PRODUIT - ACCORDÉONS
   Remplace les onglets WooCommerce natifs.
   ========================================================= */

.single-product .bc-product-accordions {
    width: 100%;
    margin: 0;
    border-top: 1px solid rgba(47, 39, 34, 0.18);  
    clear: both; /* Important : place les accordéons sous les 2 colonnes produit */
    display: block;
    width: 100%;
    clear: both;
    float: none;
    margin: 0;
    border-top: 1px solid rgba(47, 39, 34, 0.18);
}


/* ---------------------------------------------------------
   Chaque accordéon
   --------------------------------------------------------- */

.single-product .bc-product-accordion {
    margin: 0;
    border-bottom: 1px solid rgba(47, 39, 34, 0.18);
}


/* Supprime le marqueur natif du navigateur. */
.single-product .bc-product-accordion__summary {
    list-style: none;
}

.single-product .bc-product-accordion__summary::-webkit-details-marker {
    display: none;
}


/* ---------------------------------------------------------
   Titre de l'accordéon
   --------------------------------------------------------- */

.single-product .bc-product-accordion__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 22px 0;

    cursor: pointer;

    color: #2f2722;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;

    transition: color 0.2s ease;
}

.single-product .bc-product-accordion__summary:hover {
    color: #b08a43;
}


/* ---------------------------------------------------------
   Symbole + / -
   --------------------------------------------------------- */

.single-product .bc-product-accordion__icon {
    position: relative;
    flex: 0 0 14px;

    width: 14px;
    height: 14px;
}

.single-product .bc-product-accordion__icon::before,
.single-product .bc-product-accordion__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    width: 12px;
    height: 1px;

    background: currentColor;

    transform: translate(-50%, -50%);
    transition: transform 0.2s ease;
}

/* Barre verticale du + */
.single-product .bc-product-accordion__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

/* Accordéon ouvert = symbole - */
.single-product
.bc-product-accordion[open]
.bc-product-accordion__icon::after {
    transform: translate(-50%, -50%) rotate(0);
}


/* ---------------------------------------------------------
   Contenu
   --------------------------------------------------------- */

.single-product .bc-product-accordion__content {
    padding: 0 0 26px;

    color: #2f2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.7;
}

.single-product .bc-product-accordion__content > :first-child {
    margin-top: 0;
}

.single-product .bc-product-accordion__content > :last-child {
    margin-bottom: 0;
}


/* WooCommerce ajoute parfois son propre titre dans le contenu
   ("Description", "Informations complémentaires"...).
   On le masque puisque le titre est déjà présent dans l'accordéon.
*/
.single-product .bc-product-accordion__content > h2:first-child {
    display: none !important;
} /*description*/

.single-product .bc-product-accordion__content .woocommerce-Reviews-title {
    display: none !important;
}/*avis*/


/* ---------------------------------------------------------
   TABLETTE
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .single-product .bc-product-accordion__summary {
        padding: 20px 0;
        font-size: 12px;
    }

    .single-product .bc-product-accordion__content {
        padding-bottom: 24px;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .single-product .bc-product-accordion__summary {
        padding: 18px 0;
        font-size: 12px;
    }

    .single-product .bc-product-accordion__content {
        padding-bottom: 22px;
        font-size: 14px;
    }
}

/* =========================================================
   FICHE PRODUIT — Métadonnées
   Catégorie et marque sur deux lignes distinctes
   ========================================================= */

.single-product .product_meta > span {
    display: block;
}

/* ----------------------------------------------------------
   FICHE PRODUIT — Espacement avant les accordéons
   Desktop : 120px
   Tablette : 80px
   Mobile : 40px
---------------------------------------------------------- */

.single-product .bc-product-accordions {
    display: block;
    width: 100%;
    clear: both;
    float: none;

    margin-top: 0;
    padding-bottom: 120px;
}

/* Tablette */
@media (max-width: 1024px) {
    .single-product .bc-product-accordions {
        padding-bottom: 80px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .single-product .bc-product-accordions {
        padding-bottom: 40px;
    }
}


/* ==========================================================
   WOOCOMMERCE - RÉASSURANCE — FICHES PRODUITS
   ========================================================== */

.single-product .bc-product-reassurance {
	width: 100%;
	clear: both;
	margin-bottom: 120px;
}

.single-product .bc-product-reassurance__inner {
	width: min(100% - 40px, 1140px);
	margin: 0 auto;

	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 50px;

	text-align: center;
}

.single-product .bc-product-reassurance__item {
	min-width: 0;
}

.single-product .bc-product-reassurance__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
}

.single-product .bc-product-reassurance__icon img {
	display: block;
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.single-product .bc-product-reassurance__item strong {
	display: block;
	margin-bottom: 20px;

	color: #2f2722;
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}

.single-product .bc-product-reassurance__item p {
	max-width: 310px;
	margin: 0 auto;

	color: #2f2722;
	font-family: "Manrope", sans-serif;
	font-size: 18px;
    font-weight: 400;
	line-height: 1.5;
}


/* TABLETTE */
@media (max-width: 1024px) {

	.single-product .bc-product-reassurance {
		margin-bottom: 80px;
	}

	.single-product .bc-product-reassurance__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 45px 40px;
	}

    .single-product .bc-product-reassurance__item strong,
	.single-product .bc-product-reassurance__item p {
		font-size: 16px;
	}
}


/* MOBILE */
@media (max-width: 767px) {

	.single-product .bc-product-reassurance {
		margin-bottom: 40px;
	}

	.single-product .bc-product-reassurance__inner {
		width: min(100% - 40px, 1140px);
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.single-product .bc-product-reassurance__item strong,
	.single-product .bc-product-reassurance__item p {
		font-size: 16px;
	}

	.single-product .bc-product-reassurance__icon img {
		width: 28px;
		height: 28px;
	}
}

/* ==========================================================
   PRODUITS SUGGÉRÉS / UPSELLS
   ========================================================== */

.single-product .up-sells.upsells.products, .single-product .related.products {
    position: relative;
    width: 100%;
    max-width: 1140px;

    padding: 70px 0;
    margin-bottom: 120px;

    background: transparent;
    isolation: isolate;
}

/* Fond pleine largeur */
.single-product .up-sells.upsells.products::before , 
.single-product .related.products::before {
    content: "";
    position: absolute;
    z-index: -1;

    top: 0;
    bottom: 0;

    left: 50%;
    width: 100vw;
    transform: translateX(-50%);

    background: #E8E5DF;
}


/* Titre de section */
.single-product .up-sells.upsells.products > h2,
.single-product .related.products > h2 {
    margin: 0 0 40px;

    color: #2F2722;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.15;
}


/* Grille : maximum 3 produits, alignés à gauche */
.single-product .up-sells.upsells.products ul.products,
.single-product .related.products ul.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;

    margin: 35px 0 0;
    padding: 0;

    justify-content: start !important;
}

/* Chaque carte */
.single-product .up-sells.upsells.products ul.products li.product,
.single-product .related.products ul.products li.product {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    text-align: left!important;
}


/* Neutralisation des dimensions WooCommerce */
.single-product .up-sells.upsells.products ul.products li.product,
.single-product .related.products ul.products li.product {
    float: none;
    width: 100%;
    margin: 0;
}

/* Prix */
.single-product .up-sells.upsells.products .price,
.single-product .related.products .price,
.single-product .up-sells.upsells.products .price .amount,
.single-product .related.products .price .amount
 {
    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
}


/* TABLETTE */
@media (max-width: 1024px) {

    .single-product .up-sells.upsells.products,
    .single-product .related.products {
        padding: 60px 40px;
        margin-bottom: 80px;
    }

    .single-product .up-sells.upsells.products > h2,
    .single-product .related.products > h2 {
        font-size: 31px;
    }
}


/* MOBILE */
@media (max-width: 767px) {

    .single-product .up-sells.upsells.products,
    .single-product .related.products {
        padding: 40px 20px;
        margin-bottom: 40px;
    }

    .single-product .up-sells.upsells.products > h2,
    .single-product .related.products > h2 {
        margin-bottom: 28px;
        font-size: 28px;
    }

    .single-product .up-sells.upsells.products ul.products,
    .single-product .related.products ul.products {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}

/* =========================================================
   UPSELLS — BOUTON AJOUTER AU PANIER
   ========================================================= */

.single-product .up-sells.upsells.products li.product .button,
.single-product .related.products li.product .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;
    min-width: 0;
    min-height: 42px;

    margin-top: 18px;
    padding: 10px 22px;

    background: #B08A43;
    border: 1px solid #B08A43;
    border-radius: 0;

    color: #FFFFFF;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

/* Survol + clavier */
.single-product .up-sells.upsells.products li.product .button:hover,
.single-product .related.products li.product .button:hover,
.single-product .up-sells.upsells.products li.product .button:focus-visible,
.single-product .related.products li.product .button:focus-visible{
    background: transparent;
    border-color: #B08A43;
    color: #B08A43;
}

/* Lien "Voir le panier" affiché après ajout AJAX */
.single-product .added_to_cart.wc-forward {
    margin-left: 16px;
    color: #2f2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.single-product .added_to_cart.wc-forward:hover,
.single-product .added_to_cart.wc-forward:focus {
    color: #b08a43;
}

/* ==========================================================
   WOOCOMMERCE - ARCHIVES PRODUITS — ESPACEMENT APRÈS LE HERO
   120px desktop / 80px tablette / 40px mobile
   ========================================================== */

.single-product .bc-product-hero,
.tax-product_cat .bc-product-hero {
    margin-bottom: 120px;
}

/* Tablette */
@media (max-width: 1024px) {
    .single-product .bc-product-hero,
    .tax-product_cat .bc-product-hero {
        margin-bottom: 80px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .single-product .bc-product-hero,
    .tax-product_cat .bc-product-hero {
        margin-bottom: 40px;
    }
}

/* ==========================================================
   ARCHIVES CATÉGORIES PRODUITS — CARTES
   Toutes les catégories WooCommerce
   ========================================================== */

/* Grille */
body.tax-product_cat ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
    margin-bottom: 120px;
    padding: 0;
}

/* ----------------------------------------------------------
   WooCommerce ajoute des pseudo-éléments de clearfix.
   En CSS Grid, ils occupent une colonne : on les neutralise.
   ---------------------------------------------------------- */

body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after {
    display: none !important;
    content: none !important;
}

/* Cards */
body.tax-product_cat ul.products li.product {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0;
    float: none !important;
    clear: none !important;
    text-align: left;
}

/* Image */
body.tax-product_cat ul.products li.product a img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
}

/* Nom du produit */
body.tax-product_cat ul.products li.product
.woocommerce-loop-product__title {
    margin: 0 0 8px;
    padding: 0;

    color: #B08A43;

    font-family: "Cormorant Garamond", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
}

/* Prix */
body.tax-product_cat ul.products li.product .price,
body.tax-product_cat ul.products li.product .price .amount {
    color: #2F2722;
}

body.tax-product_cat ul.products li.product .price {
    display: block;
    margin: 0 0 20px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

/* Bouton */
body.tax-product_cat ul.products li.product .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    margin: 0;
    padding: 10px 20px;

    border: 1px solid #B08A43;
    border-radius: 0;

    background: #B08A43;
    color: #fff;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

body.tax-product_cat ul.products li.product .button:hover,
body.tax-product_cat ul.products li.product .button:focus-visible {
    background: transparent;
    border-color: #B08A43;
    color: #B08A43;
}

/* "Voir le panier" après ajout */
body.tax-product_cat ul.products li.product .added_to_cart {
    display: inline-block;
    margin-left: 14px;

    color: #2F2722;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

body.tax-product_cat ul.products li.product .added_to_cart:hover,
body.tax-product_cat ul.products li.product .added_to_cart:focus-visible {
    color: #B08A43;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

/* Tablette */
@media (max-width: 1024px) {

    body.tax-product_cat ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px;
    }
}

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

    body.tax-product_cat ul.products {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* ==========================================================
   ARCHIVES WOOCOMMERCE : CATÉGORIES + MARQUES
   Même présentation pour toutes les taxonomies boutique
   ========================================================== */

/* Largeur générale */
body.tax-product_brand #primary {
    width: 100%;
    max-width: none;
}

/* Contenu centré */
body.tax-product_brand #main {
    width: 100%;
}

/* Espace après le hero */
body.tax-product_brand .woocommerce-products-header + .woocommerce-notices-wrapper,
body.tax-product_brand .woocommerce-products-header ~ .woocommerce-result-count {
    margin-top: 120px;
}

/* Grille produits */
body.tax-product_brand ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
    margin: 35px 0 0;
    padding: 0;
}

/* Neutralise le clearfix WooCommerce */
body.tax-product_brand ul.products::before,
body.tax-product_brand ul.products::after {
    display: none !important;
    content: none !important;
}

/* Cards */
body.tax-product_brand ul.products li.product {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0;
    float: none !important;
    clear: none !important;
    text-align: left;
}

/* Image */
body.tax-product_brand ul.products li.product img {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
}

/* Nom du produit */
body.tax-product_brand ul.products li.product .woocommerce-loop-product__title {
    padding: 0;
    margin: 0 0 10px;

    color: #b08a43;
    font-family: "Cormorant Garamond", serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
}

/* Prix */
body.tax-product_brand ul.products li.product .price {
    margin: 0 0 22px;

    color: #2f2722;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

/* Bouton */
body.tax-product_brand ul.products li.product .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 10px 20px;

    background: #b08a43;
    border: 1px solid #b08a43;
    border-radius: 0;

    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}

body.tax-product_brand ul.products li.product .button:hover,
body.tax-product_brand ul.products li.product .button:focus {
    background: transparent;
    border-color: #b08a43;
    color: #b08a43;
}

/* "Voir le panier" après ajout AJAX */
body.tax-product_brand ul.products li.product .added_to_cart {
    display: inline-block;
    margin-left: 14px;

    color: #2f2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
}

body.tax-product_brand ul.products li.product .added_to_cart:hover {
    color: #b08a43;
}


/* Tablette */
@media (max-width: 1024px) {
    body.tax-product_brand .woocommerce-products-header + .woocommerce-notices-wrapper,
    body.tax-product_brand .woocommerce-products-header ~ .woocommerce-result-count {
        margin-top: 80px;
    }

    body.tax-product_brand ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
    }

    body.tax-product_brand ul.products li.product .woocommerce-loop-product__title {
        font-size: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.tax-product_brand .woocommerce-products-header + .woocommerce-notices-wrapper,
    body.tax-product_brand .woocommerce-products-header ~ .woocommerce-result-count {
        margin-top: 40px;
    }

    body.tax-product_brand ul.products {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    body.tax-product_brand ul.products li.product .woocommerce-loop-product__title {
        font-size: 19px;
    }
}

/* =========================================================
   ARCHIVES PRODUITS — ESPACE AVANT LA SECTION SUIVANTE
   Catégories + Marques
   ========================================================= */

body.tax-product_cat #main,
body.tax-product_brand #main {
    padding-bottom: 120px;
}

/* Tablette */
@media (max-width: 1024px) {
    body.tax-product_cat #main,
    body.tax-product_brand #main {
        padding-bottom: 80px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.tax-product_cat #main,
    body.tax-product_brand #main {
        padding-bottom: 40px;
    }
}

/* =========================================================
   ARCHIVES MARQUES — Masquer le titre WooCommerce natif
   Le nom de la marque est déjà présent dans le hero.
   ========================================================= */

body.tax-product_brand .woocommerce-products-header__title {
    display: none;
}

/* =========================================================
   ARCHIVES BOUTIQUE — Aucun produit trouvé
   ========================================================= */

.woocommerce-no-products-found {
    max-width: 1140px;
    margin: 0 auto;
}

.woocommerce-no-products-found .woocommerce-info {
    margin: 0;
    padding: 24px 28px;

    background: #f8f7f4;
    border: 0;
    border-top: 2px solid #b08a43;

    color: #2f2722;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

/* Icône / repère WooCommerce */
.woocommerce-no-products-found .woocommerce-info::before {
    color: #b08a43;
}

/* Supprime l'icône native WooCommerce sur le message "aucun produit" */
.woocommerce-no-products-found .woocommerce-info::before {
    display: none !important;
}

.bc-empty-products-actions {
    margin-top: 24px;
}

/* =========================================================
   BOUTON "VOIR TOUS NOS PRODUITS"
   Archives catégories / marques vides
   ========================================================= */

body.tax-product_cat .bc-empty-products-button,
body.tax-product_brand .bc-empty-products-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;
    padding: 10px 22px;

    background: #b08a43;
    border: 1px solid #b08a43;
    border-radius: 0;

    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

body.tax-product_cat .bc-empty-products-button:hover,
body.tax-product_cat .bc-empty-products-button:focus-visible,
body.tax-product_brand .bc-empty-products-button:hover,
body.tax-product_brand .bc-empty-products-button:focus-visible {
    background: transparent;
    border-color: #b08a43;
    color: #b08a43;
}
/* Tablette */
@media (max-width: 1024px) {
    body.tax-product_cat .bc-empty-products-button,
    body.tax-product_brand .bc-empty-products-button {
        min-height: 40px;
        padding: 10px 20px;
        font-size: 13px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.tax-product_cat .bc-empty-products-button,
    body.tax-product_brand .bc-empty-products-button {
        min-height: 38px;
        padding: 9px 18px;
        font-size: 12px;
    }
}

/* ==========================================================================
   BOUTIQUE — STRUCTURE PRINCIPALE
   ========================================================================== */

/*
 * Espace entre le hero et le catalogue.
 *
 * Desktop : 120 px
 * Tablette : 80 px
 * Mobile : 40 px
 */
body.bc-shop #main {
	padding-top: 120px;
	padding-bottom: 120px;
}

/* Tablette */
@media (max-width: 1024px) {

	body.bc-shop #main {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

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

	body.bc-shop #main {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/* ==========================================================================
   BOUTIQUE — HERO
   ========================================================================== */

body.bc-shop .bc-product-hero__badge {
	color: #b08a43;
	border-color: #b08a43;
}


/* ==========================================================================
   BOUTIQUE — NAVIGATION CATÉGORIES
   ========================================================================== */

body.bc-shop .bc-shop-layout {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

body.bc-shop .bc-shop-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px 34px;

	margin: 30px 0 50px;
}

body.bc-shop .bc-shop-categories__link {
	color: #2f2722;

	font-family: "Cormorant Garamond", serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;

	text-decoration: none;

	transition: color 0.2s ease;
}

body.bc-shop .bc-shop-categories__link:hover,
body.bc-shop .bc-shop-categories__link:focus-visible,
body.bc-shop .bc-shop-categories__link.is-active {
	color: #b08a43;
}


/* Tablette */
@media (max-width: 1024px) {

	body.bc-shop .bc-shop-categories {
		gap: 14px 26px;
		margin-bottom: 40px;
	}

	body.bc-shop .bc-shop-categories__link {
		font-size: 18px;
	}
}


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

	body.bc-shop .bc-shop-categories {
		gap: 12px 20px;
		margin: 24px 0 32px;
	}

	body.bc-shop .bc-shop-categories__link {
		font-size: 17px;
	}
}

/* ==========================================================
   BOUTIQUE — NAVIGATION PRINCIPALE PAR CATÉGORIES
   ========================================================== */

/*
 * Met davantage en avant les catégories produit
 * sur la page Boutique uniquement.
 */
body.post-type-archive-product .bc-shop-categories {
    width: 100%;
    margin: 0 0 70px;
    margin-top: 70px !important;
}

/*
 * Liste des catégories.
 * Desktop : navigation horizontale généreuse,
 * proche de la maquette.
 */
body.post-type-archive-product .bc-shop-categories ul {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: clamp(48px, 6vw, 90px);

    margin: 0;
    padding: 0;

    list-style: none;
}

/*
 * Liens catégories.
 */
body.post-type-archive-product .bc-shop-categories a {
    display: inline-block;

    color: #B08A43;

    font-family: "Cormorant Garamond", serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;

    text-decoration: none;
    text-transform: uppercase;

    transition:
        color 0.25s ease,
        opacity 0.25s ease;
}

body.post-type-archive-product .bc-shop-categories a:hover,
body.post-type-archive-product .bc-shop-categories a:focus-visible {
    color: #2F2722;
}

/*
 * Catégorie active / Tous les produits.
 */
body.post-type-archive-product .bc-shop-categories .is-active > a {
    color: #2F2722;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 1024px) {

    body.post-type-archive-product .bc-shop-categories {
        margin-bottom: 50px;
        
    }

    body.post-type-archive-product .bc-shop-categories ul {
        gap: 38px;
        flex-wrap: wrap;
    }

    body.post-type-archive-product .bc-shop-categories a {
        font-size: 21px;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body.post-type-archive-product .bc-shop-categories {
        margin-bottom: 40px;
        margin-top: 40px !important;
        overflow-x: auto;

        /* Scroll horizontal fluide sur mobile */
        -webkit-overflow-scrolling: touch;

        /* Évite l'affichage disgracieux de la scrollbar */
        scrollbar-width: none;
    }

    body.post-type-archive-product .bc-shop-categories::-webkit-scrollbar {
        display: none;
    }

    body.post-type-archive-product .bc-shop-categories ul {
        width: max-content;
        min-width: 100%;

        justify-content: flex-start;
        flex-wrap: nowrap;

        gap: 28px;

        padding: 0 20px;
    }

    body.post-type-archive-product .bc-shop-categories a {
        white-space: nowrap;
        font-size: 18px;
    }
}

/* ==========================================================
   BOUTIQUE — ESPACEMENT AVANT LES CATÉGORIES
   ========================================================== */

/* Desktop */
.bc-shop-categories {
    margin-top: 28px !important;
}

/* Tablette */
@media (max-width: 1024px) {
    .bc-shop-categories {
        margin-top: 26px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .bc-shop-categories {
        margin-top: 24px !important;
    }
}

/* ==========================================================
   BOUTIQUE — TRI PRODUITS PLUS DISCRET
   ========================================================== */

body.post-type-archive-product .woocommerce-ordering {
    margin: 0;
}

body.post-type-archive-product .woocommerce-ordering select {
    width: auto;
    min-width: 190px;
    max-width: 220px;

    padding: 9px 34px 9px 14px;

    border: 1px solid rgba(47, 39, 34, 0.28);
    border-radius: 0;

    background-color: transparent;

    color: #2F2722;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;

    cursor: pointer;
}


/* TABLETTE */
@media (max-width: 1024px) {

    body.post-type-archive-product .woocommerce-ordering select {
        min-width: 170px;
        font-size: 13px;
    }
}


/* MOBILE */
@media (max-width: 767px) {

    body.post-type-archive-product .woocommerce-ordering {
        width: 100%;
    }

    body.post-type-archive-product .woocommerce-ordering select {
        width: 100%;
        max-width: none;

        padding: 9px 32px 9px 12px;

        font-size: 13px;
        margin-bottom: 30px;
    }

    body.post-type-archive-product .bc-shop-categories {
        margin-top: 18px;
    }
}

/* ==========================================================
   BOUTIQUE — CARDS PRODUITS
   Harmonisation avec les autres cartes WooCommerce du site
   ========================================================== */

/* Carte produit */
body.post-type-archive-product .bc-shop-products ul.products li.product {
    text-align: left;
}

/* Image produit */
body.post-type-archive-product .bc-shop-products ul.products li.product img {
    width: 100%;
    display: block;
    margin: 0 0 18px;
}

/* Nom du produit */
body.post-type-archive-product .bc-shop-products ul.products li.product .woocommerce-loop-product__title {
    margin: 0 0 8px;

    color: #B08A43;
    font-family: "Cormorant Garamond", serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
}

/* Prix */
body.post-type-archive-product .bc-shop-products ul.products li.product .price {
    display: block;
    margin: 0 0 18px;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

/* Empêche WooCommerce de recolorer certains éléments du prix */
body.post-type-archive-product .bc-shop-products ul.products li.product .price,
body.post-type-archive-product .bc-shop-products ul.products li.product .price ins,
body.post-type-archive-product .bc-shop-products ul.products li.product .price del {
    color: #2F2722;
}

/* Bouton Ajouter au panier */
body.post-type-archive-product .bc-shop-products ul.products li.product .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;
    margin: 0;
    padding: 10px 18px;

    border: 1px solid #B08A43;
    border-radius: 0;

    background: #B08A43;
    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}

/* Survol / focus */
body.post-type-archive-product .bc-shop-products ul.products li.product .button:hover,
body.post-type-archive-product .bc-shop-products ul.products li.product .button:focus-visible {
    background: transparent;
    color: #B08A43;
    border-color: #B08A43;
}

/* Lien "Voir le panier" après ajout AJAX */
body.post-type-archive-product .bc-shop-products ul.products li.product .added_to_cart {
    display: inline-block;
    margin-left: 14px;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;

    transition: color 0.2s ease;
}

body.post-type-archive-product .bc-shop-products ul.products li.product .added_to_cart:hover,
body.post-type-archive-product .bc-shop-products ul.products li.product .added_to_cart:focus-visible {
    color: #B08A43;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1024px) {
    body.post-type-archive-product .bc-shop-products ul.products li.product .woocommerce-loop-product__title {
        font-size: 19px;
    }

    body.post-type-archive-product .bc-shop-products ul.products li.product .price {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    body.post-type-archive-product .bc-shop-products ul.products li.product img {
        margin-bottom: 14px;
    }

    body.post-type-archive-product .bc-shop-products ul.products li.product .woocommerce-loop-product__title {
        margin-bottom: 6px;
        font-size: 17px;
    }

    body.post-type-archive-product .bc-shop-products ul.products li.product .price {
        margin-bottom: 14px;
        font-size: 14px;
    }

    body.post-type-archive-product .bc-shop-products ul.products li.product .button {
        min-height: 38px;
        padding: 9px 14px;
        font-size: 12px;
    }

    body.post-type-archive-product .bc-shop-products ul.products li.product .added_to_cart {
        margin-left: 10px;
        font-size: 12px;
    }
}

/* ==========================================================
   WOOCOMMERCE — MESSAGE APRÈS AJOUT AU PANIER
   ========================================================== */

.single-product .woocommerce-message {
    position: relative;

    max-width: 1140px;
    margin: 0 auto 60px;
    padding: 18px 170px 18px 52px;

    background: #fff;
    border: 1px solid #B08A43;
    border-top: 1px solid #B08A43;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

/* Icône à gauche, centrée verticalement */
.single-product .woocommerce-message::before {
    position: absolute;
    top: 50%;
    left: 20px;

    margin: 0;
    transform: translateY(-50%);

    color: #B08A43;
}

/* Bouton Voir le panier */
.single-product .woocommerce-message .button {
    position: absolute;
    top: 50%;
    right: 20px;

    float: none;
    transform: translateY(-50%);

    width: auto;
    min-width: 125px;
    min-height: 40px;
    margin: 0;
    padding: 10px 18px;

    background: #B08A43 !important;
    border: 1px solid #B08A43 !important;
    border-radius: 0;

    color: #fff !important;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    text-decoration: none;

    transition: 0.25s ease;
}

.single-product .woocommerce-message .button:hover,
.single-product .woocommerce-message .button:focus {
    background: transparent !important;
    color: #B08A43 !important;
}

@media (max-width: 767px) {

    .single-product .woocommerce-message {
        margin: 0 20px 40px;
        padding: 18px 18px 18px 48px;
    }

    .single-product .woocommerce-message::before {
        top: 21px;
        left: 18px;
        transform: none;
    }

    .single-product .woocommerce-message .button {
        position: static;
        display: block;

        width: fit-content;
        min-width: 125px;
        margin-top: 15px;

        transform: none;
    }
}

/* ==========================================================
   WOOCOMMERCE — BOUTON DES MESSAGES D'ERREUR
   ========================================================== */

.single-product .woocommerce-error .button.wc-forward {
    float: right;

    width: auto;
    min-width: 125px;
    min-height: 40px;
    padding: 10px 18px;
    margin: 0;

    background: #B08A43 !important;
    border: 1px solid #B08A43 !important;
    border-radius: 0;

    color: #fff !important;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    text-decoration: none;

    transition: 0.25s ease;
}

.single-product .woocommerce-error .button.wc-forward:hover,
.single-product .woocommerce-error .button.wc-forward:focus {
    background: transparent !important;
    border-color: #B08A43 !important;
    color: #B08A43 !important;
}

/* ==========================================================
   PANIER WOOCOMMERCE
   Structure générale et espacements
   ========================================================== */

body.woocommerce-cart main.site-main {
    width: 100%;
    max-width: 1140px;
    margin-inline: auto;

    /* Notre rythme vertical Barber & Chill */
    padding-top: 120px;
    
}

/* Tablette */
@media (max-width: 1024px) {
    body.woocommerce-cart main.site-main {
        padding: 80px 32px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-cart main.site-main {
        padding: 40px 20px;
    }
}

/* ==========================================================
   PANIER WOOCOMMERCE
   Identité visuelle Barber & Chill
   ========================================================== */

/* Texte général */
body.woocommerce-cart main.site-main,
body.woocommerce-cart main.site-main p,
body.woocommerce-cart main.site-main span {
    font-family: "Manrope", sans-serif;
    color: #2F2722;
}

/* Liens produits */
body.woocommerce-cart main.site-main a {
    color: #2F2722;
    text-decoration: none;
    transition: color 0.25s ease;
}

body.woocommerce-cart main.site-main a:hover {
    color: #B08A43;
}

/* Titres de colonnes */
body.woocommerce-cart .wc-block-cart-items__header,
body.woocommerce-cart .wc-block-cart__totals-title {
    font-family: "Manrope", sans-serif;
    color: #2F2722;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* Prix */
body.woocommerce-cart .wc-block-components-product-price,
body.woocommerce-cart .wc-block-components-totals-item__value {
    color: #2F2722;
}

/* Total final : un peu plus présent */
body.woocommerce-cart .wc-block-components-totals-footer-item {
    font-size: 18px;
    font-weight: 600;
}

/* ==========================================================
   Bouton "Valider la commande"
   ========================================================== */

body.woocommerce-cart
.wc-block-cart__submit-button {
    background: #B08A43;
    color: #ffffff !important;
    border: 1px solid #B08A43;
    border-radius: 0;

    min-height: 46px;
    padding: 12px 24px;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

body.woocommerce-cart
.wc-block-cart__submit-button:hover,
body.woocommerce-cart
.wc-block-cart__submit-button:focus {
    background: transparent;
    border-color: #B08A43;
    color: #b08a43 !important;
}

/* Texte du bouton */
body.woocommerce-cart
.wc-block-cart__submit-button
.wc-block-components-button__text {
    color: #fff !important;
}

/* Texte lorsque le BOUTON entier est survolé */
body.woocommerce-cart
.wc-block-cart__submit-button:hover
.wc-block-components-button__text,
body.woocommerce-cart
.wc-block-cart__submit-button:focus
.wc-block-components-button__text {
    color: #B08A43 !important;
}

/* ==========================================================
   PAGE PANIER
   Hero + espacements principaux
   ========================================================== */

body.woocommerce-cart .bc-cart-hero {
    margin-bottom: 120px;
}

/* Tablette */
@media (max-width: 1024px) {
    body.woocommerce-cart .bc-cart-hero {
        margin-bottom: 80px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-cart .bc-cart-hero {
        margin-bottom: 40px;
    }
}

/* ==========================================================
   PAGE PANIER — HERO PLEINE LARGEUR
   Le hero sort du conteneur WordPress de 1140px uniquement
   sur la page Panier.
   ========================================================== */

body.woocommerce-cart .bc-cart-hero {
    width: 100vw;
    max-width: none;

    /* Sort le hero du conteneur centré de la page */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    /* Aucun espace parasite au-dessus */
    margin-top: 0;

    /* Espacement avec le panier */
    margin-bottom: 120px;
}

/* Tablette */
@media (max-width: 1024px) {
    body.woocommerce-cart .bc-cart-hero {
        margin-bottom: 80px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-cart .bc-cart-hero {
        margin-bottom: 40px;
    }
}

/* ==========================================================
   PAGE PANIER — POSITION DU HERO
   ========================================================== */

body.woocommerce-cart main#content {
    padding-top: 0 !important;
}

body.woocommerce-cart .page-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.woocommerce-cart .bc-cart-hero {
    margin-top: 0 !important;
}

/* Texte du hero Panier uniquement */
body.woocommerce-cart .bc-cart-hero .bc-product-hero__title,
body.woocommerce-cart .bc-cart-hero .bc-product-hero__subtitle {
    color: #ffffff;
}

/* =========================================================
   PAGE PANIER
   Correction responsive du bloc WooCommerce Cart
   ========================================================= */

/*
 * Le panier ne doit jamais dépasser la largeur disponible.
 * On garde le comportement natif de WooCommerce.
 */
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart__sidebar {
    box-sizing: border-box;
    max-width: 100%;
}

/* =========================================================
   TABLETTE
   ========================================================= */
@media (max-width: 1024px) {

    body.woocommerce-cart main.site-main {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
        box-sizing: border-box;
    }

    body.woocommerce-cart .page-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    body.woocommerce-cart .wp-block-woocommerce-cart {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 767px) {

    body.woocommerce-cart main.site-main {
        width: 100% !important;
        max-width: 100% !important;

        /* Nos marges mobiles habituelles */
        padding-left: 20px !important;
        padding-right: 20px !important;

        box-sizing: border-box;
        overflow: visible;
    }

    body.woocommerce-cart .page-content,
    body.woocommerce-cart .wp-block-woocommerce-cart,
    body.woocommerce-cart .wc-block-cart,
    body.woocommerce-cart .wc-block-cart__main,
    body.woocommerce-cart .wc-block-cart__sidebar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box;
    }
}

/* =========================================================
   PANIER — RÉASSURANCE
   Réutilisation du bloc des fiches produits
   ========================================================= */

body.woocommerce-cart .bc-product-reassurance {
    width: 100%;
    margin-top: 120px;
    margin-bottom: 120px;
}

body.woocommerce-cart .bc-product-reassurance__inner {
    width: min(100% - 40px, 1140px);
    margin-inline: auto;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 50px;

    text-align: center;
}

/* Empêche les images des pictos de reprendre leur taille native */
body.woocommerce-cart .bc-product-reassurance__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

body.woocommerce-cart .bc-product-reassurance__icon img {
    display: block;
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    object-fit: contain;
    margin: 0 auto;
}

body.woocommerce-cart .bc-product-reassurance__item strong {
    display: block;
    margin-bottom: 10px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #2F2722;
}

body.woocommerce-cart .bc-product-reassurance__item p {
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #2F2722;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1024px) {

    body.woocommerce-cart .bc-product-reassurance {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    body.woocommerce-cart .bc-product-reassurance__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 30px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.woocommerce-cart .bc-product-reassurance {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    body.woocommerce-cart .bc-product-reassurance__inner {
        width: min(100% - 32px, 1140px);
        grid-template-columns: 1fr;
        gap: 32px;
    }

    body.woocommerce-cart .bc-product-reassurance__icon img {
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
    }
}

/* =========================================================
   PANIER — BOUTON CODE PROMO
   ========================================================= */

body.woocommerce-cart
.wc-block-components-totals-coupon__button {
    background: #B08A43 !important;
    color: #ffffff !important;
    border: 1px solid #B08A43 !important;

    font-family: "Manrope", sans-serif;
    font-weight: 500;
    transition: background-color 0.25s ease,
                border-color 0.25s ease,
                color 0.25s ease;
}

body.woocommerce-cart
.wc-block-components-totals-coupon__button:hover,
body.woocommerce-cart
.wc-block-components-totals-coupon__button:focus {
    background: #2F2722 !important;
    border-color: #2F2722 !important;
    color: #ffffff !important;
}

/* =========================================================
   PAGE COMMANDER — HERO ET ESPACEMENTS
   ========================================================= */

body.woocommerce-checkout main#content {
    padding-top: 0 !important;
}

body.woocommerce-checkout .page-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.woocommerce-checkout .bc-checkout-hero {
    margin-top: 0 !important;
    margin-bottom: 120px;
}

/* Titre et sous-titre du hero uniquement */
body.woocommerce-checkout .bc-checkout-hero .bc-product-hero__title,
body.woocommerce-checkout .bc-checkout-hero .bc-product-hero__subtitle {
    color: #ffffff;
}

/* Tablette */
@media (max-width: 1024px) {
    body.woocommerce-checkout .bc-checkout-hero {
        margin-bottom: 80px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-checkout .bc-checkout-hero {
        margin-bottom: 40px;
    }
}

/* ==========================================================
   PANIER — CONTINUER MES ACHATS
   ========================================================== */

body.woocommerce-cart .bc-cart-continue-shopping {
    display: block;
    width: fit-content;

    margin: 18px auto 0;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;

    text-decoration: none;

    transition: color 0.25s ease;
}

body.woocommerce-cart .bc-cart-continue-shopping:hover,
body.woocommerce-cart .bc-cart-continue-shopping:focus {
    color: #B08A43;
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* =========================================================
   PAGE COMMANDER
   Hero + espacement avec le checkout
   ========================================================= */

body.woocommerce-checkout main#content {
    padding-top: 0 !important;
}

body.woocommerce-checkout .page-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.woocommerce-checkout .bc-checkout-hero {
    margin-top: 0;
    margin-bottom: 120px;
}

body.woocommerce-checkout
.bc-checkout-hero .bc-product-hero__title,
body.woocommerce-checkout
.bc-checkout-hero .bc-product-hero__subtitle {
    color: #ffffff;
}

/* Tablette */
@media (max-width: 1024px) {
    body.woocommerce-checkout .bc-checkout-hero {
        margin-bottom: 80px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-checkout .bc-checkout-hero {
        margin-bottom: 40px;
    }
}

/* ==========================================================
   PAGE COMMANDER
   Positionnement du hero
   ========================================================== */

body.woocommerce-checkout main#content {
    padding-top: 0 !important;
}

body.woocommerce-checkout .page-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.woocommerce-checkout .bc-checkout-hero {
    margin-top: 0 !important;
}

/* ==========================================================
   PAGE COMMANDER — HERO PLEINE LARGEUR
   Sort uniquement le hero du conteneur 1140px
   ========================================================== */

body.woocommerce-checkout .bc-checkout-hero {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* =========================================================
   PAGE COMMANDER — BOUTON COMMANDER
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button {
    background: #B08A43 !important;
    border-color: #B08A43 !important;
    color: #ffffff !important;
    font-family: "Manrope", sans-serif;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:focus {
    background: #2F2722 !important;
    border-color: #2F2722 !important;
    color: #ffffff !important;
}

/* =========================================================
   CHECKOUT — BOUTON COMMANDER
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button {
    width: auto !important;
    min-width: 160px;
    min-height: 46px;

    padding: 12px 24px !important;

    background: #B08A43 !important;
    border: 1px solid #B08A43 !important;
    border-radius: 0;

    color: #ffffff !important;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

/* Le texte interne du bouton */
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button
.wc-block-components-button__text {
    color: inherit !important;
}

/* Survol : même comportement que tes autres boutons */
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:focus {
    background: transparent !important;
    border-color: #B08A43 !important;
    color: #B08A43 !important;
}

/* Le texte suit bien la couleur du bouton au survol */
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover
.wc-block-components-button__text,
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:focus
.wc-block-components-button__text {
    color: #B08A43 !important;
}

/* ==========================================================
   PAGE COMMANDER
   Bouton final
   ========================================================== */

body.woocommerce-checkout
.wc-block-checkout__actions_row {
    justify-content: flex-start !important;
}

body.woocommerce-checkout
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    width: auto !important;
    min-width: 180px;
    min-height: 46px;

    padding: 12px 28px;

    background: #B08A43 !important;
    border: 1px solid #B08A43 !important;
    border-radius: 0;

    color: #ffffff !important;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:focus {
    background: transparent !important;
    border-color: #B08A43 !important;
    color: #B08A43 !important;
}

/* Le texte interne doit suivre la couleur du bouton */
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover
.wc-block-components-button__text,
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:focus
.wc-block-components-button__text {
    color: #B08A43 !important;
}

/* ==========================================================
   WOOCOMMERCE — CONFIRMATION DE COMMANDE
   ========================================================== */

.woocommerce-order-received .bc-order-confirmation {
    max-width: 1140px;
    margin: 0 auto 60px;
    padding: 0 20px;
}

.woocommerce-order-received .bc-order-confirmation__inner {
    padding: 40px;
    text-align: center;
    background: #f7f4ef;
}

.woocommerce-order-received .bc-order-confirmation__eyebrow {
    display: inline-block;
    margin: 0 0 14px;
    padding: 7px 14px;

    border: 1px solid #B08A43;

    color: #B08A43;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.woocommerce-order-received .bc-order-confirmation__title {
    margin: 0 0 16px;

    color: #B08A43;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.1;
}

.woocommerce-order-received .bc-order-confirmation__text {
    max-width: 650px;
    margin: 0 auto;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

@media (max-width: 767px) {

    .woocommerce-order-received .bc-order-confirmation {
        margin-bottom: 40px;
    }

    .woocommerce-order-received .bc-order-confirmation__inner {
        padding: 30px 20px;
    }

    .woocommerce-order-received .bc-order-confirmation__title {
        font-size: 28px;
    }
}

/*Hero*/
.woocommerce-order-received .bc-order-received-hero {
    background-image: url("../images/TON-IMAGE-HERO.jpg");
}

/* ==========================================================
   WOOCOMMERCE — PAGE MON COMPTE : CONNEXION / INSCRIPTION
   ========================================================== */

/* Conteneur principal */
.woocommerce-account .woocommerce {
    max-width: 1140px;
    margin: 0 auto;
    padding: 80px 20px;
}

/* Deux colonnes login / register */
.woocommerce-account .u-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
}

/* Titres */
.woocommerce-account .u-column1 h2,
.woocommerce-account .u-column2 h2 {
    margin: 0 0 24px;

    color: #B08A43;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.1;
}

/* Blocs formulaires */
.woocommerce-account form.login,
.woocommerce-account form.register {
    margin: 0;
    padding: 30px;

    background: #fff;
    border: 1px solid rgba(47, 39, 34, 0.18);
    border-radius: 0;
}

/* Labels */
.woocommerce-account form label {
    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

/* Champs */
.woocommerce-account form .input-text {
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;

    background: #fff;
    border: 1px solid #2F2722;
    border-radius: 0;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
}

/* Focus */
.woocommerce-account form .input-text:focus {
    outline: none;
    border-color: #B08A43;
    box-shadow: 0 0 0 1px #B08A43;
}

/* Boutons */
.woocommerce-account form .button {
    min-width: 125px;
    min-height: 40px;
    padding: 10px 18px;

    background: #B08A43 !important;
    border: 1px solid #B08A43 !important;
    border-radius: 0;

    color: #fff !important;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;

    transition: 0.25s ease;
}

.woocommerce-account form .button:hover,
.woocommerce-account form .button:focus {
    background: transparent !important;
    color: #B08A43 !important;
}

/* Liens */
.woocommerce-account form a,
.woocommerce-account .woocommerce-privacy-policy-text a {
    color: #B08A43;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.woocommerce-account form a:hover,
.woocommerce-account .woocommerce-privacy-policy-text a:hover {
    color: #2F2722;
}

/* Texte inscription / confidentialité */
.woocommerce-account form p,
.woocommerce-account .woocommerce-privacy-policy-text {
    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.7;
}

/* Se souvenir de moi */
.woocommerce-account .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 10px;
}

/* Espacement du lien mot de passe */
.woocommerce-account .woocommerce-LostPassword {
    margin-top: 14px;
}

/* ==========================
   TABLETTE
   ========================== */

@media (max-width: 1024px) {

    .woocommerce-account .woocommerce {
        padding: 80px 30px;
    }

    .woocommerce-account .u-columns {
        gap: 30px;
    }

    .woocommerce-account .u-column1 h2,
    .woocommerce-account .u-column2 h2 {
        font-size: 31px;
    }
}

/* ==========================
   MOBILE
   ========================== */

@media (max-width: 767px) {

    .woocommerce-account .woocommerce {
        padding: 40px 20px;
    }

    .woocommerce-account .u-columns {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .woocommerce-account .u-column1 h2,
    .woocommerce-account .u-column2 h2 {
        font-size: 28px;
    }

    .woocommerce-account form.login,
    .woocommerce-account form.register {
        padding: 24px 20px;
    }

    .woocommerce-account .woocommerce-form-login__rememberme {
        display: flex;
        margin: 12px 0 0;
    }
}

/* ==========================================================
   CORRECTION LAYOUT — CONNEXION / INSCRIPTION
   ========================================================== */

.woocommerce-account #customer_login {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 60px;

    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

/* Annule les largeurs / floats natifs WooCommerce */
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2,
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Formulaires sur toute la largeur de leur colonne */
.woocommerce-account #customer_login form.login,
.woocommerce-account #customer_login form.register {
    width: 100%;
    box-sizing: border-box;
}

/* Tous les champs restent contenus dans le formulaire */
.woocommerce-account #customer_login .form-row,
.woocommerce-account #customer_login .woocommerce-form-row {
    width: 100%;
    box-sizing: border-box;
}

/* ==========================
   MOBILE
   ========================== */

@media (max-width: 767px) {

    .woocommerce-account #customer_login {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* ==========================================================
   FIX WOOCOMMERCE — PSEUDO-ÉLÉMENTS QUI CASSENT LE GRID
   ========================================================== */

.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   MON COMPTE — HERO
   ========================================================== */
 /*Hero*/
 .woocommerce-account .bc-account-hero {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Hero pleine largeur */
body.woocommerce-account .bc-account-hero {
    width: 100vw;
    max-width: none;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    /*
     * Le header principal est superposé au hero.
     * On remonte le hero sous le header comme sur les
     * autres pages de la boutique.
     */
    margin-top: -110px;
}

/* Espace entre le hero et le contenu Mon compte */
body.woocommerce-account #customer_login {
    padding-top: 120px;
}

/* Tablette */
@media (max-width: 1024px) {
    body.woocommerce-account #customer_login {
        padding-top: 80px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-account #customer_login {
        padding-top: 40px;
    }
}

/*Texte hero*/
body.woocommerce-account .bc-account-hero .bc-product-hero__subtitle {
    color: #fff;
}

/* ==========================================================
   MON COMPTE — POSITION DU CONTENU DU HERO
   ========================================================== */

/* Tablette : descend badge + sous-titre sous le logo */
@media (max-width: 1024px) {
    body.woocommerce-account .bc-account-hero .bc-product-hero__inner {
        transform: translateY(35px);
    }
}

/* Mobile : davantage d'espace sous logo / menu */
@media (max-width: 767px) {
    body.woocommerce-account .bc-account-hero .bc-product-hero__inner {
        transform: translateY(45px);
    }
}

/* ==========================================================
   WOOCOMMERCE — ESPACE MON COMPTE
   Client connecté
   ========================================================== */

/*
 * Conteneur navigation + contenu.
 * Le hero reste indépendant au-dessus.
 */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    font-family: "Manrope", sans-serif;
}


/* ----------------------------------------------------------
   NAVIGATION MON COMPTE
   ---------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 27%;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;

    list-style: none;
    border: 1px solid rgba(47, 39, 34, 0.16);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;

    border-bottom: 1px solid rgba(47, 39, 34, 0.12);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 15px 18px;

    color: #2F2722 !important;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;

    text-decoration: none !important;
    transition: 0.25s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: #B08A43;
    color: #fff !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: #f7f4ef;
    color: #B08A43 !important;
}


/* ----------------------------------------------------------
   CONTENU DU COMPTE
   ---------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.7;
}

body.woocommerce-account .woocommerce-MyAccount-content p:first-child {
    margin-top: 0;
}


/* ----------------------------------------------------------
   LIENS — SUPPRESSION DU ROSE
   ---------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
    color: #B08A43 !important;
    text-decoration: underline;
    text-underline-offset: 3px;

    transition: 0.25s ease;
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover {
    color: #2F2722 !important;
}


/* ----------------------------------------------------------
   BOUTONS MON COMPTE
   ---------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-message .button,
body.woocommerce-account .woocommerce-info .button {
    width: auto;
    min-width: 125px;
    min-height: 40px;

    padding: 10px 18px;

    background: #B08A43 !important;
    border: 1px solid #B08A43 !important;
    border-radius: 0;

    color: #fff !important;

    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;

    text-decoration: none !important;

    transition: 0.25s ease;
}

body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-message .button:hover,
body.woocommerce-account .woocommerce-info .button:hover {
    background: transparent !important;
    color: #B08A43 !important;
}


/* ----------------------------------------------------------
   MESSAGE D'INFORMATION
   ex. : mot de passe temporaire
   ---------------------------------------------------------- */

body.woocommerce-account .woocommerce-info {
    margin: 0 0 30px;
    padding: 18px 20px 18px 50px;

    background: #f7f4ef;
    border-top: 2px solid #B08A43;

    color: #2F2722;
}


/* ----------------------------------------------------------
   ESPACEMENT APRÈS HERO
   120 / 80 / 40
   ---------------------------------------------------------- */

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    margin-top: 120px;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 1024px) {

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        margin-top: 80px;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation {
        width: 30%;
    }

    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 65%;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
    }

    /*
     * Un seul espace de 40px sous le hero :
     * on l'applique à la navigation.
     */
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        margin-top: 40px;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        margin-top: 30px;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation a {
        padding: 13px 16px;
    }
}

/* ==========================================================
   MON COMPTE — ADRESSES
   ========================================================== */

/* Deux adresses côte à côte */
body.woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;

    margin-top: 30px;
}

/* WooCommerce ajoute des pseudo-éléments de clearfix :
   on les neutralise lorsqu'on utilise CSS Grid. */
body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after {
    display: none !important;
    content: none !important;
}

/* Annule les anciennes largeurs / floats WooCommerce */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
body.woocommerce-account .woocommerce-Addresses .col-1,
body.woocommerce-account .woocommerce-Addresses .col-2 {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Carte adresse */
body.woocommerce-account .woocommerce-Address {
    padding: 30px;

    border: 1px solid rgba(47, 39, 34, 0.16);
    background: #fff;
}

/* Titre */
body.woocommerce-account .woocommerce-Address-title h2 {
    margin: 0 0 20px;

    color: #B08A43;
    font-family: "Cormorant Garamond", serif;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.1;
}

/* Lien Ajouter / Modifier */
body.woocommerce-account .woocommerce-Address-title a {
    float: none !important;
    display: inline-block;

    margin-bottom: 15px;

    color: #B08A43 !important;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;

    text-decoration: underline;
    text-underline-offset: 3px;
}

body.woocommerce-account .woocommerce-Address-title a:hover {
    color: #2F2722 !important;
}

/* Texte de l'adresse */
body.woocommerce-account .woocommerce-Address address {
    margin: 0;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.7;
}


/* Tablette */
@media (max-width: 1024px) {

    body.woocommerce-account .woocommerce-Addresses {
        gap: 20px;
    }

    body.woocommerce-account .woocommerce-Address {
        padding: 24px;
    }
}


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

    body.woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    body.woocommerce-account .woocommerce-Address {
        padding: 20px;
    }

    body.woocommerce-account .woocommerce-Address-title h2 {
        font-size: 28px;
    }
}

/* ==========================================================
   PANIER VIDE — WooCommerce Cart Block
   ========================================================== */

/* Zone panier vide */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
    max-width: 1140px;
    margin: 0 auto;
    /*padding: 70px 20px 120px;*/
    text-align: center;
}


/* ----------------------------------------------------------
   Icône panier vide native WooCommerce
   On la masque : trop imposante et hors identité visuelle
   ---------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
.wp-block-woocommerce-empty-cart-block__title.with-empty-cart-icon::before {
    display: none !important;
    content: none !important;
}


/* ----------------------------------------------------------
   Titre principal
   ---------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
.wp-block-woocommerce-empty-cart-block__title {
    margin: 0 0 20px !important;

    color: #B08A43;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.15;
}


/* ----------------------------------------------------------
   Séparateur à pois WooCommerce
   ---------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
.wp-block-separator {
    margin: 30px auto 35px;
}


/* ----------------------------------------------------------
   "Nouveau dans la boutique"
   ---------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
h2.wp-block-heading {
    margin: 0 0 35px;

    color: #2F2722;
    font-family: "Cormorant Garamond", serif;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.2;
}


/* ----------------------------------------------------------
   Produits proposés
   ---------------------------------------------------------- */

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
.wc-block-grid__products {
    justify-content: center;
    gap: 30px;
}


/* Boutons */
body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
.wc-block-grid__product-add-to-cart .wp-block-button__link {
    min-height: 40px;
    padding: 10px 18px;

    background: #B08A43 !important;
    border: 1px solid #B08A43 !important;
    border-radius: 0 !important;

    color: #fff !important;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;

    text-decoration: none !important;
    transition: 0.25s ease;
}

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
.wc-block-grid__product-add-to-cart .wp-block-button__link:focus {
    background: transparent !important;
    color: #B08A43 !important;
}


/* ----------------------------------------------------------
   Responsive
   ---------------------------------------------------------- */

@media (max-width: 1024px) {

    body.woocommerce-cart
    .wp-block-woocommerce-empty-cart-block
    .wp-block-woocommerce-empty-cart-block__title {
        font-size: 31px;
    }
}


@media (max-width: 767px) {

    body.woocommerce-cart
    .wp-block-woocommerce-empty-cart-block
    .wp-block-woocommerce-empty-cart-block__title {
        font-size: 28px;
    }

    body.woocommerce-cart
    .wp-block-woocommerce-empty-cart-block
    h2.wp-block-heading {
        font-size: 28px;
    }
}

/* ==========================================================
   COMMANDE REÇUE — HERO
   ========================================================== */

body.woocommerce-order-received .bc-order-received-hero {
    width: 100vw;
    max-width: none;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    /*
     * Même principe que les autres pages WooCommerce :
     * le hero remonte sous le header principal.
     */
    margin-top: -110px;
}

/* Texte secondaire toujours blanc */
body.woocommerce-order-received
.bc-order-received-hero
.bc-product-hero__subtitle {
    color: #fff;
}

/* Phrase native WooCommerce devenue redondante */
body.woocommerce-order-received
.woocommerce-thankyou-order-received {
    display: none;
}


/* ==========================================================
   COMMANDE REÇUE — RÉSUMÉ
   ========================================================== */

body.woocommerce-order-received
.woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));

    max-width: 1140px;
    margin: 0 auto 60px;
    padding: 0;

    list-style: none;
}

body.woocommerce-order-received
.woocommerce-order-overview::before,
body.woocommerce-order-received
.woocommerce-order-overview::after {
    display: none !important;
    content: none !important;
}

body.woocommerce-order-received
.woocommerce-order-overview li {
    float: none;
    width: auto;

    margin: 0;
    padding: 0 20px;

    border-right: 1px solid rgba(47, 39, 34, 0.15);

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    line-height: 1.5;
}

body.woocommerce-order-received
.woocommerce-order-overview li:first-child {
    padding-left: 0;
}

body.woocommerce-order-received
.woocommerce-order-overview li:last-child {
    padding-right: 0;
    border-right: 0;
}

body.woocommerce-order-received
.woocommerce-order-overview strong {
    display: block;

    margin-top: 4px;

    color: #2F2722;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
}

/* ==========================================================
   COMMANDE REÇUE — TITRES DES SECTIONS
   ========================================================== */

body.woocommerce-order-received
.woocommerce-order-details__title,
body.woocommerce-order-received
.woocommerce-customer-details h2 {
    margin: 0 0 30px;

    color: #B08A43;
    font-family: "Cormorant Garamond", serif;

    font-size: 38px;
    font-weight: 500;
    line-height: 1.15;
}

@media (max-width: 1024px) {

    body.woocommerce-order-received
    .woocommerce-order-details__title,
    body.woocommerce-order-received
    .woocommerce-customer-details h2 {
        font-size: 31px;
    }
}

@media (max-width: 767px) {

    body.woocommerce-order-received
    .woocommerce-order-details__title,
    body.woocommerce-order-received
    .woocommerce-customer-details h2 {
        font-size: 28px;
    }
}

/* ==========================================================
   COMMANDE REÇUE — LIENS
   ========================================================== */

body.woocommerce-order-received
.woocommerce-order a {
    color: #B08A43 !important;

    text-decoration: underline;
    text-underline-offset: 3px;

    transition: 0.25s ease;
}

body.woocommerce-order-received
.woocommerce-order a:hover,
body.woocommerce-order-received
.woocommerce-order a:focus {
    color: #2F2722 !important;
}

/* ==========================================================
   COMMANDE REÇUE — TABLEAU
   ========================================================== */

body.woocommerce-order-received
.woocommerce-table--order-details {
    width: 100%;

    border-collapse: collapse;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
}

body.woocommerce-order-received
.woocommerce-table--order-details th,
body.woocommerce-order-received
.woocommerce-table--order-details td {
    padding: 14px 16px;

    border: 1px solid rgba(47, 39, 34, 0.18);

    text-align: left;
    vertical-align: top;
}

body.woocommerce-order-received
.woocommerce-table--order-details thead th {
    background: #f7f4ef;

    font-weight: 600;
}

body.woocommerce-order-received
.woocommerce-table--order-details tfoot th {
    font-weight: 600;
}

/* ==========================================================
   COMMANDE REÇUE — RÉSUMÉ RESPONSIVE
   ========================================================== */

/* Tablette */
@media (max-width: 1024px) {

    body.woocommerce-order-received
    .woocommerce-order-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 0;
        margin-bottom: 50px;

        border-top: 1px solid rgba(47, 39, 34, 0.15);
        border-left: 1px solid rgba(47, 39, 34, 0.15);
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li {
        padding: 18px 20px !important;

        border-right: 1px solid rgba(47, 39, 34, 0.15);
        border-bottom: 1px solid rgba(47, 39, 34, 0.15);
    }

    body.woocommerce-order-received
    .woocommerce-order-overview strong {
        font-size: 14px;
    }
}


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

    body.woocommerce-order-received
    .woocommerce-order-overview {
        display: block;

        margin-bottom: 40px;

        border: 1px solid rgba(47, 39, 34, 0.15);
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li {
        width: 100%;
        padding: 14px 16px !important;

        border: 0;
        border-bottom: 1px solid rgba(47, 39, 34, 0.15);
    }

    body.woocommerce-order-received
    .woocommerce-order-overview li:last-child {
        border-bottom: 0;
    }

    body.woocommerce-order-received
    .woocommerce-order-overview strong {
        margin-top: 3px;

        font-size: 14px;
        line-height: 1.4;
    }
}

/* ==========================================================
   COMMANDE REÇUE — BLOC DE FIN
   ========================================================== */

body.woocommerce-order-received .bc-order-next {
    max-width: 1140px;

    /* Espacement avec les informations de commande au-dessus
       + espace avant la section suivante */
    margin: 120px auto;
    padding: 0 20px;
}

body.woocommerce-order-received .bc-order-next__inner {
    padding: 50px 40px;

    background: #f7f4ef;
    text-align: center;
}


/* ----------------------------------------------------------
   EYEBROW
   ---------------------------------------------------------- */

body.woocommerce-order-received .bc-order-next__eyebrow {
    display: inline-block;

    margin: 0 0 14px;
    padding: 7px 14px;

    border: 1px solid #B08A43;

    color: #B08A43;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.08em;

    text-transform: uppercase;
}


/* ----------------------------------------------------------
   TITRE
   ---------------------------------------------------------- */

body.woocommerce-order-received .bc-order-next__title {
    margin: 0 0 16px;

    color: #B08A43;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.1;
}


/* ----------------------------------------------------------
   TEXTE
   ---------------------------------------------------------- */

body.woocommerce-order-received .bc-order-next__text {
    max-width: 620px;

    margin: 0 auto 30px;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.7;
}


/* ----------------------------------------------------------
   ACTIONS
   ---------------------------------------------------------- */

body.woocommerce-order-received .bc-order-next__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 14px;
}


/* ----------------------------------------------------------
   BOUTONS — BASE COMMUNE
   ---------------------------------------------------------- */

body.woocommerce-order-received .bc-order-next__actions a.bc-order-next__button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    width: auto;
    min-width: 180px;
    min-height: 42px;

    margin: 0;
    padding: 11px 20px;

    border: 1px solid #B08A43 !important;
    border-radius: 0 !important;

    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;

    text-align: center;
    text-decoration: none !important;

    opacity: 1 !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}


/* ----------------------------------------------------------
   BOUTON PRINCIPAL
   ---------------------------------------------------------- */

body.woocommerce-order-received
.bc-order-next__actions
a.bc-order-next__button--primary {
    background-color: #B08A43 !important;
    border-color: #B08A43 !important;
    color: #ffffff !important;
}

body.woocommerce-order-received
.bc-order-next__actions
a.bc-order-next__button--primary:hover,
body.woocommerce-order-received
.bc-order-next__actions
a.bc-order-next__button--primary:focus {
    background-color: transparent !important;
    border-color: #B08A43 !important;
    color: #B08A43 !important;
}


/* ----------------------------------------------------------
   BOUTON SECONDAIRE
   ---------------------------------------------------------- */

body.woocommerce-order-received
.bc-order-next__actions
a.bc-order-next__button--secondary {
    background-color: transparent !important;
    border-color: #B08A43 !important;
    color: #B08A43 !important;
}

body.woocommerce-order-received
.bc-order-next__actions
a.bc-order-next__button--secondary:hover,
body.woocommerce-order-received
.bc-order-next__actions
a.bc-order-next__button--secondary:focus {
    background-color: #B08A43 !important;
    border-color: #B08A43 !important;
    color: #ffffff !important;
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 1024px) {

    body.woocommerce-order-received .bc-order-next {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    body.woocommerce-order-received .bc-order-next__inner {
        padding: 40px 30px;
    }

    body.woocommerce-order-received .bc-order-next__title {
        font-size: 31px;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body.woocommerce-order-received .bc-order-next {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0 20px;
    }

    body.woocommerce-order-received .bc-order-next__inner {
        padding: 30px 20px;
    }

    body.woocommerce-order-received .bc-order-next__title {
        font-size: 28px;
    }

    body.woocommerce-order-received .bc-order-next__text {
        margin-bottom: 24px;
    }

    body.woocommerce-order-received .bc-order-next__actions {
        flex-direction: column;
        align-items: stretch;

        gap: 12px;
    }

    body.woocommerce-order-received
    .bc-order-next__actions
    a.bc-order-next__button {
        width: 100%;
        min-width: 0;
    }
}

/* ==========================================================
   JOURNAL — BARRE DE RECHERCHE
   ========================================================== */

.bc-journal-search {
    display: flex;
    align-items: stretch;

    width: 100%;
    margin: 0;

    border: 1px solid rgba(47, 39, 34, 0.35);
    background: #fff;
}

/* Champ de recherche */
.bc-journal-search__field {
    flex: 1;
    min-width: 0;

    height: 40px;
    margin: 0;
    padding: 0 14px;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent;

    color: #2F2722;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
}

/* Placeholder */
.bc-journal-search__field::placeholder {
    color: rgba(47, 39, 34, 0.55);
}

/* Focus : on met en valeur l'ensemble de la barre */
.bc-journal-search:focus-within {
    border-color: #B08A43;
    box-shadow: 0 0 0 1px #B08A43;
}

/* Bouton loupe */
.bc-journal-search__submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;

    /* Important : prend toute la hauteur du formulaire */
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: stretch;

    border: 0 !important;
    border-left: 1px solid #B08A43 !important;
    border-radius: 0 !important;

    background: #B08A43 !important;
    color: #fff !important;

    line-height: 1 !important;
    cursor: pointer;

    transition: 0.25s ease;
}

/* Loupe parfaitement centrée */
.bc-journal-search__submit svg {
    display: block;

    flex: 0 0 15px;
    width: 15px;
    height: 15px;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}

/* Survol */
.bc-journal-search__submit:hover,
.bc-journal-search__submit:focus {
    background: #2F2722 !important;
    border-left-color: #2F2722 !important;
    color: #fff !important;
}

/* ==========================================================================
   11. RESPONSIVE
   ========================================================================== */