/*
 * Charte graphique — Mes Petites Pierres
 * Palette : Élégance naturelle, bijoux artisanaux
 * Polices : Cormorant Garamond (titres) + Jost (corps)
 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@200;300;400;500&display=swap');

body {
    font-family: 'Jost', sans-serif;
    background: #FAF7F2;
    color: #3A3632;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title {
    font-family: 'Cormorant Garamond', serif;
    color: #2C2825;
}

#header .desktop-header-style-2 .header-custom-html {
    text-align: right;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 13px;
}

.desktop-header-style-2 .search-widget {
    float: right;
    width: 45%;
}

#search_widget .form-search-control {
    font-weight: 300;
    font-style: italic;
    font-size: 16px;
    line-height: 19px;
    background: #FFF;
    color: #3A3632;
    border: transparent 0;
}


#content-wrapper .page-title{
    font-size: 1.7rem!important;
    text-align: center;
}
.category-description{
    text-align: center;
}

.current-price{
    float: left;
}
.tax-shipping-delivery-label{
    float: left;
    margin: 0 10px;
    padding-top: 0px;
}
#product-availability{
    padding-top: 4px;
}

.product-variants .form-control-label {
    float: left;
    margin-right: 15px;
}

.reassurance_footer {
    background: #C6A664 !important;
}
.reassurance_footer_space{
/*    background: #FFF;
    height: 35px;*/
}


.gm-cat-second-desc{
    padding: 0!important;
    margin: 25px 0!important;
    border: none;
}

.product-description-short{
    text-align: justify!important;
}

.product-price-and-shipping{
    text-align: center;
    margin-top: 9px;
}
.product-miniature-grid .product-availability{
    display: none!important;
    transform: none;
    transition: none;
    bottom: 18px;
    right: 10px;
    text-align: right;
}
.product-miniature-grid .product-availability span{
    padding: 0.45em .4em .25em .4em;
}
.product-miniature-grid:hover .product-availability{
    transform: none!important;
    opacity: 1!important;
}
.product-miniature {
    border: none 1px #ccc;
    outline: 1px none transparent;
    /*box-shadow: 5px 5px 5px #f1f1f1 !important;*/

}
.badge-success,
.product-available,
#product-availability.badge {
    color: #5a8a5a !important;
    background-color: transparent !important;
    border: none !important;
    font-size: 12px;
}
.product-unavailable {
    background: #ffffff !important;
    color: #d10b1e !important;
    font-size: 12px;
}
.page-title {
    font-weight: 500 !important;
    }

.h2 {
    font-weight: 300 !important;
    text-align: center !important;
}

.blockreassurance .block-icon svg {
    height: 40px;
}

.blockreassurance {
 padding-top: 5px !important;
}

.elementor-text-editor.rte-content h2 {
    font-size: 30px;
    padding-top: 10px;
}

.elementor-text-editor.rte-content h3 {
    font-size: 24px;
    padding-top: 5px;
    color: #D4C5A9;
}

.picto_cart_header {
    width: 25px !important;
}

.header-top .header-btn-w .header-btn>.icon {
    font-size: 25px;
}

.product-price-and-shipping {
    margin-top: 0px !important;
}

#wrapper .breadcrumb {
    font-style: italic !important;
}
#content-wrapper .page-title {
    margin-bottom: 0px !important;

}

#footer .block-title {
    font-size: 16px;
}

#footer h5.block-title {
    font-size: 18px;
}

/* Images produit — suppression des bordures blanches */
.product-cover,
.product-cover .swiper-container,
.product-cover .swiper-slide,
.product-cover .product-lmage-large,
#product-images-thumbs .thumb-container,
.thumb-container {
    background-color: #FAF7F2 !important;
}

.product-cover img,
.product-cover .thumb {
    display: block;
    margin: 0 auto;
}

.product_header_container {
    padding-bottom: 1rem;
    margin-bottom: 0.11rem;
    border-bottom: none;
}

@media (max-width:575px){

    .blockreassurance {
        text-align:center!important;
    }
    .blockreassurance .block-icon {
        width: 100%!important;
    }

.elementor-text-editor.rte-content h2 {
    font-size: 30px;
    padding-top: 10px;
}

.elementor-text-editor.rte-content h3 {
    font-size: 24px;
    padding-top: 5px;
    color: #D4C5A9;
}

#mobile-header .m-nav-btn {
    color: #C6A664 !important;
}
.cart-products-count-btn {
    background: #B5735A;
}
}

.d-inline-block{
    display:block !important
}

.col-header-left{
    width: 20%;
}
.col-header-center{
    text-align: center;
}
.desktop-header-style-2 .search-widget {
    width: 100%;
}
.desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget{
    max-width: 100%;
}

.copyright-img{
    text-align: center!important;
}

.reassurance_footer{
    padding:30px 0;
}
#footer .block-title, #checkout-footer .block-title{
    border:none!important;
    color: #FFF!important;
}
#footer .block-title{
    margin: 0 25px;
}
#footer h5.block-title{
    margin: 0 0 10px 0;
}
.blockreassurance .block-icon{
    height: 0;
}

/* ============================================
   FOOTER
   ============================================ */

/* Fond général du footer */
#footer,
#checkout-footer {
    background: #2C2825 !important;
}

/* ============================================
   BANDE RÉASSURANCE
   ============================================ */

.reassurance_footer {
    background: #2C2825 !important;
    padding: 50px 0 !important;
    color: #FAF7F2 !important;
    border-top: 1px solid rgba(198, 166, 100, 0.25);
    border-bottom: 1px solid rgba(198, 166, 100, 0.25);
}

/* Carrousel manuel */
.mpp-reassurance-row {
    display: block !important;
    padding: 0 !important;
}

.mpp-reassurance-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 0 1rem;
    position: relative;
}

.mpp-carousel-track {
    flex: 1;
    overflow: hidden;
    text-align: center;
}

.mpp-carousel-slide {
    display: none;
    text-align: center;
    padding: 0.5rem 2rem;
    animation: mppFadeIn 0.4s ease;
}

.mpp-carousel-slide.active {
    display: block;
}

@keyframes mppFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Flèches */
.mpp-carousel-btn {
    background: none;
    border: 1px solid rgba(198, 166, 100, 0.4);
    color: #C6A664;
    font-size: 1.6rem;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    flex-shrink: 0;
    line-height: 1;
}

.mpp-carousel-btn:hover {
    background: rgba(198, 166, 100, 0.15);
    border-color: #C6A664;
}

/* Points de navigation */
.mpp-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.2rem;
}

.mpp-carousel-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(198, 166, 100, 0.3);
    cursor: pointer;
    transition: background 0.2s;
    border: none;
    padding: 0;
}

.mpp-carousel-dot.active {
    background: #C6A664;
    transform: scale(1.3);
}

/* Icône via pseudo-élément — Font Awesome 4.7 */
.reassurance_footer .block-icon {
    height: auto !important;
    margin-bottom: 0.8rem !important;
    display: block !important;
    text-align: center;
}

.reassurance_footer .block-icon::before {
    font-family: 'FontAwesome';
    font-size: 2.2rem;
    color: #C6A664;
    display: block;
    line-height: 1;
}

/* Ligne décorative sous l'icône */
.reassurance_footer .block-icon::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: rgba(198, 166, 100, 0.5);
    margin: 0.8rem auto;
}

/* Icône 1 : bijoux artisanaux */
.reassurance_footer .row .col-md-3:nth-child(1) .block-icon::before {
    content: '\f219'; /* fa-diamond */
}
/* Icône 2 : livraison */
.reassurance_footer .row .col-md-3:nth-child(2) .block-icon::before {
    content: '\f0d1'; /* fa-truck */
}
/* Icône 3 : retour */
.reassurance_footer .row .col-md-3:nth-child(3) .block-icon::before {
    content: '\f021'; /* fa-refresh */
}
/* Icône 4 : paiement sécurisé */
.reassurance_footer .row .col-md-3:nth-child(4) .block-icon::before {
    content: '\f132'; /* fa-shield */
}

/* Titre — override inline style color:#000000 */
.reassurance_footer .block-title {
    color: #FAF7F2 !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 0 !important;
    line-height: 1.4;
    text-align: center;
}

@media (max-width: 767px) {
    .mpp-carousel-btn {
        width: 34px;
        height: 34px;
        font-size: 1.3rem;
    }
}

/* Zone principale */
#footer-container-main,
#checkout-footer {
    background: #2C2825 !important;
    color: #D4C5A9 !important;
    padding: 90px 0;
}

/* Liens */
#footer-container-main a,
#checkout-footer a {
    color: #D4C5A9 !important;
    transition: color 0.2s;
}
#footer-container-main a:hover,
#checkout-footer a:hover {
    color: #C6A664 !important;
}

/* Titres de blocs */
#footer .block-title,
#checkout-footer .block-title {
    border: none !important;
    color: #FAF7F2 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgba(198, 166, 100, 0.3) !important;
    margin-bottom: 1rem !important;
}
#footer .block-title,
#footer h5.block-title {
    margin: 0 0 10px 0;
}
#footer .block-title a:link,
#footer .block-title a:visited,
#checkout-footer .block-title a:link,
#checkout-footer .block-title a:visited {
    color: #FAF7F2 !important;
}

/* Première bande (si présente) */
#footer-container-first {
    background: #1A1614 !important;
    color: #D4C5A9 !important;
}

/* Barre de copyright */
#footer-copyrights {
    background: #1A1614 !important;
    color: #8B7355 !important;
    border-top: 1px solid rgba(198, 166, 100, 0.2) !important;
}
#footer-copyrights a {
    color: #8B7355 !important;
}
#footer-copyrights a:hover {
    color: #C6A664 !important;
}

/* Newsletter */
#footer .ps-emailsubscription-block .newsletter-input-group,
#checkout-footer .ps-emailsubscription-block .newsletter-input-group {
    border: 1px solid rgba(198, 166, 100, 0.4) !important;
    background: rgba(255,255,255,0.05) !important;
    border-radius: 8px;
    overflow: hidden;
}
#footer .ps-emailsubscription-block .newsletter-input-group .input-subscription,
#checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription {
    color: #FAF7F2 !important;
    background: transparent !important;
}
#footer .ps-emailsubscription-block input.input-subscription::placeholder {
    color: #8B7355 !important;
}
#footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe,
#checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe {
    background: #C6A664 !important;
    color: #FAF7F2 !important;
    border: none;
}
#footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover {
    background: #A8894D !important;
}

/* Réseaux sociaux */
#footer .social-links._footer {
    margin-top: 10px;
    text-align: center;
}
#footer .social-links._footer a:not(:hover) {
    color: #D4C5A9 !important;
}
#footer .social-links._footer a:hover {
    color: #C6A664 !important;
}


/* Onglets fiche produit */
#product-infos-tabs {
    border-bottom: 2px solid #C6A664 !important;
}

#product-infos-tabs .nav-link {
    padding: 10px 30px !important;
    margin-bottom: 0 !important;
    opacity: 1 !important;
    font-family: 'Jost', sans-serif;
    font-size: 0.9rem !important;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #8B7355 !important;
    background: #F5F0E8 !important;
    border: 1px solid #E8DFD0 !important;
    border-bottom: none !important;
    border-radius: 6px 6px 0 0 !important;
    transition: background 0.2s, color 0.2s;
    margin-right: 3px;
}

#product-infos-tabs .nav-link:hover {
    background: #EAE0D0 !important;
    color: #2C2825 !important;
    border-bottom: none !important;
}

#product-infos-tabs .nav-link.active {
    background: #C6A664 !important;
    color: #fff !important;
    border-color: #C6A664 !important;
    border-bottom: none !important;
    font-weight: 500;
}



#product .btnCart,
#product .qty input[type="number"] {
    color: #FFFFFF;
    font-size : 16px;
    padding : 14px;
    width: 44px;
    height: 44px;
    border: none;
    display: inline;
}


#product .btnCart.active {
    background : #C6A664;
    cursor: pointer;
}
#product .btnCart.active:hover {
    background : #A8894D;
}

#product .qty {
    padding-right: 0px;
}

#product .qty input[type="number"] {
    background : #FFFFFF;
    color : #3A3632;
    width: 44px;
    text-align: center;
    outline: none;
    font-family: 'Jost', sans-serif;
    margin : 0px -3px 0px -3px;
    top: -1px;
}


#qte-and-add{
    display: flex;
}
.qte_inline{
    width: 150px;
}
.product-add-to-cart{
    flex: 1;
}
@media screen and (max-width: 767px){
    .qte_inline{
        width: 145px;
    }
    .product-add-to-cart{
        flex: 0.94;
    }
}
@media screen and (max-width: 405px){
    .product-add-to-cart{
        flex: 0.92;
    }
}

.product-quantity .qty{
    width: auto;
}

.btn-minus{
    border-radius: 10px 0 0 10px;
}
.btn-plus{
    border-radius: 0 10px 10px 0;
}
#product .add .add-to-cart {
    border-radius: 25px !important;
    padding: 12px;
    width: 100%;
}


.btn-primary{
    background: #C6A664;
}
.btn-primary:hover{
    background: #A8894D;
}
.product-quantity .add-to-cart:disabled{
    background: #C6A664!important;
    opacity: 0.4;
}

.product-add-to-cart {
    flex: 1;
}


.product-variants-item {
    width: 100%;
}
.product-variants .input-radio+span{
    padding: 10px 20px;
    border: none;
    background: #F5F0E8;
    border-radius: 10px;
}
.product-variants .input-radio:checked+span, .product-variants .input-radio:hover+span{
    border: none;
    background: #C6A664;
}


.product-additional-info {
    border-top: none;
    padding-top: 0px !important;
}


#reassurance_mpp{
    margin: 25px 0 0 0;
}
#reassurance_mpp div{
    margin: 2px 0;
    font-size: 13px;
    font-weight: 500;
}
.reassurance_mpp_item{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    width: 100%;
    margin: 5px 0;
}
.reassurance_mpp_picto{
    width: 45px;
}
.reassurance_mpp_picto img{
    width: 30px;
    height: 30px;
}
.reassurance_mpp_desc{
    flex: 1;
}
.reassurance_mpp_desc b{
    margin-right: 10px;
}
.reassurance_mpp_desc img{
    height: 24px;
    padding: 0 5px 0 0;
}
.reassurance_mpp_desc .estimated_delivery_date_value{
    font-weight: bold;
    color: #A8894D;
}

/* ============================================
   BLOC LIVRAISON GRATUITE
   ============================================ */

.iqitfreedeliverycount.alert-info {
    background: linear-gradient(135deg, #F5F0E8 0%, #FAF7F2 100%) !important;
    border: 1px solid #D4C5A9 !important;
    border-left: 3px solid #C6A664 !important;
    border-radius: 10px !important;
    color: #3A3632 !important;
    padding: 1rem 1.2rem !important;
}

.iqitfreedeliverycount .iqitfreedeliverycount-title {
    font-family: 'Jost', sans-serif;
    font-size: 0.9rem;
    color: #2C2825;
}

.iqitfreedeliverycount .ifdc-remaining-price {
    color: #C6A664;
    font-weight: 700;
}

.iqitfreedeliverycount p {
    font-size: 0.82rem;
    color: #8B7355;
    margin-bottom: 0;
}

/* Bouton "Continuer mes achats" — centré, arrondi uniforme */
body#cart .cart-grid-body > a.btn-secondary {
    display: block;
    width: fit-content;
    margin: 1.5rem auto !important;
    border-radius: 25px !important;
}

/* Champ code promo et inputs généraux */
/* Champ code promo — arrondi uniquement sur ce champ */
input[name="discount_name"] {
    border-radius: 20px 0 0 20px !important;
    border-color: #D4C5A9 !important;
    padding-left: 1rem !important;
}

.cart-voucher .input-group .form-control {
    border-radius: 20px 0 0 20px !important;
    border-color: #D4C5A9 !important;
    padding-left: 1rem !important;
}

.cart-voucher .input-group .btn {
    border-radius: 0 20px 20px 0 !important;
}

.products-selection{
    border:none;
}
.horizontal_filters{
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    position: relative!important;
}
.horizontal_filters_center{
    display: flex;
    gap: 10px;
}
.nb_prod{
    position: absolute;
    right: 0;
}


#search_center_filter_toggler{
    padding: 5px 30px;
    border-radius: 10px;
    background: #F5F0E8;
}
#search_center_filter_toggler:hover{
    background: #E8DFD0;
}
.products-sort-order .form-control{
    padding: 5px 30px;
    border-radius: 10px;
    border: none;
    background: #F5F0E8;
}


.cart-products-count-btn {
    color: #FFF;
    background: #2C2825;
}



@media screen and (max-width: 767px){
    #footer-container-main .container .row{
        display: block;
        text-align: center;
    }
    #footer-container-main .container .row h5{
        margin-top: 25px;
    }
    #footer-container-main .container .row .block-links .block-content{
        padding-left: 30px;
        text-align: left;
    }

    .col-mobile-logo a img{
        max-width: 80%;
    }
}

#mobile-header {
    border-bottom: none;
}

.picto_cart_header {
    width: 39px;
    filter: brightness(0) saturate(100%) invert(71%) sepia(21%) saturate(757%) hue-rotate(5deg) brightness(97%) contrast(84%);
}
.picto_cart_header_mobile {
    width: 22px;
    filter: brightness(0) saturate(100%) invert(71%) sepia(21%) saturate(757%) hue-rotate(5deg) brightness(97%) contrast(84%);
}


.cbp-hrmenu-tab{
    border-bottom: 1px solid #C6A664;
}

.mb-3, .my-3 {
    margin-bottom: 0rem !important;
}


@media screen and (max-width: 767px){
    #product-infos-tabs{
        border-bottom: none;
        margin-top: -40px!important;
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%;
    }
    .nav-item{
        background: #F5F0E8;
        width: 100%;
        position: relative;
    }
    .nav-item a:after{
        content : "+";
        font-size: 40px;
        font-weight: lighter;
        color: #FFF;
        position: absolute;
        right: 40px;
        top: 10px;
    }
    .product-tabs .nav-tabs .nav-item{
        margin-bottom: 1px!important;
    }
}

.desktop-header-style-2 .search-widget,
.desktop-header-style-2 .search-widget form div input,
.search-btn{
    /*border: 1px solid #C6A664;*/
    border-radius: 10px!important;
}


.crossselling-products h4, .product-accessories .section-title{
    text-align: center!important;
}


.picto_infos_taille{
    padding: 0px 5px 3px 10px;
}
.picto_infos_taille {
    width: 22px;
}
.picto_infos_taille span{
    display:none;
    color:#fff;
    background:rgba(51,51,51,0.80);
    padding:20px 20px 0px 20px ;
    border-radius:10px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width:auto;
    text-align:center;
    position: absolute;
    z-index:10;
}
.picto_infos_taille {
    display: inline-block;
    border-radius: 10px;
}
.picto_infos_taille td{
    padding: 3px 10px;
}
.picto_infos_taille:hover span{
    display:block;
}

.af_filter ul {
    max-height: 250px!important;
}


#desktop_logo a{
    margin-right: 120px!important;
}

@media screen and (max-width: 767px){
    #content-wrapper .product_header_container .page-title{
        text-align: center;
    }
    .product_header_container .product-prices{
        text-align: center;
    }
    #product-availability{
        width: 100%;
    }


    .display_price {
        position: relative;
        padding-left: 50%;
    }

    .current-price {
        position: relative;
        display: inline-block;
        transform: translateX(-50%);
    }
    .current-price .tax_price_mobile{
        position: absolute;
    }

}

/* ============================================
   ACCORDION ELEMENTOR
   ============================================ */

.elementor-accordion {
    border: 1px solid #E8DFD0;
    border-radius: 10px;
    overflow: hidden;
}

.elementor-accordion-item {
    border-width: 0 0 1px 0 !important;
    border-color: #E8DFD0 !important;
    background: #FAF7F2;
}

.elementor-accordion-item:last-child {
    border-bottom: none !important;
}

/* Titre */
.elementor-accordion-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    color: #2C2825 !important;
    padding: 1rem 1.4rem !important;
    background: #FAF7F2;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
}

.elementor-accordion-title:hover {
    background: #F5F0E8 !important;
    color: #8B7355 !important;
}

/* Item actif / ouvert */
.elementor-accordion-item.elementor-active .elementor-accordion-title {
    background: #F5F0E8 !important;
    color: #C6A664 !important;
    border-bottom: 1px solid #E8DFD0 !important;
}

/* Icône + / - */
.elementor-accordion-icon {
    color: #C6A664 !important;
    font-size: 1.2rem !important;
    margin-right: 0.6rem;
}

.elementor-accordion-item.elementor-active .elementor-accordion-icon {
    color: #A8894D !important;
}

/* Contenu */
.elementor-accordion-content {
    background: #FFFFFF;
    padding: 1.2rem 1.6rem !important;
    color: #3A3632;
    font-family: 'Jost', sans-serif;
    font-size: 0.95rem;
    line-height: 1.8;
    border-top: none !important;
}

.elementor-accordion-content p {
    margin: 0;
}

/* Liens dans l'accordion */
.elementor-accordion-item a {
    color: #C6A664 !important;
    text-decoration: underline;
    transition: color 0.2s;
}

.elementor-accordion-item a:hover {
    color: #A8894D !important;
}

.tabs.product-tabs a {
     color: #C6A664 !important;
}

.cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link {
    text-align: center;
}

.mpp-editorial {
  max-width: 900px;
  margin: 3rem auto;
  padding: 0 1.5rem;
  font-family: 'Jost', sans-serif;
  color: #3A3632;
  line-height: 1.8;
  font-size: 15px;
}

.mpp-editorial h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.6rem;
  color: #2C2825;
  margin: 2.8rem 0 1rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #D4C5A9;
  font-weight: 600;
}

.mpp-editorial h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  color: #8B7355;
  margin: 2rem 0 0.6rem;
  font-weight: 600;
}

.mpp-editorial p {
  margin: 0.8rem 0;
  text-align: justify;
}

.mpp-editorial a {
  color: #8B7355;
  text-decoration: underline;
  transition: color 0.2s;
}

.mpp-editorial a:hover {
  color: #7A5C38;
}

/* --- Fiche technique chakra --- */
.mpp-fiche-chakra {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  background: linear-gradient(135deg, #F5F0E8 0%, #FAF7F2 100%);
  border: 1px solid #D4C5A9;
  border-radius: 10px;
  overflow: hidden;
  margin: 2rem 0;
}

.mpp-fiche-chakra .fiche-item {
  padding: 0.9rem 1.2rem;
  border-bottom: 1px solid #D4C5A9;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.mpp-fiche-chakra .fiche-item:nth-child(odd) {
  border-right: 1px solid #D4C5A9;
}

.mpp-fiche-chakra .fiche-label {
  font-weight: 600;
  color: #8B7355;
  white-space: nowrap;
  min-width: 100px;
  font-size: 0.88rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.mpp-fiche-chakra .fiche-value {
  color: #3A3632;
  font-size: 0.95rem;
}

.mpp-fiche-chakra .fiche-header {
  grid-column: 1 / -1;
  background: #8B7355;
  color: #fff;
  padding: 1rem 1.2rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}

/* --- Bloc symptômes --- */
.mpp-symptomes-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin: 1.5rem 0;
}

.mpp-symptome-card {
  background: #fff;
  border-radius: 10px;
  padding: 1.5rem;
  border: 1px solid #E8DFD0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.mpp-symptome-card h4 {
  margin: 0 0 0.8rem;
  font-size: 1rem;
  color: #8B7355;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mpp-symptome-card ul {
  margin: 0;
  padding-left: 1.2rem;
}

.mpp-symptome-card ul li {
  margin-bottom: 0.4rem;
  font-size: 0.93rem;
}

/* --- Pierres cards --- */
.mpp-pierre-block {
  background: #fff;
  border-radius: 10px;
  padding: 1.5rem 1.8rem;
  margin: 1.5rem 0;
  border-left: 4px solid #C6A664;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

.mpp-pierre-block h3 {
  margin-top: 0;
}

.mpp-pierre-block .pierre-cta {
  display: inline-block;
  margin-top: 0.6rem;
  padding: 0.45rem 1.2rem;
  background: #8B7355;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
  transition: background 0.2s;
}

.mpp-pierre-block .pierre-cta:hover {
  background: #7A5C38;
}

/* --- Méthodes --- */
.mpp-methodes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin: 1.5rem 0;
}

.mpp-methode-card {
  background: linear-gradient(180deg, #F5F0E8 0%, #FAF7F2 100%);
  border: 1px solid #E8DFD0;
  border-radius: 10px;
  padding: 1.4rem;
  text-align: center;
}

.mpp-methode-card .methode-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.mpp-methode-card h4 {
  font-size: 0.95rem;
  color: #8B7355;
  margin: 0 0 0.5rem;
}

.mpp-methode-card p {
  font-size: 0.88rem;
  text-align: center;
  margin: 0;
}

/* --- FAQ --- */
.mpp-faq-item {
  border: 1px solid #E8DFD0;
  border-radius: 8px;
  margin-bottom: 0.8rem;
  overflow: hidden;
}

.mpp-faq-item summary {
  padding: 1rem 1.2rem;
  font-weight: 600;
  color: #8B7355;
  cursor: pointer;
  background: #FAF7F2;
  font-size: 0.98rem;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mpp-faq-item summary::-webkit-details-marker {
  display: none;
}

.mpp-faq-item summary::after {
  content: "+";
  font-size: 1.3rem;
  color: #C6A664;
  font-weight: 400;
  transition: transform 0.2s;
}

.mpp-faq-item[open] summary::after {
  content: "−";
}

.mpp-faq-item .faq-answer {
  padding: 0.8rem 1.2rem 1.2rem;
  font-size: 0.93rem;
}

/* --- Liens chakras --- */
.mpp-chakras-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 1.5rem 0;
  justify-content: center;
}

.mpp-chakras-nav a {
  padding: 0.5rem 1rem;
  border-radius: 25px;
  font-size: 0.85rem;
  text-decoration: none !important;
  font-weight: 500;
  transition: all 0.2s;
  border: 1px solid transparent;
}

.mpp-chakras-nav a.active {
  background: #8B7355;
  color: #fff !important;
}

.mpp-chakras-nav a:not(.active) {
  background: #F5F0E8;
  color: #8B7355 !important;
  border-color: #D4C5A9;
}

.mpp-chakras-nav a:not(.active):hover {
  background: #E8DFD0;
}

/* ============================================
   HEADER
   ============================================ */

/* Fond général du header */
#header,
#checkout-header {
    background: #FAF7F2 !important;
}

/* Barre de navigation supérieure (promo, livraison…) */
#header .header-nav {
    background: #2C2825 !important;
    color: #FAF7F2 !important;
}
#header .header-nav a,
#header .header-nav a:hover {
    color: #FAF7F2 !important;
}

/* Zone centrale du header (logo, recherche, panier) */
.header-top {
    color: #3A3632 !important;
}
.header-top a:not(.btn):not(.nav-link) {
    color: #C6A664 !important;
}
.header-top a:not(.btn):not(.nav-link):hover {
    color: #A8894D !important;
}

/* Champ de recherche */
.header-top .form-search-control {
    color: #8B7355 !important;
    border-color: #D4C5A9 !important;
}
.header-top input.form-search-control::-webkit-input-placeholder { color: #D4C5A9 !important; }
.header-top input.form-search-control:-moz-placeholder            { color: #D4C5A9 !important; }
.header-top input.form-search-control:-ms-input-placeholder       { color: #D4C5A9 !important; }

/* Icône recherche */
.header-top .search-btn {
    color: #C6A664 !important;
}

/* Icônes panier */
.header-top a.header-cart-btn:not(:hover),
#sticky-cart-wrapper a.header-cart-btn:not(:hover) {
    color: #C6A664 !important;
}
.header-top .header-cart-default a.cart-toogle {
    background: #F5F0E8 !important;
    color: #C6A664 !important;
}
.header-top .header-cart-default a.cart-toogle:hover {
    color: #A8894D !important;
}

/* Header mobile */
#mobile-header .m-nav-btn {
    color: #C6A664 !important;
}
#mobile-header .m-nav-btn:hover {
    color: #A8894D !important;
}
#mobile-header .mobile-buttons-bar {
    background: #F5F0E8 !important;
}
#mobile-header {
    background: #FAF7F2 !important;
}

/* ============================================
   BOUTONS
   ============================================ */

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background: #C6A664 !important;
    border-color: #C6A664 !important;
    color: #fff !important;
    border-radius: 25px !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #A8894D !important;
    border-color: #A8894D !important;
    color: #fff !important;
    border-radius: 25px !important;
}

.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled {
    background: #E8DFD0 !important;
    border-color: #D4C5A9 !important;
    color: #3A3632 !important;
    border-radius: 25px !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active {
    background: #D4C5A9 !important;
    border-color: #C6A664 !important;
    color: #2C2825 !important;
    border-radius: 25px !important;
}

/* ============================================
   ICÔNES SVG & FONT-ICONS
   ============================================ */

.header-top .icon,
.header-top i,
.header-top svg {
    color: #C6A664 !important;
    fill: #C6A664 !important;
}

.header-btn > .icon,
.header-btn > i {
    color: #C6A664 !important;
}

/* Compteur panier */
.cart-products-count-btn {
    background: #2C2825 !important;
    color: #FAF7F2 !important;
}

/* ============================================
   MENU DE NAVIGATION
   ============================================ */

/* Fond de la barre de menu desktop */
#iqitmegamenu-horizontal {
    background: #FAF7F2 !important;
    border-bottom: 1px solid #E8DFD0 !important;
}

/* Liens du menu principal */
.cbp-horizontal > ul > li > a,
.cbp-horizontal > ul > li > a:not([href]):not([tabindex]),
.cbp-horizontal > ul > li > .cbp-main-link {
    color: #3A3632 !important;
}
.cbp-horizontal > ul > li > a:hover,
.cbp-horizontal > ul > li > .cbp-main-link:hover {
    color: #C6A664 !important;
}

/* Lien actif / sous-menu ouvert au survol */
.cbp-horizontal > ul > li.cbp-hropen > a,
.cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]),
.cbp-horizontal > ul > li.cbp-hropen > a:hover,
.cbp-horizontal > ul > li.current > a {
    background: #F5F0E8 !important;
    color: #C6A664 !important;
}

/* Séparateurs entre items */
.cbp-horizontal > ul > li > a {
    border-left-color: rgba(198, 166, 100, 0.2) !important;
}

/* Sous-menus — fond et texte */
.cbp-hrmenu .cbp-hrsub-inner,
.cbp-hrmenu ul.cbp-hrsub-level2 {
    background: #FAF7F2 !important;
    border-color: #E8DFD0 !important;
    box-shadow: 0 15px 25px 0 rgba(44, 40, 37, 0.1) !important;
}
.cbp-hrmenu .cbp-hrsub-inner,
.cbp-hrmenu .cbp-hrsub-inner a,
.cbp-hrmenu .cbp-hrsub-inner a:link {
    color: #3A3632 !important;
}
.cbp-hrmenu .cbp-hrsub-inner a:hover {
    color: #C6A664 !important;
}

/* Titres de colonnes dans les sous-menus */
.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title,
.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link {
    color: #8B7355 !important;
    border-bottom-color: #D4C5A9 !important;
}
.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover {
    color: #C6A664 !important;
}

/* Onglets dans les sous-menus */
.cbp-hrmenu .tabs-links {
    background: #F5F0E8 !important;
}
.cbp-hrmenu .cbp-tabs-names li a {
    color: #8B7355 !important;
}
.cbp-hrmenu .cbp-tabs-names li a:hover,
.cbp-hrmenu .cbp-tabs-names li a.active {
    background: #FAF7F2 !important;
    color: #C6A664 !important;
}
.cbp-hrmenu .cbp-tab-content {
    border-left-color: #D4C5A9 !important;
}
.cbp-hrmenu .cbp-hrsub-tabs-names li {
    border-bottom-color: #D4C5A9 !important;
}

/* Badge "Nouveau", "Promo" dans le menu */
.cbp-hrmenu .cbp-legend {
    background: #B5735A !important;
    color: #fff !important;
}
.cbp-horizontal .cbp-legend {
    background: #B5735A !important;
    color: #fff !important;
}

/* Menu mobile */
#iqitmegamenu-mobile {
    background: #F5F0E8 !important;
    color: #2C2825 !important;
}

/* Trait de soulignement du menu */
.cbp-hrmenu-tab {
    border-bottom: 1px solid #C6A664 !important;
}

/* ============================================
   RESPONSIVE — HEADER MOBILE
   ============================================ */

/* --- Responsive --- */
@media (max-width: 768px) {
  .mpp-fiche-chakra {
    grid-template-columns: 1fr;
  }

  .mpp-fiche-chakra .fiche-item:nth-child(odd) {
    border-right: none;
  }

  .mpp-symptomes-grid {
    grid-template-columns: 1fr;
  }

  .mpp-methodes-grid {
    grid-template-columns: 1fr;
  }

  .mpp-editorial h2 {
    font-size: 1.35rem;
  }
}