/*
Theme Name:   Anaaz Store
Author:      Anaaz
Description:  Ecommerce Store
*/

#footer {
    margin-top: 15px;
}

.nav-area-bottom {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .nav-area-top {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nav-area-top .logo-holder {
        padding-left: 15px;
    }

    .nav-area-top .user-area {
        padding-right: 15px;
    }

    .header-search-permanent {
        background-color: #FBF7F2 !important;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 8px;
        padding-bottom: 8px;
        box-sizing: border-box;
        width: 100%;
    }
}

.nav-area-bottom {
    background-color: #FBF7F2;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    .woocommerce-message,
    .woocommerce-info {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .woocommerce-message .button,
    .woocommerce-info .button,
    a.button.wc-forward {
        float: none !important;
        width: 100%;
        text-align: center;
        margin: 0 !important;
        order: 2;
    }
}

.woocommerce-MyAccount-content {
    margin: 0 40px;
    max-width: calc(100% - 80px);
}

@media (max-width: 1024px) {
    .woocommerce-MyAccount-content {
        margin: 0 20px;
        max-width: calc(100% - 40px);
    }
}

@media (max-width: 767px) {
    .woocommerce-MyAccount-content {
        margin: 0 15px;
        max-width: calc(100% - 30px);
    }
}

a.button.wc-forward,
a.woocommerce-Button.wc-forward.button {
    background-color: #F8F8F8 !important;
    color: #000000 !important;
    border: none !important;
}

/* Retire le style natif du bouton "effacer" du champ de recherche */
.header-search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 16px;
    width: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>') no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.become-vendor-link a {
    background: #f9ebda;
    padding: 5px 16px;
    border-radius: 20px;
    transition: background 0.2s ease;
    text-decoration: none !important;
}



.become-vendor-link {
    padding-right: 0 !important;
    border-right: none !important;
}



/* ==========================================================
   FORMULAIRE D'INSCRIPTION VENDEUR — WCFM MEMBERSHIP
   Basé sur la vraie structure : .wcfm-membership-wrapper
   ========================================================== */

.wcfm-membership-wrapper {
    font-family: 'Poppins', sans-serif;
    max-width: 640px;
    margin: 40px auto;
    padding: 48px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0,0,0,0.06);
}

/* Titre principal "Vendez vos produits sur Anaaz" */
.wcfm_registration_form_heading {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-bottom: 32px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

/* Labels (Email, Prénom, Nom, etc.) */
.wcfm-membership-wrapper .wcfm_title strong {
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #111;
    font-style: normal;
    margin-bottom: 8px;
    letter-spacing: 0.2px;
}

.wcfm-membership-wrapper .wcfm_title {
    margin-bottom: 8px;
    margin-top: 22px;
}

.wcfm-membership-wrapper .required {
    color: #e63946;
    margin-left: 2px;
}

/* Champs texte / password */
.wcfm-membership-wrapper input.wcfm-text,
.wcfm-membership-wrapper input[type="text"],
.wcfm-membership-wrapper input[type="password"] {
    width: 100%;
    height: 48px;
    border: 1.5px solid #e5e5e5;
    border-radius: 10px;
    padding: 0 16px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.wcfm-membership-wrapper input.wcfm-text:focus,
.wcfm-membership-wrapper input[type="text"]:focus,
.wcfm-membership-wrapper input[type="password"]:focus {
    border-color: #000;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
}

/* Bloc email + code de vérification */
.wcfm_email_verified {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 12px;
}

.wcfm_email_verified .wcfm_email_verified_input {
    flex: 1;
    height: 44px;
}

/* Bouton "Renvoyer le Code" */
.wcfm_email_verified_button {
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 0 20px !important;
    height: 44px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease;
}

.wcfm_email_verified_button:hover {
    background: #333 !important;
}

/* Texte "https://www.anaaz.store/store/[votre-boutique]" sous le nom du magasin */
.wcfm_page_options_desc {
    font-size: 12px;
    color: #999;
    font-style: italic;
    margin-top: 6px;
    margin-bottom: 0;
}

.wcfm_store_slug {
    color: #000;
    font-weight: 500;
}

/* Icône "?" d'aide (tooltip) */
.img_tip.wcfmfa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: #f0f0f0;
    border-radius: 50%;
    color: #666;
    font-size: 11px;
    margin-left: 6px;
    cursor: help;
}

/* Indicateur de force du mot de passe */
#password_strength {
    margin-top: 8px;
}

/* Checkbox + lien Conditions Générales */
.terms_title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    font-size: 13px;
}

.wcfm-checkbox {
    width: 18px;
    height: 18px;
    accent-color: #000;
    margin: 0;
    flex-shrink: 0;
}

.terms_title a {
    color: #000;
    text-decoration: underline;
    font-weight: 500;
}

/* Message de vérification email / erreurs */
.wcfm-message {
    font-size: 13px;
    margin: 12px 0;
    border-radius: 8px;
}

/* Bouton principal "M'enregistrer" */
#wcfm_membership_registration_submit {
    margin-top: 32px;
}

#wcfm_membership_register_button {
    width: 100%;
    height: 52px;
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
}

#wcfm_membership_register_button:hover {
    background: #333 !important;
    transform: translateY(-1px);
}

/* Nettoyage des clearfix WCFM (évite les espaces bizarres) */
.wcfm_clearfix,
.wcfm-clearfix {
    clear: both;
}

/* Responsive mobile */
@media (max-width: 767px) {
    .wcfm-membership-wrapper {
        margin: 0;
        padding: 24px 20px;
        border-radius: 0;
        box-shadow: none;
    }

    .wcfm_registration_form_heading {
        font-size: 22px;
    }

    .wcfm_email_verified {
        flex-direction: column;
        align-items: stretch;
    }

    .wcfm_email_verified_button {
        width: 100%;
    }
}

.terms_title,
.terms_title strong {
    width: 100% !important;
    max-width: 100% !important;
}

.wcfm_email_verified {
    display: flex;
    gap: 10px;
    align-items: center;
}

.wcfm_email_verified_input,
.wcfm_email_verified_button {
    height: 44px !important;
    box-sizing: border-box;
    margin: 0 !important;
    vertical-align: middle;
}

.wcfm_page_options_desc {
    display: none !important;
}

.img_tip.wcfmfa {
    display: none !important;
}

.wcfm-membership-wrapper .wcfm_title strong {
    font-style: normal !important;
}

/* Corrige le centrage vertical du texte du pays sélectionné dans le calculateur */
.shipping-calculator-form .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    height: 100%;
    line-height: normal !important;
}

.shipping-calculator-form .select2-selection--single {
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
}

/* Message "cette boutique ne livre pas à votre adresse" dans le panier */
.anaaz-no-shipping-msg {
    display: block;
    margin-top: 8px;
    padding: 12px 16px;
    background-color: #FFF8E6;
    border-left: 4px solid #F1E4C8;
    border-radius: 4px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}

/* Liste déroulante du calculateur de frais de livraison (Select2) — scopé strictement */
span[id*="select2-calc_shipping_country"] .select2-results__option,
ul[id*="select2-calc_shipping_country-results"] li {
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* Option survolée */
li[id*="calc_shipping_country-result"].select2-results__option--highlighted {
    background: #f4f4f4 !important;
    color: #000 !important;
}

/* Option actuellement sélectionnée (remplace le bleu) */
li[id*="calc_shipping_country-result"][aria-selected="true"] {
    background: #000 !important;
    color: #fff !important;
}

/* Le cadre du dropdown — scopé via le id unique du select2 */
.select2-container[id*="select2-calc_shipping_country"] + .select2-dropdown,
span[id*="select2-calc_shipping_country"] .select2-dropdown {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}

/* Champ "Pays/région" du calculateur de frais de livraison */
.shipping-calculator-form .form-row label {
    font-weight: 500;
    font-size: 13px;
    color: #333;
    margin-bottom: 6px;
    display: inline-block;
}

.shipping-calculator-form select,
.shipping-calculator-form input.input-text {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    font-family: inherit;
    background: #fff;
    transition: border-color 0.2s ease;
}

.shipping-calculator-form select:focus,
.shipping-calculator-form input.input-text:focus {
    border-color: #000;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
}

/* Espacement propre entre le champ et le bouton */
.shipping-calculator-form .form-row {
    margin-bottom: 16px;
}

/* Bouton "Mettre à jour les frais de livraison" */
.shipping-calculator-form button[name="calc_shipping"] {
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.shipping-calculator-form button[name="calc_shipping"]:hover {
    background: #333 !important;
}

/* Bouton "Modifier l'adresse" */
.panel-row a.shipping-calculator-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 8px 16px;
    margin-bottom: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}



/* calculateur panier */

.panel-row > span {
    display: flex;
    flex-direction: column;
}

/* Le calculateur passe en premier, avant tous les blocs vendeurs */
.panel-row > span > a.shipping-calculator-button,
.panel-row > span > section.shipping-calculator-form {
    order: -1;
}

/* page boutique vendor */

#tabsWithStyle:focus,
#tabsWithStyle *:focus,
#tab_links_area:focus,
#tab_links_area *:focus {
    outline: none !important;
}


#wcfmmp-store .price ins,
#wcfmmp-store .price ins .woocommerce-Price-amount {
    background: transparent !important;
}

/*page panier */

.woocommerce-shipping-contents small {
    font-size: 13px;
    font-weight: 600;
    color: #111;
}

/* Séparateur entre les blocs de livraison par boutique */
.panel-row section.shipping-calculator-form ~ p.woocommerce-shipping-contents {
    border-top: 1px solid #e5e5e5;
    padding-top: 16px;
    margin-top: 16px;
}

/* Nom de la boutique en noir sur panier / checkout */
.woocommerce-cart .wcfm_dashboard_item_title,
.woocommerce-checkout .wcfm_dashboard_item_title {
    color: #000 !important;
}
/* ==========================================================
   MODALE "CONTACTER LA BOUTIQUE" — FICHE PRODUIT
   Même design que la page boutique
   ========================================================== */


/* OVERLAY */
body.single-product #cboxOverlay {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    background: rgba(0, 0, 0, .55) !important;
    opacity: 1 !important;

    z-index: 999998 !important;
}


/* COLORBOX */
body.single-product #colorbox {
    position: fixed !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    transform: translate(-50%, -50%) !important;

    width: min(620px, calc(100vw - 40px)) !important;
    max-width: 620px !important;

    height: auto !important;
    max-height: calc(100vh - 40px) !important;

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

    box-sizing: border-box !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 18px !important;

    box-shadow: none !important;

    overflow: visible !important;

    z-index: 999999 !important;
}


/* WRAPPER */
body.single-product #cboxWrapper {
    position: relative !important;

    width: 100% !important;
    height: auto !important;

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

    box-sizing: border-box !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 18px !important;

    overflow: visible !important;
}


/* SUPPRIMER LES ANCIENNES BORDURES COLORBOX */
body.single-product #cboxTopLeft,
body.single-product #cboxTopCenter,
body.single-product #cboxTopRight,
body.single-product #cboxMiddleLeft,
body.single-product #cboxMiddleRight,
body.single-product #cboxBottomLeft,
body.single-product #cboxBottomCenter,
body.single-product #cboxBottomRight {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    background: none !important;
}


/* CONTENU PRINCIPAL */
body.single-product #cboxContent {
    position: relative !important;

    float: none !important;

    width: 100% !important;
    height: auto !important;

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

    box-sizing: border-box !important;

    background: #fff !important;

    border: 0 !important;
    border-radius: 18px !important;

    box-shadow: 0 12px 40px rgba(0,0,0,.16) !important;

    overflow: hidden !important;
}


/* ZONE SCROLLABLE */
body.single-product #cboxLoadedContent {
    position: relative !important;

    width: 100% !important;
    height: auto !important;

    max-height: calc(100vh - 40px) !important;

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

    box-sizing: border-box !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #fff !important;

    border-radius: 18px !important;
}


/* FORMULAIRE */
body.single-product #enquiry_form_wrapper {
    width: 100% !important;

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

    box-sizing: border-box !important;
}


body.single-product #enquiry_form {
    width: 100% !important;

    margin: 0 !important;
    padding: 34px 36px 32px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border: 0 !important;
    border-radius: 18px !important;

    box-shadow: none !important;
}


/* TITRE */
body.single-product #enquiry_form > div:first-child {
    margin: 0 0 24px !important;
}


body.single-product #enquiry_form h2 {
    float: none !important;

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

    color: #111 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    font-style: normal !important;

    text-transform: none !important;
}


/* FORM */
body.single-product #wcfm_enquiry_form {
    width: 100% !important;

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

    box-sizing: border-box !important;
}


/* LABELS */
body.single-product #wcfm_enquiry_form .wcfm_popup_label {
    display: block !important;

    width: 100% !important;

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

    float: none !important;
}


body.single-product #wcfm_enquiry_form .wcfm_popup_label strong {
    display: block !important;

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

    color: #222 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    font-style: normal !important;
}


body.single-product #wcfm_enquiry_form .required {
    color: #d9534f !important;
}


/* INPUTS */
body.single-product #wcfm_enquiry_form input[type="text"],
body.single-product #wcfm_enquiry_form input[type="email"],
body.single-product #wcfm_enquiry_form input[type="tel"] {
    display: block !important;

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

    height: 42px !important;

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

    box-sizing: border-box !important;

    float: none !important;

    border: 1px solid #ddd !important;
    border-radius: 6px !important;

    background: #fff !important;

    color: #222 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;

    outline: none !important;

    box-shadow: none !important;
}


/* NOTE EMAIL */
body.single-product #wcfm_enquiry_form .comment-notes {
    width: 100% !important;

    margin: -5px 0 18px !important;
    padding: 0 !important;

    color: #777 !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
}


/* important : WCFM met margin-left:39% inline */
body.single-product #wcfm_enquiry_form p.comment-notes {
    margin-left: 0 !important;
}


/* TEXTAREA */
body.single-product #wcfm_enquiry_form #enquiry_comment,
body.single-product #wcfm_enquiry_form .wcfm_popup_textarea {
    display: block !important;

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

    min-height: 150px !important;
    height: 150px !important;

    margin: 0 !important;
    padding: 14px 16px !important;

    box-sizing: border-box !important;

    float: none !important;

    border: 1px solid #ddd !important;
    border-radius: 12px !important;

    background: #fafafa !important;

    color: #222 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    outline: none !important;

    box-shadow: none !important;

    resize: vertical !important;
}


body.single-product #wcfm_enquiry_form input:focus,
body.single-product #wcfm_enquiry_form textarea:focus {
    border-color: #999 !important;
    background: #fff !important;

    outline: none !important;

    box-shadow: none !important;
}


/* CLEARFIX WCFM */
body.single-product #wcfm_enquiry_form .wcfm_clearfix,
body.single-product #wcfm_enquiry_form .wcfm-clearfix {
    display: none !important;
}


/* BOUTON SOUMETTRE */
body.single-product #wcfm_enquiry_form .form-submit {
    display: flex !important;

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

    width: 100% !important;

    margin: 24px 0 0 !important;
    padding: 0 !important;

    float: none !important;
}


body.single-product #wcfm_enquiry_submit_button {
    display: inline-flex !important;

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

    width: auto !important;
    min-width: 140px !important;

    height: 44px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    border: 0 !important;
    border-radius: 24px !important;

    background: #000 !important;

    color: #fff !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    text-transform: uppercase !important;
    letter-spacing: .03em !important;

    cursor: pointer !important;

    box-shadow: none !important;
}


body.single-product #wcfm_enquiry_submit_button:hover {
    background: #222 !important;
    color: #fff !important;
}


/* ==========================================================
   CROIX
   ========================================================== */

body.single-product #cboxClose {
    position: absolute !important;

    top: 14px !important;
    right: 14px !important;

    left: auto !important;
    bottom: auto !important;

    display: block !important;

    width: 32px !important;
    min-width: 32px !important;

    height: 32px !important;
    min-height: 32px !important;

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

    border: 0 !important;
    border-radius: 50% !important;

    background: #f3f3f3 !important;
    background-image: none !important;

    color: transparent !important;

    font-size: 0 !important;

    text-indent: -9999px !important;

    overflow: hidden !important;

    z-index: 100 !important;

    cursor: pointer !important;

    box-shadow: none !important;
}


body.single-product #cboxClose::before,
body.single-product #cboxClose::after {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 12px !important;
    height: 1.5px !important;

    background: #222 !important;

    border-radius: 2px !important;
}


body.single-product #cboxClose::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}


body.single-product #cboxClose::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}


/* CACHER LES AUTRES CONTRÔLES COLORBOX */
body.single-product #cboxTitle,
body.single-product #cboxCurrent,
body.single-product #cboxPrevious,
body.single-product #cboxNext,
body.single-product #cboxSlideshow,
body.single-product #cboxLoadingOverlay,
body.single-product #cboxLoadingGraphic {
    display: none !important;
}


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

@media (max-width: 1024px) {

    body.single-product #colorbox {
        width: min(580px, calc(100vw - 40px)) !important;
        max-width: 580px !important;
    }

    body.single-product #enquiry_form {
        padding: 30px 28px 26px !important;
    }
}


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

@media (max-width: 640px) {

    body.single-product #colorbox {
        width: calc(100vw - 24px) !important;
        max-width: none !important;

        max-height: calc(100vh - 24px) !important;
    }

    body.single-product #cboxLoadedContent {
        max-height: calc(100vh - 24px) !important;
    }

    body.single-product #enquiry_form {
        padding: 26px 18px 22px !important;
    }

    body.single-product #enquiry_form h2 {
        font-size: 18px !important;
    }

    body.single-product #wcfm_enquiry_form #enquiry_comment,
    body.single-product #wcfm_enquiry_form .wcfm_popup_textarea {
        min-height: 120px !important;
        height: 120px !important;
    }

    body.single-product #wcfm_enquiry_submit_button {
        width: 100% !important;
        min-width: 0 !important;

        height: 42px !important;
    }

    body.single-product #cboxClose {
        top: 10px !important;
        right: 10px !important;

        width: 30px !important;
        height: 30px !important;
    }
}

/* Supprimer "Votre adresse email ne sera pas publiée." */
body.single-product #wcfm_enquiry_form .comment-notes,
body.single-product #wcfm_enquiry_form #email-notes {
    display: none !important;
}

/* ==========================================================
   BOUTON "CONTACTER LA BOUTIQUE" — FICHE PRODUIT
   Fond blanc / contour noir / texte noir / enveloppe
   ========================================================== */

.single-product .wcfm_catalog_enquiry_button_wrapper {
    margin: 18px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.single-product .wcfm_catalog_enquiry {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 42px !important;

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

    background: #fff !important;
    background-color: #fff !important;

    border: 1px solid #000 !important;
    border-bottom-color: #000 !important;

    border-radius: 33px !important;

    color: #000 !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    text-decoration: none !important;
    box-shadow: none !important;
}


/* On cache l'icône point d'interrogation */
.single-product .wcfm_catalog_enquiry .wcfmfa {
    display: none !important;
}


/* Enveloppe */
.single-product .wcfm_catalog_enquiry::before {
    content: "\2709";
    display: inline-block;

    color: #000 !important;

    font-size: 18px !important;
    line-height: 1 !important;

    font-family: Arial, sans-serif !important;
}


/* texte */
.single-product .wcfm_catalog_enquiry .add_enquiry_label {
    color: #000 !important;
}


/* hover */
.single-product .wcfm_catalog_enquiry:hover {
    background: #000 !important;
    background-color: #000 !important;

    border-color: #000 !important;
    border-bottom-color: #000 !important;

    color: #fff !important;
}

.single-product .wcfm_catalog_enquiry:hover::before,
.single-product .wcfm_catalog_enquiry:hover .add_enquiry_label {
    color: #fff !important;
}

/* ==========================================================
   FICHE PRODUIT — CACHER LE LOGO 
   ========================================================== */

body.single-product
.wcfmmp_sold_by_wrapper
img.wcfmmp_sold_by_logo {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* NOM DE LA BOUTIQUE EN NOIR */

body.single-product
.wcfmmp_sold_by_wrapper
a.wcfm_dashboard_item_title {
    color: #000 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}


/* "Boutique :" en noir également */

body.single-product
.wcfmmp_sold_by_wrapper
.wcfmmp_sold_by_label {
    color: #000 !important;
}

/* mon compte */


.woocommerce-MyAccount-navigation-link--inquiry {
    display: none !important;
}

a.woocommerce-button.button.ast_track {
    display: none !important;
}

/* panier */

@media (max-width: 768px) {
    .cart-card .img-holder img {
        height: 150px;
		
    }
}

/* ajustement polices */

button,
input,
select,
textarea {
    font-family: inherit;
}

/* Masquer "Devenir Vendeur" dans Mon compte */
.woocommerce-account .wcfmmp_become_vendor_link {
    display: none !important;
}

/* Masquer le texte d’intro du tableau de bord Mon compte uniquement */
.woocommerce-account:not(.woocommerce-orders):not(.woocommerce-view-order):not(.woocommerce-edit-address):not(.woocommerce-edit-account) 
.woocommerce-MyAccount-content > p {
    display: none !important;
}
/*sliders livraison */

.features .moving-holder .swiper,
.features .moving-holder .swiper-wrapper,
.features .moving-holder .swiper-slide {
    pointer-events: none !important;
}

/*slider vertical */

.vertical-swiper .container-image-and-badge,
.reverse-swiper .container-image-and-badge {
    display: block;
    width: 100%;
    height: 100%;
}



/* ===========================
   SHOP THE LOOK
============================ */

.shop-the-look {
    margin: 60px 0 0 0;
    width: 100%;
    flex-basis: 100%;
    box-sizing: border-box;
}

.shop-the-look h2 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

.stl-wrapper {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    justify-content: center;
}

.stl-image-wrapper {
    position: relative;
    width: 50%;
    max-width: 420px;
    flex-shrink: 0;
}

.stl-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}

.stl-hotspot {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 2;
}

.stl-dot {
    display: block;
    width: 14px;
    height: 14px;
    background: #000;
    border: 3px solid #fff;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
    animation: stl-pulse 2.5s infinite;
}

@keyframes stl-pulse {
    0% { box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 0 0 0 rgba(255,255,255,0.6); }
    70% { box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 0 0 12px rgba(255,255,255,0); }
    100% { box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 0 0 0 rgba(255,255,255,0); }
}

.stl-tooltip {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 3;
}

.stl-hotspot.active .stl-tooltip,
.stl-hotspot:hover .stl-tooltip {
    opacity: 1;
    visibility: visible;
}

.stl-tooltip a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    text-decoration: none;
    color: #000;
}

.stl-tooltip img {
    width: 50px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

.stl-tooltip-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stl-tooltip-info strong {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
}

.stl-tooltip-info span {
    font-size: 13px;
    color: #443937;
}

.stl-product-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    max-width: 350px;
}

.stl-list-item {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    color: #000;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.stl-list-item:last-child {
    border-bottom: none;
}

.stl-list-item img {
    width: 70px;
    height: 90px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

.stl-list-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.stl-list-info strong {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
}

.stl-list-info span {
    font-size: 14px;
    color: #443937;
}

@media (max-width: 768px) {
    .shop-the-look {
        margin: 0 0 0 0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .stl-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .stl-image-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .stl-product-list {
        max-width: 100%;
        width: 100%;
    }

    .stl-tooltip {
        width: 180px;
    }
}

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

.related-products .up-sells {
    margin: 60px auto;
    max-width: 1344px;
    padding: 0 15px;
    box-sizing: border-box;
}

.related-products .up-sells h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.related-products .up-sells ul.products {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px !important;
    list-style: none;
    padding: 0;
    margin: 0;
}

.related-products .up-sells ul.products li.product {
    flex: 0 1 312px;
    max-width: 312px;
    min-width: 250px;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    position: relative;
}

.related-products .up-sells ul.products li.product > a > img,
.related-products .up-sells ul.products li.product .wvs-archive-product-image {
    width: 312px !important;
    height: 450px !important;
    object-fit: cover !important;
    border-radius: 4px;
}

.related-products .up-sells ul.products li.product .yith-wcbm-badge {
    top: 10px !important;
    left: 10px !important;
}

.related-products .up-sells ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0 4px;
    color: #000;
}

.related-products .up-sells ul.products li.product .price {
    font-size: 14px;
    color: #443937;
    margin-bottom: 10px;
}

.related-products .up-sells ul.products li.product .price ins,
.related-products .up-sells ul.products li.product .price del {
    font-weight: 400 !important;
}

.related-products .up-sells ul.products li.product a.button,
.related-products .up-sells ul.products li.product a.add_to_cart_button {
    display: none !important;
}

.related-products .up-sells .wvs-archive-variations-wrapper,
.related-products .up-sells ul.archive-variable-items,
.related-products .up-sells .variations,
.related-products .up-sells .wvs-archive-information {
    display: none !important;
}

/* ===========================
   RESPONSIVE TABLETTE
============================ */
@media (max-width: 1024px) {
    .related-products .up-sells ul.products li.product {
        flex: 0 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
        min-width: 220px;
    }

    .related-products .up-sells ul.products li.product > a > img,
    .related-products .up-sells ul.products li.product .wvs-archive-product-image {
        width: 100% !important;
        height: 400px !important;
    }
}

/* ===========================
   RESPONSIVE MOBILE
============================ */
@media (max-width: 767px) {
    .related-products .up-sells {
        padding: 0 15px;
    }

    .related-products .up-sells h2 {
        font-size: 18px;
    }

    .related-products .up-sells ul.products {
        gap: 12px !important;
    }

   .related-products .up-sells ul.products li.product {
    flex: 0 1 calc(50% - 6px);
    max-width: calc(50% - 6px);
    min-width: 140px;
}

.related-products .up-sells ul.products li.product > a > img,
.related-products .up-sells ul.products li.product .wvs-archive-product-image {
    width: 100% !important;
    height: 320px !important;
}
}

/* ===========================
   VENTES CROISÉES - PAGE PANIER
============================ */

.cart-cross-sells {
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 60px;
    background: #f8f8f8;
    border-top: 1px solid #eee;
}

.cart-cross-sells h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Grille en 4 colonnes desktop */
.cart-cross-sells ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    list-style: none;
    padding: 0;
    margin: 0;
}

.cart-cross-sells ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
}

/* Image uniforme */
.cart-cross-sells ul.products li.product img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
    border-radius: 4px;
}

/* Titre produit */
.cart-cross-sells ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 4px;
}

/* Prix */
.cart-cross-sells ul.products li.product .price {
    font-size: 14px;
    color: #443937;
    margin-bottom: 10px;
}

.cart-cross-sells ul.products li.product .price ins,
.cart-cross-sells ul.products li.product .price del {
    font-weight: 400 !important;
}

/* Cacher les boutons "Ajouter au panier" / "Choix des options" */
.cart-cross-sells ul.products li.product a.button,
.cart-cross-sells ul.products li.product a.add_to_cart_button {
    display: none !important;
}

/* Cacher les variations de couleur/taille affichées en brut (swatches WVS) */
.cart-cross-sells .wvs-archive-variations-wrapper,
.cart-cross-sells ul.archive-variable-items,
.cart-cross-sells .variations,
.cart-cross-sells .wvs-archive-information {
    display: none !important;
}

/* ===========================
   RESPONSIVE TABLETTE
============================ */
@media (max-width: 1024px) {
    .cart-cross-sells ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ===========================
   RESPONSIVE MOBILE
============================ */
@media (max-width: 767px) {
    .cart-cross-sells ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .cart-cross-sells ul.products li.product img {
        aspect-ratio: 3 / 4;
    }

    .cart-cross-sells h2 {
        font-size: 18px;
        padding: 0 15px;
    }

    .cart-cross-sells {
        padding: 20px 15px 40px;
        background: #f8f8f8;
    }
}

/* page contact*/
.anaaz-contact-wrap {
    max-width: 1100px;
    margin: 30px auto;
    padding: 0 24px;
    font-family: inherit;
    color: #2b2620;
}
.anaaz-contact-header {
    text-align: center;
    margin-bottom: 56px;
}
.anaaz-contact-header .eyebrow {
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #a67c52;
    margin-bottom: 14px;
}
.anaaz-contact-header h1 {
    font-size: clamp(28px, 4vw, 42px);
    margin: 0 0 16px;
    font-weight: 600;
}
.anaaz-contact-header p {
    max-width: 560px;
    margin: 0 auto;
    color: #6b6255;
    font-size: 16px;
    line-height: 1.6;
}
.anaaz-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 48px;
    align-items: start;
}
@media (max-width: 860px) {
    .anaaz-contact-grid { grid-template-columns: 1fr; }
}

.anaaz-info-card {
    background: #FBF7F2;
    border-radius: 18px;
    padding: 36px 32px;
}
.anaaz-info-card h2 {
    font-size: 18px;
    margin: 0 0 24px;
    font-weight: 600;
}
.anaaz-info-item {
    display: flex;
    gap: 14px;
    margin-bottom: 22px;
    align-items: flex-start;
}
.anaaz-info-item .icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #ffdcc3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    font-size: 16px;
}
.anaaz-info-item .label {
    font-size: 13px;
    color: #8a8175;
    margin-bottom: 2px;
}
.anaaz-info-item .value a {
    color: #2b2620;
    text-decoration: none;
    font-weight: 500;
}
.anaaz-info-item .value a:hover { text-decoration: underline; }

.anaaz-social-row {
    display: flex;
    gap: 12px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #e6ddcd;
}
.anaaz-social-row a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e6ddcd;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #2b2620;
    font-size: 14px;
}
.anaaz-social-row a:hover { background: #a67c52; color: #fff; border-color: #a67c52; }

.anaaz-form-card {
    border: 1px solid #eee6d8;
    border-radius: 18px;
    padding: 36px 32px;
}
.anaaz-form-row { margin-bottom: 20px; }
.anaaz-form-row label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #2b2620;
}
.anaaz-form-row input,
.anaaz-form-row textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd3c1;
    border-radius: 10px;
    font-size: 15px;
    font-family: inherit;
    background: #fff;
    box-sizing: border-box;
}
.anaaz-form-row input:focus,
.anaaz-form-row textarea:focus {
    outline: none;
    border-color: #a67c52;
}
.anaaz-form-row textarea { min-height: 140px; resize: vertical; }
.anaaz-form-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
@media (max-width: 500px) {
    .anaaz-form-two-col { grid-template-columns: 1fr; }
}
.anaaz-hp { position: absolute; left: -9999px; }

.anaaz-submit-btn {
    background: #2b2620;
    color: #fff;
    border: none;
    padding: 14px 32px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}
.anaaz-submit-btn:hover { background: #a67c52; }

.anaaz-contact-alert {
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 22px;
    font-size: 14px;
}
.anaaz-contact-alert.success { background: #e8f3e6; color: #386641; }
.anaaz-contact-alert.error { background: #fbe9e7; color: #b3261e; }

.anaaz-social-row a {
    font-size: 15px;
}

/* section ? */

.woocommerce-checkout #wcf_cf_gdpr_message_block span{
    line-height: 1.2;
}

.single-post .single-content h2,
.single-post .single-content h3{
  scroll-margin-top: 90px;
}

@media (max-width: 768px){
  .single-post .single-content h2,
  .single-post .single-content h3{
    scroll-margin-top: 120px;
  }
}

/* bannière page blog */
/*.single-post .wp-block-buttons .wp-block-button .wp-block-button__link{
  text-decoration: none !important;
}*/

@media (max-width: 768px){
.archive.tax-product_cat .product-toggle {
    padding: 10px 5px;
    margin-top: 50px;
}
}

@media (min-width: 769px){
.archive.tax-product_cat .product-toggle {
    margin-top: 50px;
}
}


/* Uniquement archives catégories produits */
@media (max-width: 768px){
.archive.tax-product_cat .faq-section{

  padding: 0 15px;
 
}
}

@media (min-width: 769px){
  .archive.tax-product_cat .faq-section{
 width: 100%;
  max-width: 900px;
  padding-left: 110px;
  box-sizing: border-box;
  }
}

@media (min-width: 769px) {
    .archive.tax-product_cat .term-description {
        padding-left: 100px;
        padding-right: 100px;
		font-size: 12px;
    }
}

@media (max-width: 768px) {
    .archive.tax-product_cat .term-description {
        padding-left: 15px;
        padding-right: 15px;
		font-size: 12px;
    }
}


.page-id-13 .top-bar,
.page-id-11 .top-bar {
    display: none !important;
}


.page-id-11 .single-banner-overlay {
    background: none !important;
	justify-content: left!important;
}

.page-id-11 .single-title {
    color: #000000!important;
	font-weight: 500;	
    padding-left: 100px;
    padding-right: 100px;

}

.page-id-11 .related-title {
    font-weight: 400!important;
}
/* Remove container padding ONLY on About page */
.page-id-11 .about-area .container {
    padding: 0 !important;
}

/* ABOUT PAGE — retirer marge du H2 dans bloc media-text */
.page-id-11 .wp-block-media-text__content h2.wp-block-heading {
    margin-top: 0 !important;
}


/* ABOUT PAGE — arrondir l’image */
.page-id-11 .wp-block-media-text__media img {
    border-radius: 12px;
	margin: 0!important;
	padding-bottom: 15px;
}

/* Retirer la marge du header UNIQUEMENT sur About */
.page-id-11 .sec-header {
    margin: 0 !important;
}


.about-area {
	padding: 0!important;
}

/* Layout 3 colonnes uniquement pour la page À propos */
.page-id-11 .single-container.about-layout {
    display: flex;
    gap: 30px;
}

/* Colonne gauche (engagements) */
.page-id-11 .single-left {
    flex: 0 0 260px;
}

/* Colonne centrale (contenu) */
.page-id-11 .single-content {
    flex: 1 1 auto;
}

/* Colonne droite (sidebar) */
.page-id-11 .single-right {
    flex: 0 0 300px;
}

/* Bloc engagements dans la colonne de gauche */
.page-id-11 .about-commitments {
    background: #ffffff;
    /*border-radius: 12px;*/
    /*border-right: 1px solid #ffdcc3;*/
    padding: 22px 20px 20px;
    font-size: 14px;
    line-height: 2.3;
}

.page-id-11 .about-commitments .sidebar-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

/* Liste des engagements */
.page-id-11 .about-commitments .commitments-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-id-11 .about-commitments .commitments-list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
}

.page-id-11 .about-commitments .commitments-list li:last-child {
    margin-bottom: 0;
}

/* Puce personnalisée */
.page-id-11 .about-commitments .commitments-list li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0.6em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffdcc3; /* à ajuster selon ta charte */
}



@media (max-width: 1024px) {
    .page-id-11 .single-container.about-layout {
        flex-direction: column;
        gap: 20px;
    }

    /* Ordre d’affichage sur mobile :
       1. contenu
       2. engagements
       3. sidebar (contenus / produits liés) */
    .page-id-11 .single-content {
        order: 1;
    }

    .page-id-11 .single-left {
        order: 2;
    }

    .page-id-11 .single-right {
        order: 3;
    }

    .page-id-11 .about-commitments {
        width: 100%;
    }
	
	.page-id-11 .about-commitments {
        display: none;
    }


.page-id-11 .wp-block-spacer
 {
    display: none;
}

}

@media (max-width: 768px) {

.page-id-11 .single-banner {
    display: none !important;
	}
}

/* page produit */

#tab-description a {
  text-decoration: underline;
}

}	

/* page blog */

@media (max-width: 768px) {
    .post-col h2 a {
        line-height: 1.6 !important;
        font-size: 15px !important; /* optionnel : ajuste si tu veux */
    }
}

/* IMAGE - DESKTOP */
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
}

/* MOBILE */
@media (max-width: 768px) {
    .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
        max-width: 100%;
        height: 300px; /* hauteur mobile */
    }
}

@media (min-width: 769px) {
.single .single-content img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
}


/* ===========================
   FAQ SECTION (DESKTOP + MOBILE)
   =========================== */

/* Conteneur de la FAQ */
.faq-section {
    /*margin-top: 30px;*/
    /*padding: 20px;*/
    border-radius: 8px;
}

/* Titre */
.faq-title {
    font-size: 14px!important;
    margin-bottom: 20px;
    font-weight: 400;
}

/* Chaque item */
.faq-accordion .faq-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

/* Bouton question */
.faq-question {
    width: 100%;
    text-align: left;
    font-size: 14px;
    padding: 15px 0;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    transition: color 0.2s ease;
	gap: 20px; /* espace entre texte et + */
}



/* Icône flèche (harmonisée avec l'accordéon produit) */
.faq-arrow {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
}

.faq-arrow::before {
    content: "›";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #888;
}


.faq-section {
    max-width: 100%;
    box-sizing: border-box;
}



/* Réponse */
.faq-answer {
    display: none;
    padding: 0 0 15px 0;
}

.faq-answer p {
    margin: 0;
    line-height: 1.5;
}
.single-product .faq-section {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

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

@media (max-width: 768px) {
    .faq-title {
        font-size: 14px;
    }

    .faq-question {
        font-size: 14px;
        padding: 12px 0;
    }

    .faq-arrow {
        font-size: 20px;
    }

    .faq-section {
        /*padding: 15px;*/
        /*margin-top: 30px;*/
    }
	
	
    .single-product .faq-section {
        padding: 15px;
    }


}



@media (max-width: 768px) {


    .faq-answer {
        padding: 0 0 12px 0;
    }
}




/*.yith-wcbm-badge.yith-wcbm-badge-text.yith-wcbm-badge-18152{
	top:20px !important;
left:20px !important;
}*/


/* ======= BREADCRUMB STYLE ANA'AZ ======= */

/* ======= DESKTOP ======= */
nav.breadcrumb {
    max-width: 1200px; /* largeur contenue comme le texte */
    margin: 0 auto; /* centré */
    padding: 10px 220px; /* petit padding */
    font-size: 14px;
    color: #555;
    display: block;
}

nav.breadcrumb a {
    color: #555;
    text-decoration: none;
}

nav.breadcrumb a:hover {
    text-decoration: underline;
}

nav.breadcrumb span {
    color: #555;
}

/* Séparateur ">" */
nav.breadcrumb span.separator {
    margin: 0 6px;
    opacity: 0.6;
}

/* ======= TABLETTE ======= */
@media (max-width: 1024px) {
    nav.breadcrumb {
        max-width: 90%;
        padding: 10px 10px;
        font-size: 13px;
    }
}

/* ======= MOBILE ======= */
@media (max-width: 768px) {
    nav.breadcrumb {
        max-width: 95%;
        padding: 8px 15px;
        font-size: 12px;
        line-height: 1.4;

        /* ---- SLIDER MOBILE ---- */
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        gap: 4px;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    nav.breadcrumb::-webkit-scrollbar {
        display: none;
    }

    nav.breadcrumb span,
    nav.breadcrumb a {
        flex-shrink: 0; /* empêche les retours à la ligne */
    }

    nav.breadcrumb span.separator {
        margin: 0 4px;
    }
}



/* Ajustements page panier */

@media (min-width: 1024px) {

    /* Les deux colonnes (gauche + droite) */
    .woocommerce-cart-form {
        display: flex;
        align-items: flex-start;
        gap: 40px;
    }

    /* Colonne gauche */
    .cart-cards {
        width: 65%;
    }

    /* Colonne droite */
    .cart-panel {
        width: 35%;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        height: auto !important;
        min-height: auto !important;
    }
}



/* commentaire article */

label[for="comment"] {
    display: none !important;
}

.comment-form-url {
    display: none !important;
}

/* Champ de commentaire pleine largeur */
.comment-form-comment textarea#comment {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Bouton "Laisser un commentaire" amélioré */
.comment-form .submit,
input#submit.submit {
    background-color: #000; /* BOUTON NOIR */
    color: #fff;            /* TEXTE BLANC */
    padding: 12px 24px;
    border: none;
    border-radius: 30px;     /* coins arrondis */
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-block;
    margin-top: 10px;
}

/* Style du titre "Laisser un commentaire" */
.comment-reply-title {
    font-size: 14px !important;       /* plus petit */
    font-weight: 600;
    margin-top: 40px !important;      /* espace avec l'article */
    margin-bottom: 15px;
    padding-top: 20px;

    position: relative;
}

/* Trait au-dessus du titre */
.comment-reply-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;                      /* longueur du trait */
    height: 2px;                      /* épaisseur */
    background-color: #000;           /* couleur du trait */
    border-radius: 2px;
}

p.nocomments {
    display: none !important;
}




/* --- Correction des coeurs "fa-heart-o" pour Font Awesome 6 --- */

/* Coeur vide (ancien fa-heart-o → FA6 Regular) */
.fa-heart-o:before {
    content: "\f004"; /* icône coeur */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important; /* Regular = coeur vide */
    color: #000 !important;
    display: inline-block;
}

/* Coeur rempli quand le bouton est liké */
.like-btn.liked .fa-heart-o:before {
    font-weight: 900 !important; /* Solid = coeur plein */
    color: #e60023 !important;   /* optionnel : rouge Pinterest */
}


/* css dans content single product */

	
	span.anaaz-var__texte{width:auto!important;}
	.container.update-width{max-width:max-content;padding-left:0px!important;}

	/*.single-product .page-visual {display:none;}*/
	.custom-product-tabs{padding-top:10px;}
	.single-product{padding:0px !important;}
	.woocommerce div.product div.images .flex-control-thumbs{gap:0px !important;padding:0px !important;}

	/* ==== Thumbs Wrapper + Arrows ==== */
	.thumbs-wrapper {position: relative;}
	.thumbs-wrapper .flex-control-thumbs {
	  display: flex;
	  overflow-x: auto;
	  scroll-behavior: smooth;
	}


	/* Sirf mobile par arrows show */
	@media (min-width: 768px) {
	  .thumbs-wrapper button.thumb-prev,
	  .thumbs-wrapper button.thumb-next {
	    display: none;
	  }
	}

	/* Mobile thumbnails horizontal */
	@media only screen and (max-width: 768px) {
		.woocommerce div.product div.images .flex-control-thumbs{display:none!important;}
	  ol.flex-control-nav.flex-control-thumbs{flex-wrap: nowrap!important;}
	}
	/* Desktop thumbnails vertical */
	@media only screen and (min-width: 768px) {
	   ol.flex-control-nav.flex-control-thumbs{flex-direction:column;}
	   .woocommerce div.product div.images .flex-control-thumbs li{width:100% !important;} 
	}
	
	
	
		/* Tablets (portrait and landscape) */
@media (min-width: 600px) and (max-width: 1024px) {
 .product-overview-holder {
   width: 100%!important;  
}
}

/* ====== MOBILE : flèches sur l’image ====== */
@media (max-width: 768px) {

  /* Le conteneur de l’image doit devenir position:relative */
  .woocommerce-product-gallery__wrapper {
    position: relative !important;
  }

  .thumb-prev,
  .thumb-next {
    position: absolute !important;
    top: 50% !important; /* centre vertical de l’image */
    transform: translateY(-50%);
    z-index: 99 !important;

    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.85) !important;
    border: none !important;
    color: #000 !important;
    font-size: 10px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer !important;
  }

  /* Gauche */
  .thumb-prev {
    left: 10px !important;
	margin-top: -50% !important;
  }

  /* Droite */
  .thumb-next {
    right: 10px !important;
	margin-top: -50% !important;
  }
}


@media (max-width: 768px) {

  /* Grandes images du slider principal */
  .flex-viewport .woocommerce-product-gallery__wrapper img.wvs-archive-product-image {
    width: 100% !important;
    height: 470px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }


}

@media (max-width: 768px) {
  .sticky-holder {
    padding-top: 0 !important;
  }
}


/* Styles de la galerie mobile de l'extension vidéo Addify retirés le 16/10/2026
   (vidéo du produit sans extension : assets/css/galerie-v1.css). */

/* ---- Menu style La Redoute (sans images) 
   Déplacé depuis functions.php : style des onglets, sous-catégories et structure du menu ---- */

.ds-menu-wrap > ul > li > a::after {
    content: none !important; /* Supprime les flèches WP */
}

.ds-menu-wrap > ul {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-left: 0;
}

.ds-menu-wrap > ul > li {
    list-style: none;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}

.ds-menu-wrap > ul > li.active {
    border-bottom: 2px solid #000;
}

/* Cache les sous-menus natifs WordPress */
.ds-menu-wrap ul.sub-menu {
    display: none !important;
}

/* Sous-catégories custom */
.ds-subcats-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ds-subcats-container li {
    background: #F9EBDA !important;
    margin-bottom: 12px;
    padding: 12px 15px;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.ds-subcats-container li a {
    text-decoration: none;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    display: block;
}

.ds-menu-wrap li.menu-item-has-children::after {
    content: none !important;
    display: none !important;
}

/* ---- Scroll horizontal des catégories principales du menu drawer 
   Déplacé depuis functions.php. Rend les onglets scrollables sur mobile & desktop ---- */

.ds-menu-wrap > ul {
    display: flex;
    flex-wrap: nowrap;              /* pas de retour à la ligne */
    overflow-x: auto;               /* scroll horizontal */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;          /* Firefox: cache la barre */
}

.ds-menu-wrap > ul::-webkit-scrollbar {
    display: none;                  /* Chrome/Safari: cache la barre */
}

/* Empêche que les items rapetissent */
.ds-menu-wrap > ul > li {
    flex: 0 0 auto;
    white-space: nowrap;            /* pas de retour ligne dans le texte */
    padding: 0 12px;
}


/* ---- Flèches de navigation horizontale pour le menu drawer 
   (déplacé depuis functions.php ; indispensable pour le scroll horizontal) ---- */

.ds-menu-wrap {
    position: relative;
}
.ds-menu-wrap > ul {
    position: relative;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* Flèches génériques */
.scroll-arrow {
    position: absolute;
    top: 0;
    height: 25px;
    width: 40px;
    background: #fff center center no-repeat;
    background-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}
.scroll-arrow.left {
    left: 0;
    background-image: url('https://www.anaaz.store/wp-content/uploads/2025/08/ArrowRight.svg');
    transform: rotate(180deg);
}
.scroll-arrow.right {
    right: 0;
    background-image: url('https://www.anaaz.store/wp-content/uploads/2025/08/ArrowRight.svg');
}

/* Cacher la scrollbar native */
.ds-menu-wrap > ul::-webkit-scrollbar {
    display: none;
}
.ds-menu-wrap > ul {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


/* ---- Menu mobile & desktop : affichage des boutons + icône personnalisée ---- */

/* Par défaut : cacher le bouton mobile */
.mobile-menu-opener {
    display: none !important;
}

/* Cacher le bouton desktop sur mobile, afficher le bouton mobile */
@media (max-width: 768px) {
    .desktop-menu-opener {
        display: none !important;
    }
    .mobile-menu-opener {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .mobile-menu-opener img {
        width: 28px;
        height: auto;
    }
    .mobile-menu-opener img {
        content: url('https://www.anaaz.store/wp-content/uploads/2025/10/aligner-a-droite.png') !important;
        width: 28px !important;
        height: auto !important;
    }
}

/* ---- Drawer : couleur de fond ---- */
.cs_drawer-inner {
    background-color: white;
}


/* ---- User Area mobile (déplacé depuis functions.php) ---- */
@media (max-width: 768px) {
    .user-area ul {
        gap: 17px;
    }
}

/* ---- User Area alignement mobile ---- */
@media (max-width: 768px) {
    .user-area {
        margin-right: 0;
    }
}

/* ---- Drawer title → remplace texte par logo ---- */
.cs_drawer-title {
    font-size: 0 !important;
}
.cs_drawer-title img {
    max-height: 30px;
}

/* ---- Marges autour des onglets custom + padding des titres produit ---- */
ul.tab-titles {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.product-overview-holder h2 {
    padding-top: 20px;
}


/* ---- Slider homepage : suppression des espaces en forçant la hauteur auto ---- */
.products-slider.slick-initialized,
.products-slider .slick-list,
.products-slider .slick-track,
.products-slider .slick-slide {
    height: auto !important;
}


/* ---- Slider produits : hauteur uniforme + crop propre des images ---- */
.products-slider .slick-slide img.img-responsive {
    height: 450px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 4px;
}


/* ---- Ajustements de style sur la page panier (déplacé depuis functions.php) ---- */

/* Détails produit */
.item-details {
    font-size: 14px !important;
    line-height: 18px !important;
}

/* Titre produit */
.item-title {
    font-size: 16px;
}

/* Lignes infos */
.panel-row {
    font-size: 14px !important;
}

/* Texte livraison */
.delivery-row .txt,
.delivery-row .txt p,
.delivery-row .txt strong {
    font-size: 14px !important;
}

/* Cacher les boutons quantité dans mini-cart */
.csp-item-quantity-btn {
    display: none !important;
}

/* Espacement du panneau panier */
.cart-panel {
    padding-top: 35px;
}


/* ---- Cacher le bouton "Retour au panier" sur la page de paiement (Checkout Blocks) ---- */
a.wc-block-components-checkout-return-to-cart-button {
    display: none !important;
}


/* ---- Ajustement de la hauteur du bouton Menu desktop ---- */
.desktop-menu-opener {
    height: 32px !important;
}


/* ---- Ajustements du menu desktop (déplacés depuis functions.php) ---- */

.desktop-menu-opener span {
    font-size: 13px !important;
    margin-left: 2px;
}

.desktop-menu-opener img {
    width: 22px !important;
    height: auto !important;
}

#nav a {
    padding: 7px 20px !important;
}



/* ---- Boutique : grille produits sans Slick (déplacée depuis functions.php) ---- */

/* === Grille produits type "slider" sans slick === */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}

/* === 4 produits par ligne sur desktop === */
.woocommerce ul.products li.product {
  width: calc(25% - 9px);
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s ease;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
}

/* === 4 produits par ligne sur tablette === */
@media (max-width: 1024px) {
  .woocommerce ul.products li.product {
     width: calc(25% - 9px);
  }
}

/* === 2 produits par ligne sur mobile === */
@media (max-width: 768px) {
  .woocommerce ul.products li.product {
    width: calc(50% - 6px);
  }
}

/* === Corrige marges Woo === */
.woocommerce ul.products li.product {
  float: none !important;
  margin: 0 !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  content: none !important;
  display: none !important;
}

/* === Image produit === */
.woocommerce ul.products li.product img.p-image {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: top;
  border-radius: 4px;
  transition: none;
}

/* === Zone image + boutons === */
.woocommerce ul.products li.product .img-holder {
  position: relative;
  overflow: hidden;
}

/* === Boutons + et cœur === */
.woocommerce ul.products li.product .plus-btn,
.woocommerce ul.products li.product .like-btn {
  width: 31px;
  height: 30px;
  position: absolute;
  top: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  transition: all 0.3s ease;
  z-index: 2;
}

.woocommerce ul.products li.product .plus-btn { left: 20px; }
.woocommerce ul.products li.product .like-btn { right: 20px; }

.woocommerce ul.products li.product .like-btn i {
  font-size: 20px;
  position: relative;
  top: 1px;
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product .like-btn:hover i {
  transform: scale(1.1);
}

/* === Texte === */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
  color: #000;
}

.woocommerce ul.products li.product .price {
  font-size: 14px;
  color: #999;
  margin-top: 4px;
}

.woocommerce ul.products li.product .vendor {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  margin-top: 5px;
}

/* === Correctif + bouton === */
.woocommerce ul.products li.product .plus-btn img {
  margin: 0 !important;
  height: auto !important;
  width: auto !important;
  max-width: 100%;
}

/* === Badge YITH correction === */
.yith-wcbm-badge-text p {
  line-height: 1.8;
}

/* === Ajustements mobile === */
@media (max-width: 768px) {
  .woocommerce ul.products li.product .plus-btn,
  .woocommerce ul.products li.product .like-btn {
    width: 24px;
    height: 24px;
    top: 6px;
  }
  .woocommerce ul.products li.product .plus-btn { left: 10px; }
  .woocommerce ul.products li.product .like-btn { right: 10px; }
  .woocommerce ul.products li.product .like-btn i { font-size: 16px; }
}

/* === Mobile fix hauteur images === */
@media (max-width: 600px) {
    .product-link .img-holder {
        height: auto !important;
        aspect-ratio: 3 / 4;
    }
}


/* ---- Boutique : corriger le padding du container ---- */
.shop-area .container.fluid {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/* ---- Ajustements du système de filtres actifs (déplacé depuis functions.php) ---- */

/* Conteneur du filtre actif */
.active-filter-wrapper {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: flex-start;
    padding-left: 15px;
}

/* Style du tag actif */
.active-filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: black;
    color: white;
    padding: 6px 16px;
    margin-bottom: 15px;
    border-radius: 30px;
    font-size: 14px;
}

/* Desktop : ajustement de la marge */
@media (min-width: 769px) {
    .active-filter-tag {
        margin-left: 75px;
    }
}

/* Style interne du tag */
.active-filter-tag span {
    font-weight: 600;
}

/* Bouton supprimer */
.active-filter-tag .remove-filter {
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    line-height: 1;
    transition: opacity 0.2s ease;
}

.active-filter-tag .remove-filter:hover {
    opacity: 0.7;
}

/* ---- Correction du padding du conteneur des filtres ---- */
.container.filters.flex {
    padding: 0 !important;
}

/* ---- Personnalisation du bloc des filtres (custom-sorting-bar) et des boutons filter-btn ---- */

.custom-sorting-bar {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

/* Boutons de filtre */
.filter-btn {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background-color: #F4F4F4 !important;
    border: none !important;
}

/* Adaptation mobile */
@media (max-width: 768px) {
    .custom-sorting-bar {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
        margin-left: 9px;
    }
}


/* ---- Ajustement du tag actif du filtre (déplacé depuis functions.php) ---- */

.active-filter-tag {
    margin-top: -20px !important;
    background: #F4F4F4;
    color: black;
}

.remove-filter {
    color: black !important;
    font-size: 14px !important;
}

.active-filter-tag span {
    font-weight: 400 !important;
}



/* ---- Ajustement underline du mega menu (déplacé depuis functions.php) ---- */

.subhead {
    text-decoration: none !important;
}

.mega-menu strong {
    color: #000000 !important;
    font-weight: 500;
}

.see-all {
    text-decoration: underline !important;
}


/* ---- Side-menu : retirer le fond au hover ---- */
.ds-menu-wrap li:hover > a {
    background-color: transparent !important;
}


/* ==========================================================
   Accordéon + Tabs produit — version fusionnée
   (déplacé depuis functions.php)
   ========================================================== */

/* Accordéon partout : desktop, tablette, mobile */
.custom-product-tabs { 
  display: none !important; 
}

.product-accordion {
  margin-top: 20px;
  border-top: 1px solid #e0e0e0;
  display: block !important;
}

.accordion-item {
  border-bottom: 1px solid #e0e0e0;
}

.accordion-title {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 400;
  padding: 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-title::after {
    content: "›";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: #888;
}

.accordion-content {
  display: none !important;
  padding: 10px 15px 20px;
  color: #333;
  font-size: 15px;
}

/* Typo contenu */
.tab-content.active,
.accordion-content {
  font-size: 13px;
  font-weight: 400;
  line-height: 2.5;
}

/* Tables dans l'accordéon */
.accordion-content table {
  font-size: 12px !important;
}
.accordion-content table th,
.accordion-content table td {
  padding: 0 0;
}

/* Tables dans les tabs */
.tab-content.active table th,
.accordion-content table td {
  padding: 0 0;
}
.tab-content.active table {
  font-size: 12px !important;
}

/* Marges paragraphe accordéon - mobile */
@media (max-width: 767px) {
  .accordion-content p {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* ===========================
   POPUP ACCORDÉON PRODUIT
============================ */

.accordion-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.accordion-popup-overlay.active {
    display: flex;
}

.accordion-popup {
    background: #fff;
    border-radius: 12px;
    max-width: 500px;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    padding: 30px;
    position: relative;
    box-sizing: border-box;
}

.accordion-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #000;
}

.accordion-popup-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px;
    padding-right: 30px;
}

.accordion-popup-content {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

@media (max-width: 767px) {
    .accordion-popup {
        padding: 24px;
        max-height: 85vh;
    }
}

/* ======================================================
   Back In Stock (CWGinstock) — Style personnalisé
   (déplacé depuis functions.php)
   ====================================================== */

/* Enlever tous les fonds bleus */
.cwginstock-panel-primary,
.cwginstock-panel-primary .panel-heading,
.cwginstock-panel-primary .panel-body {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Forcer le texte en noir */
.cwginstock-panel-primary *,
.cwginstock-panel-primary .panel-heading,
.cwginstock-panel-primary .panel-heading *,
.cwginstock-panel-primary .panel-body,
.cwginstock-panel-primary .panel-body * {
    color: #000 !important;
}

/* Bouton noir */
.cwginstock-subscribe-form input[type="submit"],
.cwginstock-subscribe-form button {
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 20px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.2s ease;
}

.cwginstock-subscribe-form input[type="submit"]:hover,
.cwginstock-subscribe-form button:hover {
    background: #333 !important;
}

/* Champ email */
.cwginstock-subscribe-form input[type="email"] {
    border: 1px solid #000 !important;
    border-radius: 0;
    padding: 15px;
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    color: #000 !important;
    background: #fff !important;
}

/* Retirer les paddings */
.cwginstock-panel-primary,
.cwginstock-panel-primary .panel-heading,
.cwginstock-panel-primary .panel-body,
.cwginstock-panel-primary .col-md-12 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.cwginstock-panel-body {
    padding-top: 0 !important;
}

.cwginstock-panel-heading {
    padding-bottom: 0 !important;
}

/* Taille bouton */
.cwgstock_button {
    font-size: 15px !important;
}


/* --- Ajustement marge paiement express (checkout) --- */
@media (min-width: 768px) {
    .wc-block-components-express-payment__content {
        margin-top: 30px !important;
    }
}

/* ======================================================
   Produits — Style boutique & single product
   Déplacé depuis functions.php
   ====================================================== */

/* --- Produit : titre, prix, couleur --- */
.product-link strong {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce ul.products li.product .price {
    margin-bottom: 0 !important;
    color: #000 !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price del {
    color: #000 !important;
}

.woocommerce ul.products li.product strong {
    color: #666666 !important;
    font-size: 13px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .woocommerce ul.products li.product strong {
        font-size: 12px !important;
        line-height: 16px !important;
    }
}

/* --- Vendeur sous le prix --- */
.product-seller {
    color: #666666 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

@media (max-width: 767px) {
    .product-seller {
        font-size: 12px !important;
    }
}

/* --- Tablette : cacher le menu principal --- */
@media (min-width: 768px) and (max-width: 1024px) {
    #menu-main-menu {
        display: none !important;
    }
}

/* --- Cat slider tablette --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .cat-slider img {
        min-height: 600px !important;
    }
}

/* --- Single product corrections tablette --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .single-product .type-product {
        flex-wrap: nowrap !important;
    }
    .single-product .woocommerce-product-gallery {
        width: 50% !important;
    }
    .single-product .product-overview-holder {
        width: 50% !important;
    }
}





/* --- Styles page Favoris / Wishlist --- */
.wishlist-area .product-link strong {
    color: #666666 !important;
    font-size: 13px;
    font-weight: 400;
}

.wishlist-area .product-link p {
    margin-top: 15px;
}

/* Images uniformisées sur la page Favoris (mobile) */
@media (max-width: 768px) {
    .wishlist-area .products-slider .slick-slide img.img-responsive {
        height: 320px !important;
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 6px;
    }
}

.wishlist-area {
    padding: 15px 0 0 !important;
}


/* Repositionne le badge YITH en haut sur les fiches produits */
.single-product .yith-wcbm-badge.yith-wcbm-badge-text {
    top: 5px !important;
    bottom: auto !important;
}

/* --- Cacher les badges YITH uniquement dans la zone verticale --- */
.vertical-area .yith-wcbm-badge {
    display: none !important;
}

	


/* ===========================
   STRUCTURE
=========================== */
.three-sliders-wrapper {
    display: flex;
    gap: 20px;
    width: 100%;
	margin-bottom: 40px;
}



.ts-block {
    position: relative;
    flex: 1;
    height: 420px;
    overflow: hidden;
    border-radius: 0;
    background: #f2f2f2;
}

/* Rendre tout le bloc cliquable */
.ts-block {
    position: relative;
}

/* Le lien couvre tout le bloc (clic global) */
.ts-link {
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
}

/* Le titre reste visible au-dessus du lien */
.ts-title {
    position: absolute;
    bottom: 20px;  /* Ajuste selon ton design */
    left: 20px;
    z-index: 10;
}

/* Le slider/vidéo ne bloque plus le clic */
.ts-block .swiper,
.ts-block video {
    pointer-events: none;
}


/* ===========================
   SWIPER : FORCER LA HAUTEUR
=========================== */

/* 🔥 très important : forcer la hauteur partout */
.ts-swiper,
.ts-swiper .swiper-wrapper,
.ts-swiper .swiper-slide {
    height: 100% !important;

}

/* 🔥 slide = conteneur full block */
.ts-swiper .swiper-slide {
    display: flex !important;
}

/* 🔥 images = cover dans le slide */
.ts-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    display: block;
}

/* 🔥 VIDEO aussi doit se comporter comme une image */
.ts-block video {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    display: block;
}

/* ===========================
   TITRE
=========================== */
.ts-title {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #111;
    font-size: 20px;
    font-weight: 300;
    /*text-transform: uppercase;*/
    z-index: 10;
    /*letter-spacing: 1px;*/
}

/* ===========================
   📱 MOBILE FIX – hauteur 320px (VERSION PROPRE)
=========================== */
@media (max-width: 768px) {

    .three-sliders-wrapper {
        flex-direction: column;
        gap: 0 !important;
        margin-bottom: 20px !important;
    }

    .ts-block {
        height: 300px !important;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ⚠️ ON FIXE SEULEMENT LE CONTENEUR ! */
    .ts-swiper {
        height: 210px !important;
    }

    /* ❌ NE JAMAIS toucher wrapper/slide */
    /* Swiper calcule la height automatiquement */

    .ts-swiper .swiper-slide img {
        width: 100% !important;
        height: 320px !important;
        object-fit: cover !important;
    }

    .ts-video-block {
        display: none !important;
    }

    .ts-title {
        font-size: 13px;
        left: 15px;
        bottom: 15px;
    }
	
	 .swiper {
        margin-top: 0 !important;
    }
}




.two-blocks-wrapper {
    display: flex;
    gap: 20px;
    width: 100%;
    margin: 50px 0;
}

.tb-block {
    position: relative;
    flex: 1;
    height: 500px;
    overflow: hidden;
   /* border-radius: 10px;*/
    display: block;
}

.tb-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.tb-block:hover img {
    transform: scale(1.05);
}

.tb-title {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 22px;
    font-weight: 300;
    color: #111;
}

.tb-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #111;
    padding: 12px 35px;
    font-size: 20px;
    font-weight: 300;
    background: rgba(255,255,255,.15);
    color: #111;
    backdrop-filter: blur(3px);
    transition: .3s;
}

.tb-block:hover .tb-btn {
    background: #111;
    color: #fff;
}

.tb-arrow {
    margin-left: 5px;
}

@media (max-width: 768px) {

    .two-blocks-wrapper {
        flex-direction: column;
        /*gap: 15px;*/
    }

    /* 🔥 BLOC : même principe que .ts-block */
    .tb-block {
        height: 375px !important; /* même hauteur que le slider */
        min-height: 375px !important;
        overflow: hidden;
        position: relative;
    }

    /* 🔥 CONTENEUR IMAGE (équivalent .swiper-wrapper / slide) */
    .tb-block-inner {
        height: 375px !important;
        min-height: 375px !important;
        width: 100%;
        overflow: hidden;
    }

    /* 🔥 IMAGE → même traitement que les slides */
    .tb-block-inner img {
        width: 100% !important;
        height: 375px !important;
        min-height: 375px !important;
        object-fit: cover !important;
        display: block !important;
    }

    .tb-title {
        font-size: 18px;
        left: 15px;
        bottom: 15px;
    }

    .tb-btn {
        font-size: 18px;
        padding: 10px 25px;
    }
}


@media (max-width: 768px) {
    .tb-hide-mobile {
        display: none !important;
    }
}


@media (max-width: 768px) {
    .two-blocks-wrapper {
        gap: 0 !important;        /* enlève l’espace vertical */
        margin: 0 !important;     /* enlève la marge externe */
    }

    .tb-block {
        margin: 0 !important;     /* enlève toute marge interne */
        padding: 0 !important;    /* enlève padding si jamais */
    }

    .tb-block-inner {
        margin: 0 !important;
        padding: 0 !important;
    }
}


/*changer couleur prix page produit */

.woocommerce-Price-amount.amount {
    color: #443937 !important;
}

.woocommerce-variation-price {
   	padding-bottom: 10px!important;
}

/* Style uniquement pour le message douanes ANAAZ */
.woocommerce-error .anaaz-custom-warning {
    font-size: 13px !important;
    padding: 20px !important;
	display: block !important;
    line-height: 1.35 !important;
	background-color: #FFF8E6;
	border-left:4px solid #F1E4C8;
    border-radius:4px;
}

/* Retirer padding uniquement sur le message ANAAZ */
ul.woocommerce-error:has(.anaaz-custom-warning),
ul.woocommerce-message:has(.anaaz-custom-warning),
ul.woocommerce-info:has(.anaaz-custom-warning) {
    padding: 0 !important;
    margin-right: 20px !important;
	margin-left: 20px !important;
}

/* Mobile  */
@media screen and (max-width: 768px) {
ul.woocommerce-error:has(.anaaz-custom-warning),
ul.woocommerce-message:has(.anaaz-custom-warning),
ul.woocommerce-info:has(.anaaz-custom-warning) {
    padding: 0 !important;
    margin-right: 20px !important;
	margin-left: 20px !important;
}
}


/* Mobile */
@media screen and (max-width: 768px) {
    .woocommerce-error .anaaz-custom-warning {
        font-size: 12px !important;
        padding: 20px !important;
        margin: 0 !important;
    }
}


/* ajustements footer car H6 retiré */

.container.rights {
    background-color: #FBF7F2!important;
	margin: 0!important;
	max-width: 100%;
    width: 100%;
	padding-right: 88px;
	padding-left: 88px;
}

/* Barre du bas du footer – mobile */
@media (max-width: 1024px) {
.container.rights {
	padding-right: 15px;
	padding-left: 15px;
    }
}

p.footer-title {
    font-size: 14px;      /* ou la taille que tu avais sur les <h6> */
    font-weight: 600;     /* idem */
	
}

	/* Mobile */
@media (max-width: 768px) {
    p.footer-title {
        border-bottom: 1px solid #d7d7d7;
        margin: 0 0 10px;
        padding: 10px 0;
    	}
	}


/* trait barré sur le prix remisé */
.single-product .summary.entry-summary .price del {
    color: #443937!important;
}


/* Titre produit - Desktop */
.single-product .summary.entry-summary .product_title.entry-title {
    font-size: 23px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
}

/* Titre produit - Mobile */
@media (max-width: 768px) {
    .single-product .summary.entry-summary .product_title.entry-title {
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
    }
}


/* marges sur le footer */

/* Mobile par défaut */
.footer-holder {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Desktop */
@media (min-width: 768px) {
    .footer-holder {
        padding-top: 68px;
        padding-bottom: 68px;
    }
}

/* ----- STYLE GLOBAL POUR LA PAGE CGV ----- */
.page-legal h1.wp-block-heading {
    line-height: 1.3;
    margin-bottom: 25px;
}
.page-legal p {
    line-height: 1.7;
    margin-bottom: 18px;
}

@media (max-width: 1024px) {
    .page-legal h1.wp-block-heading { line-height: 1.25; }
    .page-legal p { line-height: 1.65; }
}

@media (max-width: 768px) {
    .page-legal h1.wp-block-heading {
        font-size: 1.8rem;
        line-height: 1.2;
    }
    .page-legal p { line-height: 1.6; }
}

.page-legal #primary.site-main {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: 90px;
    padding-left: 40px;
    padding-right: 40px;
}

@media (max-width: 1024px) {
    .page-legal #primary.site-main {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 70px;
        margin-bottom: 70px;
    }
}

@media (max-width: 768px) {
    .page-legal #primary.site-main {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 10px;
        margin-bottom: 50px;
    }
}



/* ajustements footer */

/* Tablette et Desktop : ≥ 768px */
@media (min-width: 768px) {
    .footer-holder {
       
        flex-wrap: nowrap!important;
        justify-content: space-between!important;

    }
}

@media (min-width: 768px) {
    .footer-cols {
       
        gap: 10px!important;

    }
}



/* ajouter margin bouton voir plus */
@media (max-width: 1024px) {
    .see-more-btn {
        margin-bottom: 20px !important;
    }
}


/* aumgmenter taille titre page blog sur mobile */

@media (max-width: 767px) {
    .sec-header .left {
        width: 100%!important;
    }
}

/* ============================
   ARTICLES SIMILAIRES
============================ */
.related-article-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.related-article-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.related-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 10px;
}

.related-title {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
}

/* ============================
   BANNIÈRE
============================ */
.single-banner {
    width: 100%;
    height: 240px;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 0;
}

.single-banner-overlay {
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Style par défaut (Desktop) */
.single-title {
    color: #fff;
    font-size: 34px;     /* change ici pour desktop */
    text-align: center;
    padding: 0 200px;
	LINE-HEIGHT: 1.5em;
}

/* Tablette (<= 1024px) */
@media (max-width: 1024px) {
    .single-title {
        font-size: 28px;  /* taille tablette */
        padding: 0 100px;
    }
}

/* Mobile (<= 767px) */
@media (max-width: 767px) {
    .single-title {
        font-size: 20px;  /* taille mobile */
        padding: 0 30px;
		Line-height: 1.5em;
    }
}


/* ============================
   LAYOUT 3 COLONNES
============================ */
/* Desktop (par défaut) */
.single-container {
    width: 95%;
    max-width: 1400px;
    margin: auto;
    display: grid;
    grid-template-columns: 20% 55% 25%;
    gap: 40px; /* gap desktop */
    margin-bottom: 60px;
}

/* Tablette (<= 1024px) */
@media (max-width: 1024px) {
    .single-container {
        grid-template-columns: 100%; /* une seule colonne */
        gap: 0;                  /* gap tablette */
    }
}

/* Mobile (<= 767px) */
@media (max-width: 767px) {
    .single-container {
        grid-template-columns: 100%;
        gap: 0;                     /* plus aucun espace mobile */
    }
}

/* Supprimer le grid sur mobile */
@media (max-width: 767px) {
    .single-container {
        display: block !important;
        }
}
/* ============================
   COLONNE GAUCHE
============================ */
/*.single-left {
    position: sticky;
    top: 120px;
    height: fit-content;
}*/

.single-left .ez-toc-container {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #eee;
}

/* ============================
   COLONNE CENTRALE
============================ */

/* 🌐 Desktop (par défaut) */
.single-content {
    font-size: 15px;   /* taille desktop */
    line-height: 1.7;
}

.single-content p {
    line-height: 2.3;
}

.single-content img {
    max-width: 100%;
    height: 500px;
    margin: 20px 0;
	object-fit: cover;
}


/* 📱 Tablette (<= 1024px) */
@media (max-width: 1024px) {
    .single-content {
        font-size: 15px;  /* taille tablette */
        line-height: 1.65;
		padding-right: 30px;
		padding-left: 30px;
    }
}

/* 📱 Mobile (<= 767px) */
@media (max-width: 767px) {
    .single-content {
        font-size: 14px;  /* taille mobile */
        line-height: 1.6;
		padding-right: 10px;
		padding-left: 10px;
		
    }
}

@media (max-width: 767px) {
    .single-content h2 {
        font-size: 18px !important;
      
    }
	
	.single-content img {
    max-width: 100%;
    height: 250px;
    margin: 20px 0;
	object-fit: cover;
}

}

/* Souligner tous les liens dans le contenu d’un article */
.single-content a {
  text-decoration: underline;
}


/* ============================
   COLONNE DROITE (SIDEBAR)
============================ */
/* ============================
   DESKTOP (≥ 1025px)
============================ */
.single-right .sidebar-block {
    margin-bottom: 40px; /* valeur desktop */
}

.sidebar-title {
    font-size: 18px;   /* valeur desktop */
    margin-bottom: 15px;
	margin-top: 23px!important;
    font-weight: 600;
}


/* ============================
   TABLETTE (768px → 1024px)
============================ */
@media (min-width: 768px) and (max-width: 1024px) {
    .single-right .sidebar-block {
        margin-bottom: 30px; /* valeur tablette */
		padding-right: 30px;
		padding-left: 30px;
    }

    .sidebar-title {
        font-size: 17px; /* valeur tablette */
        margin-bottom: 13px;
    }
}


/* ============================
   MOBILE (≤ 767px)
============================ */
@media (max-width: 767px) {
    .single-right .sidebar-block {
        margin-bottom: 25px; /* valeur mobile */
		padding-right: 10px;
		padding-left: 10px;
    }

    .sidebar-title {
        font-size: 16px; /* valeur mobile */
        margin-bottom: 12px;
    }
}


/* retirer padding natif WP */
.single-right ul.recent-posts,
.single-right ul.related-products {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ============================
   PRODUITS LIÉS
============================ */
.related-products {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.related-product-item {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
}

.related-product-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.related-product-item img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.rp-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    display: block;
    word-break: break-word;
}

/* marge à droite sur sidebar DESKTOP uniquement */
@media (min-width: 1025px) {
    .single-right {
        padding-right: 50px !important;
    }
}

/* ============================
   CTA — fond blanc + barre centrée
============================ */
.single-cta {
    text-align: center;
    padding: 50px 20px;
    background: #fff;
    margin-top: 60px;
    position: relative;
}

/* Barre centrée, pas full width */
.single-cta::before {
    content: "";
    width: 80px;              /* largeur de la barre */
    height: 2px;              /* épaisseur */
    background: #000;         /* couleur noire */
    position: absolute;
    top: 0;                   /* collé en haut du CTA */
    left: 50%;
    transform: translateX(-50%); /* centrée */
}

.single-cta h2 {
    margin-bottom: 20px;
}

.cta-button {
    display: inline-block;
    background: #fff;
    color: #000;
	border: 1px solid #000;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s;
}

.cta-button:hover {
    /*background: #333;*/
}

/* ---------------------------
   CTA – Ajustements bouton
---------------------------- */
.single-cta .cta-button {
    border-radius: 0 !important;     /* supprime l'arrondi */
    margin-top: 20px !important;     /* ajoute l'espace au-dessus */
}


/* ============================
   RESPONSIVE TABLETTE
============================ */
@media (max-width: 1024px) {
    .single-container {
        grid-template-columns: 100%;
    }

    .single-left {
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }

    .single-right {
        margin-top: 40px;
        padding-right: 0 !important;
    }
}

/* ============================
   RESPONSIVE MOBILE
============================ */
@media (max-width: 767px) {
    .single-banner {
        height: 220px;
		/*display: none;*/
    }

  

    .single-left {
        position: relative !important;
        top: unset !important;
    }
}

@media (max-width: 768px) {
    .wp-block-gallery.has-nested-images {
        flex-wrap: wrap !important;
        gap: 0px !important;
    }

    .wp-block-gallery.has-nested-images .wp-block-image {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
    }

    .wp-block-gallery.has-nested-images .wp-block-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
    }
}

@media (max-width: 767px) {

    /* Bloc image simple */
    .single-content .wp-block-image {
        padding: 4px 0 !important;  /* 10px haut/bas – 0 gauche/droite */
        margin: 0 !important;
    }

    /* Figures des galeries WordPress */
    .single-content figure.wp-block-gallery,
    .single-content figure.wp-block-gallery * {
        padding: 4px 0 !important;  /* 10px haut/bas */
        margin: 0 !important;
    }

    /* Images dans la galerie */
    .single-content figure.wp-block-gallery img {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 4px 0 !important; /* 10px haut/bas */
    }
}

@media (max-width: 768px) {
    .single-content .wp-block-media-text__content,
    .single-content .wp-block-gallery,
    .single-content .wp-block-image {
        padding: 10px 0 !important;
    }
}

/* ================================
   FIX AFFICHAGE PRODUITS SHORTCODE
   UNIQUEMENT dans .single-content
================================ */

/* Images uniformes, alignées, non déformées */
.single-content .woocommerce ul.products li.product img {
    width: 100%;
    height: 280px; /* change la hauteur si tu veux */
    object-fit: cover;
    border-radius: 6px;
}

/* Retirer le bouton “Choix des options” */
.single-content .woocommerce ul.products li.product a.button {
    display: none !important;
}

/* Masquer les badges YITH (Promo / Sélection) */
.single-content .woocommerce ul.products li.product .yith-wcbm-badge {
    display: none !important;
    visibility: hidden !important;
}

/* Nettoyage marges internes */
.single-content .woocommerce ul.products li.product {
    padding: 0 !important;
    margin-bottom: 25px !important;
}

/* =========================================
   RESPONSIVE — MOBILE : 1 colonne
========================================= */
@media (max-width: 767px) {

    /* Les produits en 1 colonne */
    .single-content .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .single-content .woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
    }

    /* Images plus petites si tu veux */
    .single-content .woocommerce ul.products li.product img {
        height: 240px; /* ajuste ici */
    }
}



/* ================================
   GRILLE PRODUITS SHORTCODE
   ================================ */
.single-content .products {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ================================
   IMAGES – ALIGNEMENT PARFAIT
   ================================ */
.single-content .products li.product img {
    width: 100% !important;
    height: 380px !important;   /* ← tu changes si tu veux */
    object-fit: cover !important;
    display: block !important;
}

/* ================================
   ALIGNER LES BLOCS INTERNES
   ================================ */
.single-content .products li.product {
    display: flex !important;
    flex-direction: column !important;
}

.single-content .products li.product .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* Marge sous titres + prix */
.single-content .products li.product h2,
.single-content .products li.product .price {
    margin-bottom: 10px !important;
}

/* BOUTON ALIGNÉ EN BAS */
.single-content .products li.product .button {
    margin-top: auto !important;
    width: 100% !important;
    text-align: center !important;
}

/* ================================
   RESPONSIVE TABLETTE (2 colonnes)
   ================================ */
@media (max-width: 900px) {
    .single-content .products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .single-content .products li.product img {
        height: 320px !important;
    }
}

/* ================================
   RESPONSIVE MOBILE (1 colonne)
   ================================ */
@media (max-width: 600px) {
    .single-content .products {
        grid-template-columns: 1fr !important;
    }
    .single-content .products li.product img {
        height: 400px !important;
    }
}

.single-content .wvs-archive-variations-wrapper,
.single-content ul.archive-variable-items,
.single-content .variations,
.single-content .wvs-archive-information {
    display: none !important;
}

.single-content ul.products li.product .woocommerce-loop-product__title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important; /* optionnel pour compacter un peu */
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
}

/* Retirer le border-radius des images WooCommerce dans le single-content */
.single-content .woocommerce ul.products li.product img {
    border-radius: 0 !important;
}

/* Retire tout border-radius sur les produits dans le single-content */
.single-content .woocommerce ul.products li.product {
    border-radius: 0 !important;
    overflow: visible !important;
}

@media (max-width: 767px) {
    .single-content 
    .wp-block-gallery.has-nested-images.columns-3.is-cropped.wp-block-gallery-is-layout-flex 
    figure.wp-block-image img {
        height: 400px !important;
        object-fit: cover !important;
        width: 100% !important;
    }

    .single-content 
    .wp-block-gallery.has-nested-images.columns-3.is-cropped.wp-block-gallery-is-layout-flex 
    figure.wp-block-image {
        height: 400px !important;
    }
}

/* Active le sticky uniquement sur desktop */
@media (min-width: 1025px) {

    /* IMPORTANT : le conteneur parent doit permettre le sticky */
    .single-container {
        align-items: flex-start; /* indispensable */
    }

    /* Colonne gauche (TOC) sticky */
    .single-left {
        position: sticky;
        top: 80px; /* ajuste selon ta barre */
        height: auto;
    }

    /* Colonne droite sticky */
    .single-right {
        position: sticky;
        top: 80px;
        height: auto;
    }
}

/* ---------------------------------------------------
   STYLE DU SOMMAIRE (Desktop)
--------------------------------------------------- */
.anaaz-toc {
    background: #fff;
    padding: 20px;
   /* border: 1px solid #eee;*/
    border-radius: 6px;
    margin-bottom: 30px;
}

/* Listes */
.anaaz-toc strong {
    font-size: 18px;
    display: block;
    margin-bottom: 12px;
}

.anaaz-toc ul {
    list-style: none;
    padding: 0;
    margin: 0;
	line-height:2.3em;
}

.anaaz-toc li {
    margin-bottom: 8px;
}

.anaaz-toc li a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
}

.anaaz-toc li.toc-level-3 {
    margin-left: 12px;
    font-size: 13px;
}

/* ---------------------------------------------------
   MOBILE : Sommaire caché + barre
--------------------------------------------------- */
.toc-toggle-bar {
    display: none;
    background: #fff;         /* BARRE BLANCHE */
    color: #000;              /* TEXTE NOIR */
    padding: 14px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    margin-bottom: 10px;
	margin-top: 10px;
   /* border: 1px solid #ddd; */
}

/* flèche noire */
.toc-toggle-bar::after {
    font-size: 14px;
    color: #000;              /* FLÈCHE NOIRE */
}

@media (max-width: 1024px) {

    /* La barre apparaît */
    .toc-toggle-bar {
        display: block;
		
    }

    /* Sommaire caché par défaut */
    .anaaz-toc {
        display: none;
        position: relative !important;
        top: 0 !important;
        margin-bottom: 20px;
		padding-top: 0 ! important;
    }

    /* Sommaire ouvert */
    .anaaz-toc.open {
        display: block;
		
    }
}

/* Mobile : cacher le titre intérieur "Sommaire" */
@media (max-width: 1024px) {
    .anaaz-toc strong {
        display: none !important;
    }
}

/* Uniformiser les images de la page BLOG */
.post-col img.img-responsive {
    width: 100%;
    height: 250px;      /* tu peux changer la valeur 350px */
    object-fit: cover;  /* découpe proprement l’image */
 
}


/* Masquer les badges YITH uniquement dans la sidebar Produits liés */
.single-right .related-products .yith-wcbm-badge,
.single-right .related-products .yith-wcbm-badge-text,
.single-right .related-products .yith-wcbm-badge-wrap {
    display: none !important;
}



/* Affiche le panneau du panier (.cart-panel) aussi sur mobile */
@media (max-width: 1200px) {
    .cart-panel {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        top: auto !important;
        right: auto !important;
        padding-top: 20px !important;
    }
}


/* Barre grise au-dessus du panneau panier (mobile + tablette) */
@media (max-width: 1024px) {
    .cart-panel {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        top: auto !important;
        right: auto !important;
        border-top: 12px solid #F8F8F8 !important;
        background: #fff !important;
    }
}


/* ===========================
   MESSAGES ALERTES WOOCOMMERCE
   =========================== */

/* ---- Message WooCommerce standard ---- */
.woocommerce-message {
    border-top: none !important;
    background-color: #FFFFFF;
}

.woocommerce-message::before {
    color: #000000 !important;
}

.woocommerce-message a.button.wc-forward {
    color: #000000;
    background-color: #F8F8F8;
}

/* ---- Message panier vide ---- */
.woocommerce-info.cart-empty {
    background-color: #ffffff !important;
    border: none !important;
}

.woocommerce-info.cart-empty::before {
    display: none !important;
}

/* ---- Bouton "Retour à la boutique" ---- */
a.button.wc-backward {
    background-color: #F8F8F8 !important;
    color: #000000 !important;
    border: none !important;
    margin-left: 40px;
}


/* Supprime toutes les bordures, outlines et ombres du message WooCommerce */
.woocommerce-error,
.woocommerce-error:focus,
.woocommerce-error:focus-visible,
.woocommerce-error:active {
    background-color: #F8F8F8 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Supprime aussi la bordure du conteneur parent s’il en a une */
.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-info {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Change la couleur de l’icône */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    content: none !important;
    color: #000000 !important;
}

/* Style global */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
    margin-left: 33px;
	margin-right: 33px;
	margin-top: 20px !important;
}

@media (max-width: 768px) {
    .woocommerce-info,
    .woocommerce-message,
    .woocommerce-error {
        margin-left: 15px !important;
        margin-right: 15px !important;
		margin-top: 20px !important;
		padding-right: 15px !important;
		padding-left: 15px !important;

    }
}

/* Ajustement uniquement pour tablettes (769px à 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  #customer_login.u-columns.col2-set {
    gap: 50px !important;
    padding: 0 60px !important;
  }
}




/* 🎯 Alignement à gauche de la section Adresses (suppression des paddings) */
.woocommerce-account .u-columns.woocommerce-Addresses.col2-set.addresses {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
}


/* --- Ajout d'une marge gauche sur le texte d'intro des adresses --- */
.woocommerce-account .woocommerce-MyAccount-content p {
    margin-left: 18px !important;
}

/* --- Marges globales autour du contenu de la page “Adresses” --- */
.woocommerce-account .woocommerce {
    margin: 50px 0 50px 0 !important;
}


/* Carte propre autour du formulaire */
.woocommerce .woocommerce-address-fields{
  background:#fff; border:1px solid #eee; border-radius:16px;
  padding:24px; box-shadow:0 4px 12px rgba(0,0,0,.05); margin-top:20px;
}

/* Grille simple, moderne */
.woocommerce .woocommerce-address-fields__field-wrapper{
  display:flex; flex-wrap:wrap; gap:16px;
}
.woocommerce .woocommerce-address-fields__field-wrapper p.form-row{
  margin:0; /* on gère l’espacement avec gap */
}
.woocommerce .woocommerce-address-fields__field-wrapper p.form-row-first,
.woocommerce .woocommerce-address-fields__field-wrapper p.form-row-last{
  width:calc(50% - 8px);
}
.woocommerce .woocommerce-address-fields__field-wrapper p.form-row-wide{
  width:100%;
}
@media (max-width: 768px){
  .woocommerce .woocommerce-address-fields__field-wrapper p.form-row-first,
  .woocommerce .woocommerce-address-fields__field-wrapper p.form-row-last{
    width:100%;
  }
}

/* Labels */
.woocommerce .woocommerce-address-fields label{
  font-weight:500; font-size:14px; color:#333; margin-bottom:6px; display:inline-block;
}

/* Inputs / Textareas / Selects */
.woocommerce .woocommerce-address-fields input.input-text,
.woocommerce .woocommerce-address-fields textarea,
.woocommerce .woocommerce-address-fields select{
  width:100%; border:1px solid #ddd; border-radius:10px;
  padding:10px 14px; font-size:15px; line-height:1.3; background:#fff;
  transition:.2s ease; box-shadow:none;
}
.woocommerce .woocommerce-address-fields input.input-text:focus,
.woocommerce .woocommerce-address-fields textarea:focus,
.woocommerce .woocommerce-address-fields select:focus{
  border-color:#000; box-shadow:0 0 0 2px rgba(0,0,0,.05); outline:0;
}

/* Harmonisation Select2 (pays) */
.select2-container--default .select2-selection--single{
  height:44px; border:1px solid #ddd; border-radius:10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:42px; padding-left:12px; font-size:15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:42px; right:8px;
}
.select2-dropdown{ border:1px solid #ddd; border-radius:10px; overflow:hidden; }

/* Bouton d’enregistrement */
.woocommerce .woocommerce-address-fields button.button{
  background:#000; color:#fff; border:none; border-radius:0;
  padding:12px 18px; font-weight:500; cursor:pointer; transition:.3s;
}
.woocommerce .woocommerce-address-fields button.button:hover{ background:#222; }

/* Nettoyage divers */
.woocommerce .woocommerce-address-fields input.input-text,
.woocommerce .woocommerce-address-fields textarea{ box-sizing:border-box; }

.woocommerce .woocommerce-address-fields {
  margin-right: 200px !important;
}

/* Corrige le dépassement sur Prénom & Nom */
.woocommerce .woocommerce-address-fields__field-wrapper .form-row-first,
.woocommerce .woocommerce-address-fields__field-wrapper .form-row-last {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}

/* Assure largeur 100% */
.woocommerce .woocommerce-address-fields__field-wrapper input.input-text,
.woocommerce .woocommerce-address-fields__field-wrapper select,
.woocommerce .woocommerce-address-fields__field-wrapper textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}



     /*Style personnalisé pour la page "Détails du compte"*/
        /* --- STYLE GLOBAL DU FORMULAIRE DE COMPTE --- */
        .woocommerce-EditAccountForm {
            background: #fff;
            padding: 40px 50px;
            border-radius: 12px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
            width: 100%;
            max-width: 850px;
            margin: 0 auto;
            box-sizing: border-box;
        }

        /* --- CHAMPS DE FORMULAIRE --- */
        .woocommerce-EditAccountForm input.input-text,
        .woocommerce-EditAccountForm input[type="email"],
        .woocommerce-EditAccountForm input[type="password"],
        .woocommerce-EditAccountForm select {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd !important; /* gris clair, cohérent */
            border-radius: 8px;
            background-color: #fafafa;
            font-size: 14px;
            font-family: "Poppins", sans-serif;
            transition: all 0.2s ease;
            box-sizing: border-box;
        }

        .woocommerce-EditAccountForm input:focus,
        .woocommerce-EditAccountForm select:focus {
            border-color: #999 !important; /* plus doux que le noir */
            background-color: #fff;
            outline: none;
        }

        /* --- LABELS --- */
        .woocommerce-EditAccountForm label {
            font-weight: 500;
            color: #333;
            display: block;
            margin-bottom: 6px;
            font-size: 14px;
        }

        /* --- FORMULAIRES EN DEUX COLONNES (Prénom/Nom) --- */
        .woocommerce-EditAccountForm .form-row-first,
        .woocommerce-EditAccountForm .form-row-last {
            flex: 0 0 100% !important;
            max-width: 100% !important;
            width: 100% !important;
            float: none !important;
            clear: both !important;
            margin: 0 0 20px 0 !important;
        }

        /* --- Champs Nom affiché et Adresse e-mail sans marge ni padding latéral --- */
        .woocommerce-EditAccountForm p#account_display_name_field,
        .woocommerce-EditAccountForm p#account_email_field {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        /* --- FIELDSET : Mot de passe --- */
        .woocommerce-EditAccountForm fieldset {
            border: 1px solid #e5e5e5;
            border-radius: 10px;
            padding: 25px 30px;
            margin-top: 30px;
        }

        .woocommerce-EditAccountForm legend {
            font-weight: 600;
            font-size: 15px;
            color: #151515;
            padding: 0 8px;
        }

        /* --- BOUTON --- */
        .woocommerce-EditAccountForm button.button {
            width: 100%;
            padding: 14px 20px;
            background-color: #000;
            color: #fff;
            border: none;
            border-radius: 8px;
            font-size: 15px;
            font-weight: 600;
            transition: background-color 0.2s ease;
            cursor: pointer;
            text-transform: none;
        }

        .woocommerce-EditAccountForm button.button:hover {
            background-color: #333;
        }

        /* --- TEXTE D’INDICATION --- */
        #account_display_name_description {
            display: block;
            font-size: 13px;
            color: #777;
            margin-top: 5px;
        }

        /* --- ICÔNES DE MOT DE PASSE --- */
        .show-password-input {
            background: transparent;
            border: none;
            color: #555;
            opacity: 0.7;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

        .show-password-input:hover {
            opacity: 1;
        }
			
	.woocommerce form .form-row {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        /* On étend le champ pour qu’il s’aligne bien */
       .woocommerce form .form-row {
            width: 100% !important;
        }


  /* Mobile: corriger la largeur et le padding du menu "Mon compte"*/
    /* Smartphone / tablette */
    @media (max-width: 768px) {
      /* Navigation "Mon compte" */
      .woocommerce-account .woocommerce-MyAccount-navigation{
        width: auto !important;      /* annule le width:23% */
        float: none !important;
        padding-left: 10px !important;
        padding-right: 10px !important; 
        
      }
    
    }


/* =========================================
   MON COMPTE > COMMANDES
   BOUTONS — TOUS ÉCRANS
   ========================================= */

.woocommerce-account
.woocommerce-orders-table__cell-order-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Tous les boutons de la colonne Actions */
.woocommerce-account
.woocommerce-orders-table__cell-order-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 110px !important;
    max-width: 100% !important;

    padding: 11px 18px !important;
    margin: 0 !important;

    float: none !important;

    background: #000 !important;
    background-color: #000 !important;
    color: #fff !important;

    border: none !important;
    border-radius: 30px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

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

    box-shadow: none !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* Forcer les différents boutons */
.woocommerce-account
.woocommerce-orders-table__cell-order-actions a.view,
.woocommerce-account
.woocommerce-orders-table__cell-order-actions a.ast_track,
.woocommerce-account
.woocommerce-orders-table__cell-order-actions a.pay,
.woocommerce-account
.woocommerce-orders-table__cell-order-actions a.cancel {
    background: #000 !important;
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 30px !important;
}

/* Hover */
.woocommerce-account
.woocommerce-orders-table__cell-order-actions a:hover {
    background: #222 !important;
    background-color: #222 !important;
    color: #fff !important;
}


/* =========================================
   MOBILE — MON COMPTE > COMMANDES
   ========================================= */
@media (max-width: 768px) {

    .woocommerce-orders-table {
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    .woocommerce-orders-table thead {
        display: none !important;
    }

    /* Une commande = une carte */
    .woocommerce-orders-table__row {
        display: block !important;
        width: 100% !important;

        background: #fff !important;

        border: none !important;
        border-radius: 16px !important;

        padding: 18px !important;
        margin-bottom: 16px !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Commande / Date / Statut / Total */
    .woocommerce-orders-table__cell {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;

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

        padding: 9px 0 !important;
        margin: 0 !important;

        border: none !important;
        box-sizing: border-box !important;

        font-size: 13px !important;
        text-align: right !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    /* Libellés */
    .woocommerce-orders-table__cell::before {
        display: block !important;
        content: attr(data-title) " :" !important;

        flex: 0 0 auto !important;

        font-weight: 600 !important;
        color: #111 !important;
        text-align: left !important;
    }

    /* Numéro de commande */
    .woocommerce-orders-table__cell-order-number a {
        color: #000 !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        margin: 0 !important;
    }

    /* Date */
    .woocommerce-orders-table__cell-order-date {
        color: #555 !important;
    }

    /* Statut */
    .woocommerce-orders-table__cell-order-status {
        color: #111 !important;
        font-weight: 500 !important;
    }

    /* Total */
    .woocommerce-orders-table__cell-order-total {
        color: #222 !important;
    }

    /* Zone Actions mobile */
    .woocommerce-account
    .woocommerce-orders-table__cell-order-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 10px !important;

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

        padding: 16px 0 0 !important;
        margin: 0 !important;

        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* Cache "Actions :" */
    .woocommerce-account
    .woocommerce-orders-table__cell-order-actions::before {
        display: none !important;
        content: none !important;
    }

    /* Boutons un peu plus compacts sur mobile */
    .woocommerce-account
    .woocommerce-orders-table__cell-order-actions a {
        flex: 0 1 auto !important;
        min-width: 110px !important;
        padding: 11px 16px !important;
    }
}
/* --- ✅ VERSION MOBILE : Blocs d’adresses empilés --- */
@media (max-width: 768px) {
  .u-columns.woocommerce-Addresses.col2-set.addresses {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important; /* espace entre les deux blocs */
  }

  .u-columns.woocommerce-Addresses.col2-set.addresses .u-column1,
  .u-columns.woocommerce-Addresses.col2-set.addresses .u-column2 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
  }

  .woocommerce-Address-title h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #000;
  }

  .woocommerce-Address-title a {
    font-size: 13px;
    color: #000;
    text-decoration: underline;
    font-weight: 500;
  }

  .woocommerce-Address address {
    font-style: normal;
    line-height: 1.6;
    color: #333;
    margin-top: 8px;
    font-size: 14px;
  }
}

/* =============================
   Tablet uniquement (768px–1024px)
   Correction adresse compte
   ============================= */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .woocommerce-account .woocommerce-address-fields {
        margin-right: 100px !important;
    }
}



/* =============================
   Page Détails de commande WooCommerce
   ============================= */

/* Contenu principal */
.woocommerce-view-order .woocommerce-MyAccount-content,
.woocommerce-order-received .woocommerce-MyAccount-content {
    font-size: 14px !important;
    line-height: 1.6;
    color: #222;
}

/* Titres */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    font-size: 15px !important;
    font-weight: 600;
}

/* Tableau : colonnes produits / totaux */
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    font-size: 14px !important;
}

/* Métadonnées produit (variation : couleur, taille, etc.) */
.woocommerce-MyAccount-content .wc-item-meta,
.woocommerce-MyAccount-content .wc-item-meta-label,
.woocommerce-MyAccount-content .wc-item-meta p {
    font-size: 13px !important;
}

/* Adresse et informations client */
.woocommerce-customer-details address,
.woocommerce-customer-details p {
    font-size: 14px !important;
}

/* Paragraphes généraux */
.woocommerce-MyAccount-content p {
    font-size: 14px !important;
}


/* === Style du lien Se déconnecter (page Mon Compte) === */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
    display: block;
    background-color: #f4f4f4;
    color: #000 !important;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}

/* Désactive le hover */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background-color: #f4f4f4 !important;
    color: #000 !important;
}


/* Mobile — page Mon Compte */
@media (max-width: 768px) {

  .woocommerce-account .woocommerce-MyAccount-content form .form-row {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content form input[type="text"],
  .woocommerce-account .woocommerce-MyAccount-content form input[type="email"],
  .woocommerce-account .woocommerce-MyAccount-content form input[type="password"] {
    width: 100% !important;
    box-sizing: border-box !important;
  }

}




/* Cacher le bouton "Commander maintenant" partout */
.buy-now-holder {
    display: none !important;
}


/* --- Personnalisation du message d'alerte WooCommerce (checkout) --- */

/* Couleur du fond */
.wc-block-components-notice-banner.is-info {
    background-color: #ffffff !important;
}

/* Couleur de l’icône (SVG) */
.wc-block-components-notice-banner.is-info svg {
    color: #000000 !important;
    fill: #000000 !important;
    background-color: transparent !important;
}


/* --- Tracking Form Styling --- */

.by_tracking_number.tracking_form {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 25px 35px;
    max-width: 520px;
    margin: 30px auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    font-family: 'Poppins', sans-serif;
}

.by_tracking_number.tracking_form p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 15px;
}

/* Champ input */
.by_tracking_number.tracking_form input.input-text {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
    margin-top: 8px;
    margin-bottom: 25px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 15px;
    outline: none;
    display: block;
}

/* Bouton */
.by_tracking_number.tracking_form button.button {
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    padding: 14px 0;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}


/* Supprime le soulignement du prix promotionnel WooCommerce */
ins,
.product .price ins,
.woocommerce div.product span.price ins,
.woocommerce div.product p.price ins {
    text-decoration: none !important;
    border: none !important;
}


/* Page de tracking — Masquer détails */
.tracking_detail > div {
    display: none !important;
}

/* Masquer le nom du transporteur (CJPacket, etc.) */
.tracking_page_provider_name {
    display: none !important;
}

/* Masquer le bloc Synthèse / Détails */
.tracking_details_switch {
    display: none !important;
}


/* Bloc stay-stylish — uniquement sur la home */
.is-home .stay-stylish {
    margin-top: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .is-home .stay-stylish {
      margin-bottom: 10px !important;
    }
}


/* Modifier le padding de la section */

        /* Desktop et tablette : padding 50px */
        @media (min-width: 768px) {
            .products-area.collfemme {
                padding-top: 0!important;
            }
        }

/* Ajout du CSS pour le texte product-category-content */
        
		  .product-toggle .arrow {
            display: inline-block;
            transition: transform .3s ease;
        }
		
		.product-category {
            margin: 30px 0;
        }

        .product-toggle {
            background: #ffffff;
            color: #000;
            border: none;
            padding: 10px 18px;
            font-size: 15px;
            border-radius: 6px;
            cursor: pointer;
            margin-left: 90px; /* Desktop */
			margin-bottom: 25px;
			margin-top: 10px;
        }
		
		.product-content {
            display: none;
            margin-top: 15px;
            line-height: 1.7;
			margin-left:108px;
			margin-right:108px;
        }

        /* Mobile */
        @media (max-width: 768px) {
            .product-toggle {
                margin-left: 10px;
            }
			 .product-content {
                margin-left: 29px;
				 margin-right:29px;
            }
        }


 /* Liens dans les textes dépliables */
    .product-category-content .product-content a,
    .product-category-content .product-content a:visited {
        text-decoration: underline;
    }

    .product-category-content .product-content a:hover {
        color: #000000 !important;
    }

    /* Liens dans les articles de blog */
    .single-post .entry-content a,
    .single-post .entry-content a:visited {
        text-decoration: underline;
    }

    .single-post .entry-content a:hover {
        color: #000000 !important;
    }

    /* --- Images produits dans le bloc (desktop) --- */
   /* .product-category-content ul.products li.product img.wvs-archive-product-image {
        width: 100% !important;
        height: 430px !important;
        object-fit: cover !important;
        object-position: top !important;
        display: block !important;
    }

   
    @media (max-width: 768px) {
        .product-category-content ul.products li.product img.wvs-archive-product-image {
            height: 320px !important;
        }
    }

    @media (max-width: 480px) {
        .product-category-content ul.products li.product img.wvs-archive-product-image {
            height: 260px !important;
        }
    }*/

/* --- SUPPRIMER LES BOUTONS UNIQUEMENT DANS LE TEXTE --- */
    /*.product-category-content ul.products li.product a.button,
    .product-category-content ul.products li.product .add_to_cart_button,
    .product-category-content ul.products li.product .product_type_variable {
        display: none !important;
    }*/

/* ==========================================================
   NOUVELLE STRUCTURE HEADER — LIGNE 1 (logo + recherche + compte)
   ========================================================== */

.nav-area-top {
    padding: 16px 20px;
    gap: 20px;
    align-items: center;
}

.nav-area-top .logo-holder {
    flex-shrink: 0;
}

.nav-area-top .logo img {
    max-width: 100px;
    display: block;
}

/* Bouton menu mobile — caché par défaut (desktop/tablette) */
.mobile-menu-trigger {
    display: none;
}

.mobile-menu-trigger img {
    width: 28px;
    height: 28px;
    filter: brightness(0);
}

/* Barre de recherche permanente */
.header-search-permanent {
    flex: 1 1 auto;
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-search-form {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.header-search-input {
    width: 100%;
    height: 44px;
    border-radius: 30px;
    padding: 0 50px 0 20px;
    font-size: 14px;
    font-family: inherit;
    outline: none;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.header-search-input:focus {
    border-color: #000;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.header-search-submit {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    background: #000;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.header-search-submit:hover {
    background: #333;
}

.header-search-submit img {
    width: 16px;
    height: 16px;
    filter: invert(1);
}

/* Zone utilisateur (droite) */
.nav-area-top .user-area {
    flex-shrink: 0;
}

.nav-area-top .user-area ul {
    gap: 18px;
    align-items: center;
}

.nav-area-top .user-area ul > li {
    display: flex;
    align-items: center;
}

.nav-area-top .user-area ul > li:not(:last-child) {
    padding-right: 18px;
    border-right: 1px solid #e5e5e5;
}

.become-vendor-link a {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    white-space: nowrap;
    text-decoration: none;
}

.become-vendor-link a:hover {
    text-decoration: underline;
}

/* ==========================================================
   LIGNE 2 : Menu de navigation
   ========================================================== */

.nav-area-bottom {
    padding: 12px 20px;
    border-top: 1px solid #eee;
}

/* ==========================================================
   Marges latérales réduites — étend le header sur toute la largeur
   ========================================================== */

.nav-area-top.container,
.nav-area-bottom.container {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}





/* ==========================================================
   PAGE CHECKOUT — cache la ligne recherche/compte sur mobile
   ========================================================== */

@media (max-width: 767px) {
    .woocommerce-checkout .header-search-permanent {
        display: none;
    }
}
/* ==========================================================
   TABLETTE (768px – 1024px)
   ========================================================== */
@media (min-width: 768px) and (max-width: 1024px) {

    .nav-area-top {
        padding: 12px 15px;
        gap: 12px;
        flex-wrap: nowrap;
    }

    .nav-area-top .logo img {
        max-width: 85px;
    }

    .header-search-permanent {
        max-width: 350px;
        margin: 0 auto;
    }

    .header-search-input {
        height: 40px;
        font-size: 13px;
    }

    .nav-area-top .user-area ul {
        gap: 10px;
    }

    .nav-area-top .user-area ul > li:not(:last-child) {
        padding-right: 10px;
    }

    .become-vendor-link a {
        font-size: 12px;
    }

    .nav-area-top.container,
    .nav-area-bottom.container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav-area-bottom {
        padding: 12px 20px;
    }
}

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

    .nav-area-top {
        flex-wrap: wrap;
        padding: 12px 15px;
        gap: 10px;
        align-items: center;
    }

    .nav-area-top .logo-holder {
        order: 1;
        flex-shrink: 0;
    }

    .nav-area-top .logo img {
        max-width: 80px;
    }

    .nav-area-top .user-area {
        order: 2;
        margin-left: auto;
    }

    .nav-area-top .user-area ul {
        gap: 8px;
        flex-wrap: nowrap;
    }

    .nav-area-top .user-area ul > li:not(:last-child) {
        padding-right: 8px;
    }

    .become-vendor-link a {
        font-size: 11px;
    }

    .mobile-menu-trigger {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        margin-right: 4px;
    }

    .header-search-permanent {
        order: 3;
        flex: 1 1 100%;
        max-width: 100%;
        margin: 0;
    }

    .header-search-input {
        height: 42px;
        font-size: 13px;
    }

    .nav-area-bottom {
        display: none;
    }

    .nav-area-top.container,
    .nav-area-bottom.container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ==========================================================
   FIX STICKY HEADER — TRANSITION SANS SAUT
   ========================================================== */

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

#header {
    position: relative !important;
    background: #fff;
}


/* ==========================
   STICKY UNIQUEMENT EN REMONTANT
   ========================== */

#header.fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    z-index: 1000;
    background: #fff;

    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.10);

    animation: stickyFadeIn 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes stickyFadeIn {
    from {
        opacity: 0;
        transform: translateY(-18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* La top-bar reste toujours visible */
#header .top-bar,
#header.fixed .top-bar {
    display: block !important;
    opacity: 1 !important;
    max-height: none !important;
}
	
html body #wcfm_membership_container input.wcfm-text[type="text"]:focus,
html body #wcfm_membership_container input.wcfm-text[type="password"]:focus,
html body #wcfm_membership_container select.wcfm_ele:focus,
html body #wcfm_membership_container textarea.wcfm_ele:focus {
    border-color: #d8c2ad !important;
}

html body #wcfm_membership_container input[type="text"].wcfm_validation_failed,
html body #wcfm_membership_container input[type="file"].wcfm_validation_failed,
html body #wcfm_membership_container input[type="password"].wcfm_validation_failed,
html body #wcfm_membership_container select.wcfm_validation_failed,
html body #wcfm_membership_container input[type="number"].wcfm_validation_failed,
html body #wcfm_membership_container input[type="time"].wcfm_validation_failed,
html body #wcfm_membership_container input[type="search"].wcfm_validation_failed,
html body #wcfm_membership_container textarea.wcfm_validation_failed {
    border: 1px solid #cc1818 !important;
    border-left: 1px solid #cc1818 !important;
    background-color: #fff !important;
}

html body #wcfm_membership_container input[type="text"].wcfm_validation_success,
html body #wcfm_membership_container input[type="file"].wcfm_validation_success,
html body #wcfm_membership_container input[type="password"].wcfm_validation_success,
html body #wcfm_membership_container select.wcfm_validation_success,
html body #wcfm_membership_container input[type="number"].wcfm_validation_success,
html body #wcfm_membership_container input[type="time"].wcfm_validation_success,
html body #wcfm_membership_container input[type="search"].wcfm_validation_success,
html body #wcfm_membership_container textarea.wcfm_validation_success {
    border-left: 1px solid #ddd !important;
}

html body #wcfm_membership_container .wcfm-error {
    color: #cc1818 !important;
}

html body #wcfm_membership_container .wcfm-error {
    color: #cc1818 !important;
    border-color: #cc1818 !important;
}

html body #wcfm_membership_container .wcfm-error .wcicon-status-cancelled {
    color: #cc1818 !important;
}

html body #wcfm_membership_container input.wcfm-checkbox.wcfm_validation_failed,
html body #wcfm_membership_container input[type="checkbox"].wcfm_validation_failed {
    border: 1px solid #cc1818 !important;
}

html body #wcfm_membership_container input.wcfm-checkbox:checked:before {
    color: #000000 !important;
}

.wcfm-membership-wrapper .required {
    color: #cc1818;
    margin-left: 2px;
}

.wcfm_email_verified {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Bouton juste sous le champ Email */
.wcfm_email_verified_button {
    order: 1;
    align-self: flex-start;
    width: auto !important;
}

/* Champ du code en dessous du bouton */
.wcfm_email_verified_input {
    order: 2;
    width: 100% !important;
}

.wcfm_email_verified .wcfm_clearfix {
    order: 3;
}

html body #wcfm_membership_container
.wcfm_email_verified
.wcfm_email_verified_button {
    height: 34px !important;
    padding: 5px 22px !important;
    width: auto !important;
}

html body #wcfm_membership_container input#user_email {
    margin-bottom: 0 !important;
}

/* --- Filtre blog --- */
.blog-filter-bar {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 30px;
}

.blog-filter-search {
    position: relative;
    flex: 1;
    min-width: 220px;
    max-width: 400px;
    height: 44px;
}

.blog-filter-search input {
    width: 100%;
    height: 44px;
    border-radius: 30px;
    padding: 0 44px 0 20px;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    font-size: 14px;
    font-family: inherit;
    outline: none;
    box-sizing: border-box;
}

.blog-filter-search input:focus {
    border-color: #000;
}

.blog-filter-search img {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    opacity: 1;
    cursor: pointer;
    transition: background 0.2s ease;
}

.blog-filter-search img:hover {
    background: #f7f7f7;
}

/* Menu déroulant catégories personnalisé */
.blog-cat-dropdown {
    position: relative;
    width: 340px;
    flex-shrink: 0;
}

.blog-cat-toggle {
    width: 100%;
    height: 44px;
    border-radius: 30px;
    padding: 0 18px;
    border: 1px solid #f0e4d3;
    background: #FBF7F2;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #000;
    transition: border-color 0.2s ease, background 0.2s ease;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}



.blog-cat-dropdown.open .blog-cat-toggle {
    border-color: #000;
}

.blog-cat-chevron {
    flex-shrink: 0;
    transition: transform 0.2s ease;
    color: #666;
}

.blog-cat-dropdown.open .blog-cat-chevron {
    transform: rotate(180deg);
}

.blog-cat-list {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    padding: 8px;
    max-height: 320px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    z-index: 50;
    display: none;
}

.blog-cat-dropdown.open .blog-cat-list {
    display: block;
}

.blog-cat-item {
    padding: 12px 14px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #222;
    font-weight: 400;
    line-height: 1.4;
    transition: background 0.15s ease, color 0.15s ease;
}

.blog-cat-item:hover {
    background: #f4f4f4;
}

.blog-cat-item.active {
    background: #F5EDE0;
    color: #2b2620;
    font-weight: 600;
}

.blog-cat-item[data-depth="1"] {
    padding-left: 30px;
    font-weight: 400;
    color: #666;
    font-size: 13.5px;
}

.blog-cat-item[data-depth="2"] {
    padding-left: 46px;
    font-weight: 400;
    color: #888;
    font-size: 13px;
}

.no-posts-found {
    width: 100%;
    text-align: center;
    padding: 40px 0;
    color: #666;
}

.see-more-btn {
    display:inline-block;
    padding:10px 20px;
    border:1px solid #000;
    background:#000;
    color:#fff !important;
    text-decoration:none;
    transition:0.3s;
    cursor:pointer;
}

.see-more-btn:hover {
    background:#000 !important;
    color:#fff !important;
}

.hidden-post {
    display: none;
}

#posts-wrapper {
    transition: opacity 0.2s ease;
}

.blog-filter-reset {
    height: 44px;
    padding: 0 18px;
    border-radius: 30px;
    border: 1px solid #eee;
    background: #fff;
    font-size: 14px;
    font-family: inherit;
    color: #666;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.blog-filter-reset:hover {
    border-color: #000;
    color: #000;
}

/* ===== PAGE CONNEXION : masquer l'inscription, ajouter une popup ===== */
body.woocommerce-account #customer_login.u-columns.col2-set {
    display: block !important;
}
body.woocommerce-account #customer_login .u-column1.col-1 {
    width: 100% !important;
    max-width: 480px;
    margin: 0 auto;
    float: none !important;
}
body.woocommerce-account #customer_login .u-column2.col-2 {
    display: none !important;
}

.anaaz-register-link-wrap {
    text-align: center;
    margin-top: 18px;
    font-size: 14px;
    color: #555;
}
.anaaz-register-link-wrap a {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.anaaz-register-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 999998;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}
.anaaz-register-modal-overlay.active {
    display: flex;
}
.anaaz-register-modal {
    background: #fff;
    border-radius: 18px;
    max-width: 520px;
    width: 100%;
    max-height: 88vh;
    overflow-y: auto;
    padding: 36px 32px;
    position: relative;
    box-sizing: border-box;
}
.anaaz-register-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f3f3f3;
    border: none;
    cursor: pointer;
}
.anaaz-register-modal-close::before,
.anaaz-register-modal-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 1.5px;
    background: #222;
}
.anaaz-register-modal-close::before { transform: translate(-50%,-50%) rotate(45deg); }
.anaaz-register-modal-close::after { transform: translate(-50%,-50%) rotate(-45deg); }

@media (max-width: 640px) {
    .anaaz-register-modal { padding: 26px 20px; }
}

.woocommerce-account form.woocommerce-form-login {
    margin: 0 !important;
}

.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content,
.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content,
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content {
    background: #fff !important;
    border-radius: 16px;
    padding: 32px !important;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .woocommerce-account.woocommerce-edit-address
    .woocommerce-MyAccount-content {
        padding: 20px !important;
    }
}

/* Retire le lien */
a[href="https://docs.woocommerce.com/document/variable-product/"] {
    display: none !important;
}


/* Cache le champ "Marques de produits" */
.wcfm_product_taxonomy_product_brand {
    display: none !important;
}

/* Cache "Étiquettes" */
p.product_tags.wcfm_title.wcfm_full_ele.product_tags_ele,
textarea.wcfm-textarea.wcfm_ele.wcfm_full_ele.product_tags_ele,
p.description.wcfm_full_ele.wcfm_side_tag_cloud.wcfm_fetch_tag_cloud {
    display: none !important;
}

/* Cache "Géré et expédié par" (titre + champ) */
p.f0cd0e87f17edc964d0770e599114e4c,
label[for="f0cd0e87f17edc964d0770e599114e4c"],
input[name="shipping_by"] {
    display: none !important;
}

/* Cache "Retours" (titre + champ) — sélecteur d'attribut car la classe commence par un chiffre */
p[class*="288be6638849fb633a1a926dbdfda809"],
label[for="288be6638849fb633a1a926dbdfda809"],
input[name="livraison_retour"] {
    display: none !important;
}

.post-col {
    cursor: pointer;
}

.anaaz-var__liste--photos .anaaz-var__item {
    background-color: transparent !important;
}


/*#wcfm_products_manage_form_attribute_expander .multi_input_block.wcfm_attributes_blocks {
    min-height: 60px !important;
    height: 60px !important;
}*/

@media (max-width: 768px) {
    #wcfm_products_manage_form_attribute_expander p[class*="_value_"].wcfm_title {
        width: 100px !important;
        max-width: 100px !important;
    }
}

#wcfm_products_manage_form_attribute_expander button.wcfm_select_no_attributes,
#wcfm_products_manage_form_attribute_expander button.wcfm_select_all_attributes {
    display: none !important;
}

#wcfm_products_manage_form_attribute_expander .wcfm_attributes_block_pa_saison,
#wcfm_products_manage_form_attribute_expander .wcfm_attributes_block_pa_silhouette,
#wcfm_products_manage_form_attribute_expander .wcfm_attributes_block_pa_style,
#wcfm_products_manage_form_attribute_expander .wcfm_attributes_block_pa_teinte,
#wcfm_products_manage_form_attribute_expander .wcfm_attributes_block_pa_coupe,
#wcfm_products_manage_form_attribute_expander .wcfm_attributes_block_pa_matiere {
    display: none !important;
}

#wcfm_products_manage_form_attribute_expander select.wcfm_attribute_taxonomy,
#wcfm_products_manage_form_attribute_expander button.wcfm_add_attribute {
    display: none !important;
}

#wcfm_products_manage_form_attribute_expander p[class*="_is_visible_"].checkbox_title,
#wcfm_products_manage_form_attribute_expander p[class*="_is_variation_"].checkbox_title {
    width: auto !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    margin: 0 8px 0 0 !important;
    float: left !important;
}
#wcfm_products_manage_form_attribute_expander input[id*="_is_visible_"].wcfm-checkbox,
#wcfm_products_manage_form_attribute_expander input[id*="_is_variation_"].wcfm-checkbox {
    width: auto !important;
    vertical-align: middle !important;
    margin: 0 20px 0 0 !important;
    float: left !important;
}

#wcfm_products_manage_form_variations_expander p.wcfm_half_ele_upload_title {
    float: left !important;
    width: 100% !important;
    margin: 0 0 5px 0 !important;
}

#wcfm_products_manage_form_variations_expander span.wcfm_img_uploader {
    float: left !important;
    clear: both !important;
    display: block !important;
}

#wcfm_products_manage_form_variations_expander p.wcfm_half_ele_title {
    float: left !important;
    width: 200px !important;
    margin: 0 10px 15px 0 !important;
    clear: left !important;
}

#wcfm_products_manage_form_variations_expander input.wcfm_half_ele,
#wcfm_products_manage_form_variations_expander select.wcfm_half_ele {
    float: left !important;
    margin: 0 20px 15px 0 !important;
}

#wcfm_products_manage_form_variations_expander .multi_input_block::after {
    content: "";
    display: table;
    clear: both;
}

#wcfm_products_manage_form_variations_expander p.checkbox_title {
    width: auto !important;
    white-space: nowrap !important;
    float: left !important;
    margin: 0 8px 15px 0 !important;
}

#wcfm_products_manage_form_variations_expander input.wcfm-checkbox {
    width: auto !important;
    float: left !important;
    margin: 0 20px 15px 0 !important;
}

#wcfm_products_manage_form_variations_expander p[class*="_is_virtual_"],
#wcfm_products_manage_form_variations_expander input[id*="_is_virtual_"],
#wcfm_products_manage_form_variations_expander p[class*="_sku_"],
#wcfm_products_manage_form_variations_expander input[id*="_sku_"],
#wcfm_products_manage_form_variations_expander label[for*="_is_virtual_"],
#wcfm_products_manage_form_variations_expander label[for*="_sku_"] {
    display: none !important;
}

#wcfm_products_manage_form_inventory_head {
    display: none !important;
}

/* produits illimites */

.wcfm_products_limit_label {
    display: none !important;
}

@media (max-width: 768px) {
    .anaaz-filter-row {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }
    #blog-cat-dropdown {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
    }
    #blog-filter-reset {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    .anaaz-filter-row {
        display: flex !important;
        width: 100% !important;
        box-sizing: border-box !important;
        align-items: center !important;
        gap: 10px !important;
    }
    #blog-cat-dropdown {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    #blog-filter-reset {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }
}

@media only screen and (max-width: 640px) {
    a#add_new_product_dashboard span.text {
        display: inline !important;
    }
}

a.add_new_wcfm_ele_dashboard span.text,
a.add_new_wcfm_ele_dashboard span.text.hidden-text {
    display: inline !important;
}

#wcfm-main-contentainer .wcfm_menu_toggler,
#wcfm-main-contentainer .wcfm_responsive_menu_toggler,
#wcfm-main-contentainer .wcfm_menu_toggler::before,
#wcfm-main-contentainer .wcfm_responsive_menu_toggler::before {
    color: #ffdcc3 !important;
}

.wcfm-store-name-heading-text a {
    color: #ffdcc3 !important;
}

.wcfm_header_panel_profile_img {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='60' fill='%23ffdcc3'/%3E%3Ccircle cx='60' cy='46' r='20' fill='%23333333'/%3E%3Cpath d='M20 108 Q20 72 60 72 Q100 72 100 108 L100 120 L20 120 Z' fill='%23333333'/%3E%3C/svg%3E") !important;
}

p.wcfmmp_profile_complete_help.description {
    display: none !important;
}

#wcfmmp_profile_complete_progressbar {
    display: none !important;
}

.unread_notification_count.notice_count {
    background-color: #ffdcc3 !important;
    color: #333333 !important;
}

.unread_notification_count.enquiry_count {
    background-color: #ffdcc3 !important;
    color: #333333 !important;
}

.unread_notification_count {
    background-color: #ffdcc3 !important;
    color: #333333 !important;
}

.wcfm_dashboard_stats_block:nth-child(1) .wcfmfa {
    background-color: #ffdcc3 !important;
    color: #333333 !important;
}

.wcfm_dashboard_stats_block:nth-child(2) .wcfmfa {
    background-color: #f0c39e !important;
    color: #333333 !important;
}

.wcfm_dashboard_stats_block:nth-child(3) .wcfmfa {
    background-color: #e0a875 !important;
    color: #333333 !important;
}

.wcfm_dashboard_stats_block:nth-child(4) .wcfmfa {
    background-color: #333333 !important;
    color: #ffdcc3 !important;
}

.wcfm_dashboard_latest_topic a,
.wcfm_dashboard_enquiry a,
.wcfm_dashboard_wc_status_data strong,
.wcfm_dashboard_wc_status_data strong .woocommerce-Price-amount,
.wcfm_dashboard_stats_block strong,
.wcfm_dashboard_stats_block strong .woocommerce-Price-amount {
    color: #1c2b36 !important;
}

.wcfm_product_title {
    color: #1c2b36 !important;
}

#wcfm-products thead th {
    color: #1c2b36 !important;
}

.wcfm_dashboard_item_title {
    color: #1c2b36 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: #1c2b36 !important;
}

#wcfm-products_wrapper span.product-status-publish {
    background-color: #1c2b36 !important;
}



#wcfm-products a[style*="color: #5B9A68"] {
    color: #1c2b36 !important;
}

#wcfm-products th:nth-child(4),
#wcfm-products td:nth-child(4),
#wcfm-products th:nth-child(9),
#wcfm-products td:nth-child(9),
#wcfm-products th:nth-child(10),
#wcfm-products td:nth-child(10) {
    display: none !important;
}

#wcfm-products_wrapper span.product-status-draft {
    background-color: #9e9e9e !important;
}

#wcfm_menu a.active span,
#wcfm_menu a.active:hover span {
    color: #1c2b36 !important;
}

#wcfm-main-contentainer a.add_new_wcfm_ele_dashboard,
#wcfm-main-contentainer a.wcfm_import_export {
    background-color: #1c2b36 !important;
}

.wcfm-page-heading-text {
    color: #ffffff !important;
}

.wcfm_products_menus a {
    color: #1c2b36 !important;
}

.wcfmmp_media_name {
    color: #1c2b36 !important;
}

.wcfmmp-author-img {
    color: #1c2b36 !important;
}

#wcfm-media thead th {
    color: #1c2b36 !important;
}

.wcfm-top-element-container h2 {
    color: #1c2b36 !important;
}

#wcfm-orders thead th {
    color: #1c2b36 !important;
}

.show_order_items {
    color: #1c2b36 !important;
    font-weight: 500 !important;
}

.wcfm_order_by_customer {
    color: #1c2b36 !important;
}

.wcfm-container table thead th,
.wcfm-container table tfoot th {
    color: #1c2b36 !important;
}

.wcfm-container [class*="wcicon-status-"] {
    color: #1c2b36 !important;
}

.wcfm_disk_limit_label {
    display: none !important;
}

table:has(th[aria-label="Type"]) th:nth-child(2),
table:has(th[aria-label="Type"]) td:nth-child(2) {
    display: none !important;
}

img[src*="wc-frontend-manager/assets/images/user.png"] {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='60' fill='%23ffdcc3'/%3E%3Ccircle cx='60' cy='46' r='20' fill='%231c2b36'/%3E%3Cpath d='M20 108 Q20 72 60 72 Q100 72 100 108 L100 120 L20 120 Z' fill='%231c2b36'/%3E%3C/svg%3E") !important;
}

/* Remplace le "?" par une bulle de discussion (plus clair pour "messages clients") */
.wcfm_header_panel_enquiry i.wcfmfa {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
}
.wcfm_header_panel_enquiry i.wcfmfa::before {
    content: "\f4ad"; /* icône bulle de discussion (comment-dots) */
}

table td h2[style*="color:#00798b"] {
    color: #1c2b36 !important;
    text-decoration: none !important;
}

.wcfm-enquiry-product {
    color: #1c2b36 !important;
}

.wcfm_inquiry_by_customer {
    color: #1c2b36 !important;
    font-weight: 600 !important;
}

.reply_view_count {
    color: #1c2b36 !important;
}

.inquiry_content_for h2 {
    color: #1c2b36 !important;
}

#wcfm_inquiry_reply_form > h2 {
    color: #1c2b36 !important;
}

.inquiry_reply_content h2 {
    color: #1c2b36 !important;
}

.inquiry_by_customer {
    color: #1c2b36 !important;
}

.fields_collapser.attributes_collapser {
    color: #1c2b36 !important;
}

html body #wcfm-main-contentainer input[type="text"]:focus,
html body #wcfm-main-contentainer input[type="number"]:focus,
html body #wcfm-main-contentainer input[type="time"]:focus,
html body #wcfm-main-contentainer input[type="search"]:focus,
html body #wcfm-main-contentainer input[type="password"]:focus,
html body #wcfm-main-contentainer textarea:focus {
    border-color: #ffdcc3 !important;
    outline: none !important;
}

.fields_collapser.variations_collapser {
    color: #1c2b36 !important;
}

input.wcfm-checkbox:checked:before {
    color: #1c2b36 !important;
}

#order_quick_actions {
    display: none !important;
}

#wcfm_modify_order_status {
    background-color: #1c2b36 !important;
}

#wcfm_modify_order_status {
    background-color: #1c2b36 !important;
}

.wcfm_order_mark_complete,
.wcfm_pdf_invoice_dummy {
    display: none !important;
}

.anaaz-status-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background-color: #9e9e9e;
}

span.wcicon-status-delivered + .anaaz-status-badge,
span.wcicon-status-shipped + .anaaz-status-badge,
span.wcicon-status-completed + .anaaz-status-badge {
    background-color: #4caf50;
}

span.wcicon-status-processing + .anaaz-status-badge,
span.wcicon-status-pending + .anaaz-status-badge,
span.wcicon-status-on-hold + .anaaz-status-badge {
    background-color: #ff9800;
}

span.order-status {
    display: none !important;
}

#wcfm-orders thead span.wcicon-status-processing,
#wcfm-orders tfoot span.wcicon-status-processing {
    display: none;
}

#wcfm-orders thead th[aria-label=""]::after,
#wcfm-orders tfoot th:first-child::after {
    content: "Statut";
}

#wcfm-main-contentainer table.display {
    font-size: 13px !important;
}

.show_order_items {
    font-size: 13px!important;
    font-weight: 600!important;
}

.order_items {
    display: none!important;
}

@media (max-width: 768px) {
    .date-picker-wrapper {
        max-width: calc(100vw - 20px) !important;
        width: auto !important;
        left: 10px !important;
        right: 10px !important;
    }

    .date-picker-wrapper .month-wrapper {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .date-picker-wrapper table.month1,
    .date-picker-wrapper table.month2 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
    }

    .date-picker-wrapper .gap {
        display: none !important;
    }
}

#wcfm-orders_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

#wcfm-orders_filter,
.wcfm_orders_filter_wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.wcfm-date-range-field input.wcfm-date-range {
    height: 38px;
    box-sizing: border-box;
}

.select2-container {
    vertical-align: middle;
}

@media (max-width: 768px) {
    #wcfm-orders_wrapper {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    #wcfm-orders_filter {
        width: 100% !important;
    }

    #wcfm-orders_filter label {
        width: 100% !important;
        display: block !important;
    }

    #wcfm-main-contentainer .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .wcfm_orders_filter_wrap {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        gap: 10px !important;
    }

    /* Ligne 1 : date + produit, côte à côte */
    .wcfm-date-range-field {
        flex: 1 1 calc(50% - 5px) !important;
        min-width: 0 !important;
        order: 1;
    }

    .wcfm-date-range-field input.wcfm-date-range {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .wcfm_orders_filter_wrap > .select2-container {
        flex: 1 1 calc(50% - 5px) !important;
        min-width: 0 !important;
        max-width: none !important;
        order: 2;
    }

    .wcfm_orders_filter_wrap > .select2-container .select2-selection {
        width: 100% !important;
    }
	
	

    #order_product {
        width: 100% !important;
    }

    /* Ligne 2 : Afficher tout, seul, pleine largeur */
    #commission-status {
        flex: 1 1 100% !important;
        width: 100% !important;
        order: 3;
        box-sizing: border-box !important;
    }
}

#wcfm-main-contentainer table.dataTable.display img.attachment-thumbnail {
    width: 60px !important;
    height: 60px !important;
}

.wcfm_responsive_menu_toggler,
.wcfm_responsive_menu_toggler::before {
    font-size: 24px !important;
}
.wcfm_menu_toggler {
    font-size: 35px !important;
}

.wcfm-page-heading-text  {
    font-size: 18px !important;
}

.wcfm-store-name-heading-text {
    font-size: 16px !important;
	padding-left: 8px !important;
	
}

.wcfm-page-headig > .wcfmfa {
    margin-left: 10px !important;
	font-size: 16px !important;
}

.wcfm-store-name-heading-text a {
    color: #ffffff !important;
}

.ast-wcfm-panel .wcfm-panel-heading {
    background-color: #1c2b36 !important;
    color: #ffffff !important;
    font-size: 16px;
    padding: 12px 15px;
}

.ast-wcfm-panel .wcfm-panel-default {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
}

.ast-wcfm-panel .wcfm-panel-body {
    padding: 15px;
}

#ast-show-tracking-form {
    background-color: #ffdcc3 !important;
    color: #1c2b36 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

.ast-product-table {
    border-color: #1c2b36 !important;
}

.ast-product-table thead {
    background-color: #1c2b36 !important;
    color: #ffffff !important;
}

.wcfm-form-group .wcfm-control-label {
    color: #1c2b36 !important;
    font-weight: 600 !important;
}

.wcfm-form-group input.wcfm-form-control,
.wcfm-form-group select.wcfm-form-control {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.wcfm-form-group input.wcfm-form-control:focus,
.wcfm-form-group select.wcfm-form-control:focus {
    border-color: #1c2b36 !important;
    outline: none !important;
}

#ast-add-tracking-details {
    background-color: #1c2b36 !important;
    color: #ffdcc3 !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

#ast-wcfm-cancel-tracking-note {
    background-color: transparent !important;
    color: #1c2b36 !important;
    border: 1px solid #1c2b36 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
}

.ast-wcfm-panel .wcfm-form-group {
    margin-bottom: 18px !important;
}

.ast-wcfm-panel .wcfm-control-label {
    display: block !important;
    margin-bottom: 6px !important;
}

.ast-wcfm-panel .ast-product-table td {
    padding: 10px !important;
}

.ast-wcfm-panel .ast-product-table tr.ASTProduct_row {
    border-bottom: 1px solid #eee;
}

.wp-block-woocommerce-checkout .wc-block-components-sale-badge {
    display: none !important;
}

#wcfm_products_manage #add_new_product_dashboard {
    display: none !important;
}


/* =========================================
   MON COMPTE > DÉTAIL COMMANDE
   Image produit + alignement propre
   ========================================= */

/* DESKTOP */
.woocommerce-view-order
.woocommerce-table--order-details
td.product-name {
    position: relative;
    padding-left: 92px !important;
    min-height: 90px;
    box-sizing: border-box;
}

.woocommerce-view-order
.woocommerce-table--order-details
td.product-name .anaaz-view-order-thumb {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 64px !important;
    height: 82px !important;
    object-fit: cover;
    border-radius: 6px;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

.woocommerce-view-order
.woocommerce-table--order-details
td.product-name .wc-item-meta {
    margin-left: 0 !important;
}

.woocommerce-view-order
.woocommerce-table--order-details
td.product-total {
    vertical-align: top !important;
    white-space: nowrap;
}


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

    .woocommerce-view-order
    .woocommerce-table--order-details
    td.product-name {
        padding-left: 78px !important;
    }

    .woocommerce-view-order
    .woocommerce-table--order-details
    td.product-name .anaaz-view-order-thumb {
        width: 54px !important;
        height: 70px !important;
        left: 8px;
        top: 8px;
    }
}


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

    .woocommerce-view-order
    .woocommerce-table--order-details,
    .woocommerce-view-order
    .woocommerce-table--order-details tbody,
    .woocommerce-view-order
    .woocommerce-table--order-details tr,
    .woocommerce-view-order
    .woocommerce-table--order-details td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .woocommerce-view-order
    .woocommerce-table--order-details thead {
        display: none !important;
    }

    .woocommerce-view-order
    .woocommerce-table--order-details
    tr.order_item {
        padding: 14px 0 18px !important;
        margin: 0 !important;
    }

    .woocommerce-view-order
    .woocommerce-table--order-details
    td.product-name {
        position: relative;
        width: 100% !important;
        min-height: 72px;
        padding: 0 0 0 64px !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .woocommerce-view-order
    .woocommerce-table--order-details
    td.product-name .anaaz-view-order-thumb {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px !important;
        height: 66px !important;
        object-fit: cover;
        border-radius: 6px;
    }

    .woocommerce-view-order
    .woocommerce-table--order-details
    td.product-name * {
        max-width: 100% !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .woocommerce-view-order
    .woocommerce-table--order-details
    td.product-name .wc-item-meta {
        margin: 8px 0 0 0 !important;
        padding: 0 !important;
    }

    .woocommerce-view-order
    .woocommerce-table--order-details
    td.product-total {
        width: 100% !important;
        padding: 8px 0 0 64px !important;
        text-align: left !important;
        white-space: nowrap;
    }
}



    .woocommerce-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-actions
    a.woocommerce-button.button.view {
        background: #000 !important;
        background-color: #000 !important;
        color: #fff !important;
        border: none !important;
        border-radius: 30px !important;
        padding: 11px 18px !important;
        min-width: 110px !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .woocommerce-account
    .woocommerce-orders-table
    .woocommerce-orders-table__cell-order-actions
    a.woocommerce-button.button.view:hover {
        background: #222 !important;
        background-color: #222 !important;
        color: #fff !important;
    }

/* Colonne Actions : titre + boutons centrés */
.woocommerce-account
.woocommerce-orders-table__header-order-actions,
.woocommerce-account
.woocommerce-orders-table__cell-order-actions {
    text-align: center !important;
}

.woocommerce-account
.woocommerce-orders-table__cell-order-actions {
    justify-content: center !important;
}

/* Masquer toute la ligne "Actions" dans le détail d'une commande */
.woocommerce-view-order
.woocommerce-table--order-details
tr:has(.order-actions--heading) {
    display: none !important;
}

/* Masquer "Commander à nouveau" uniquement sur le détail d'une commande */
.woocommerce-view-order .order-again {
    display: none !important;
}

/* Masquer les mises à jour / notes de commande
   uniquement dans le détail d'une commande */
.woocommerce-view-order
.woocommerce-OrderUpdates {
    display: none !important;
}

/* Masquer aussi le titre "Mises à jour des commandes" */
.woocommerce-view-order
h2:has(+ .woocommerce-OrderUpdates) {
    display: none !important;
}

/* =========================================
   SUIVI COMMANDE — STYLE NOIR PARTOUT
   Mon compte > Détail commande
   + Track Your Order
   ========================================= */

/* Tous les textes de statut */
.woocommerce-view-order .heading_shipment_status,
body.page-id-21473 .heading_shipment_status {
    color: #000 !important;
    position: relative !important;
}

/* Tous les ronds : noir */
.woocommerce-view-order .heading_shipment_status::before,
body.page-id-21473 .heading_shipment_status::before {
    background-image: none !important;
    background: #000 !important;
    background-color: #000 !important;
    border-color: #000 !important;
    box-shadow: none !important;
}

/* Icône blanche générique dans tous les ronds */
.woocommerce-view-order .heading_shipment_status::after,
body.page-id-21473 .heading_shipment_status::after {
    content: "✓" !important;
    position: absolute !important;

    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #fff !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    z-index: 5 !important;
    pointer-events: none !important;
}

/* Expédié : avion blanc à la place de la coche */
.woocommerce-view-order .heading_shipment_status.shipped::after,
body.page-id-21473 .heading_shipment_status.shipped::after {
    content: "✈" !important;
    left: 7px !important;
    font-size: 18px !important;
    color: #fff !important;
}

/* Livré : coche blanche */
.woocommerce-view-order .heading_shipment_status.delivered::after,
body.page-id-21473 .heading_shipment_status.delivered::after {
    content: "✓" !important;
    color: #fff !important;
}

/* Tous les traits verticaux */
.woocommerce-view-order .tracking_detail,
body.page-id-21473 .tracking_detail {
    border-color: #000 !important;
}

/* Tous les pseudo-éléments du tracking */
.woocommerce-view-order .tracking_detail::before,
body.page-id-21473 .tracking_detail::before {
    background: #000 !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

/* Toutes les flèches */
.woocommerce-view-order .enhanced_tracking_detail .accordian-arrow,
body.page-id-21473 .enhanced_tracking_detail .accordian-arrow {
    border-color: #000 !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  opacity: 1 !important;
}

.shop-the-look-description {
    text-align: center;
    max-width: 600px;
    margin: -10px auto 25px auto;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.shop-the-look-description p {
    margin: 0;
}

body.single-post .wcfmmp_sold_by_container {
    display: none !important;
}

.anaaz-filter-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* =========================================================
   ANAAZ - HOME CSS CLEAN
   Hero + Univers + Marques + Coups de coeur
   Une seule version Desktop / Tablette / Mobile
========================================================= */


/* =========================================================
   HERO MARKETPLACE
========================================================= */

.anaaz-marketplace-hero {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    height: 285px !important;
    min-height: 285px !important;

    overflow: hidden !important;
    background: #f7eee5 !important;
}

.anaaz-marketplace-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    width: 100% !important;
    height: 100% !important;
}

.anaaz-marketplace-image img {
    display: block !important;

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

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
}

.anaaz-marketplace-copy {
    position: relative !important;
    z-index: 2 !important;

    width: 50% !important;
    max-width: 950px !important;
    height: 100% !important;

    padding: 26px 35px 26px 4.5vw !important;

    box-sizing: border-box !important;

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

    gap: 13px !important;

    background: transparent !important;
}

.anaaz-marketplace-eyebrow {
    display: block !important;

    margin: 0 !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;

    letter-spacing: .15em !important;
    text-transform: uppercase !important;

    color: #211d1a !important;
}

.anaaz-marketplace-copy h1 {
    width: 100% !important;
    max-width: 800px !important;

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

    font-size: 27px !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;

    letter-spacing: -.035em !important;

    color: #111 !important;
}

.anaaz-marketplace-copy p {
    width: 100% !important;
    max-width: 760px !important;

    margin: 0 !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    color: #292929 !important;
}

.anaaz-marketplace-buttons {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 12px !important;
    margin: 0 !important;
}

.anaaz-marketplace-buttons a {
    min-height: 40px !important;

    padding: 0 22px !important;

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

    border-radius: 999px !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    text-decoration: none !important;
    box-sizing: border-box !important;
}

.anaaz-marketplace-buttons a:first-child {
    background: #000 !important;
    border: 1px solid #000 !important;
    color: #fff !important;
}

.anaaz-marketplace-buttons a:last-child {
    background: rgba(255,255,255,.18) !important;
    border: 1px solid #222 !important;
    color: #111 !important;
}

.anaaz-marketplace-benefits {
    display: flex !important;
    align-items: center !important;

    gap: 32px !important;
    margin: 3px 0 0 !important;
}

.anaaz-marketplace-benefit {
    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    font-size: 10px !important;
    line-height: 1.25 !important;

    color: #222 !important;
}

.anaaz-marketplace-benefit-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;

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

.anaaz-marketplace-benefit-icon svg {
    width: 21px !important;
    height: 21px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.5 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* =========================================================
   NOS UNIVERS
========================================================= */

.anaaz-univers-section {
    padding: 14px 30px 16px !important;
    background: #fff;
}

.anaaz-univers-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 9px !important;
}

.anaaz-univers-header h2 {
    margin: 0;

    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 600;

    color: #111;
}

.anaaz-univers-header a {
    font-size: 13px !important;
    font-weight: 400;

    color: #111;
    text-decoration: none !important;
}

.anaaz-univers-section .two-blocks-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px !important;

    width: 100%;
    margin: 0;
}

.anaaz-univers-section .tb-block {
    position: relative;

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

    overflow: hidden;
    text-decoration: none !important;
}

.anaaz-univers-section .tb-block-inner {
    width: 100%;
    height: 100%;
}

.anaaz-univers-section .tb-block-inner img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    transition: transform .35s ease;
}

.anaaz-univers-section .tb-block:hover .tb-block-inner img {
    transform: scale(1.025);
}

.anaaz-univers-section .tb-btn {
    display: none !important;
}

.anaaz-univers-section .tb-title {
    position: absolute;
    z-index: 3;

    left: 9px !important;
    bottom: 9px !important;

    margin: 0;
    padding: 5px 8px !important;

    background: rgba(255,255,255,.92);
    border-radius: 30px;

    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 500;

    color: #111;
}


/* =========================================================
   MARQUES PARTENAIRES
========================================================= */

.anaaz-partner-brands {
    padding: 12px 30px 14px !important;
    background: #fff;
}

.anaaz-partner-brands-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 5px !important;
}

.anaaz-partner-brands-header h2 {
    margin: 0;

    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 600;

    color: #111;
}

.anaaz-partner-brands-header a {
    font-size: 13px !important;
    font-weight: 400;

    color: #111;
    text-decoration: none !important;

    transition: opacity .2s ease;
}

.anaaz-partner-brands-header a:hover {
    opacity: .55;
}

.anaaz-partner-brands-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;

    gap: 8px !important;
    width: 100%;
}

.anaaz-partner-brand {
    min-height: 28px !important;

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

    padding: 0 5px !important;

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

    transition: transform .2s ease, opacity .2s ease;
}

.anaaz-partner-brand:hover {
    transform: translateY(-2px);
    opacity: .65;
}

.anaaz-partner-brand-name {
    display: block;

    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 500;

    letter-spacing: .10em !important;
    text-transform: uppercase;
    text-align: center;

    color: #1a1a1a;
    word-break: normal;
}


/* =========================================================
   NOS COUPS DE COEUR
========================================================= */

.anaaz-favorites {
    padding: 16px 30px 26px;
    background: #fff;
}

.anaaz-favorites-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 12px;
}

.anaaz-favorites-header h2 {
    margin: 0;

    font-size: 18px;
    line-height: 1.1;
    font-weight: 600;

    color: #111;
}

.anaaz-favorites-header a {
    font-size: 13px;
    color: #111;
    text-decoration: none !important;
}

.anaaz-favorites-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}

.anaaz-favorite-card {
    min-width: 0;
    margin: 0;
}

.anaaz-favorite-image {
    position: relative;
    display: block;

    width: 100%;
    aspect-ratio: .82;

    overflow: hidden;
    background: #f5f3f0;
}

.anaaz-favorite-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    transition: transform .3s ease;
}

.anaaz-favorite-card:hover .anaaz-favorite-image img {
    transform: scale(1.025);
}

.anaaz-favorite-info {
    padding-top: 8px;
}

.anaaz-favorite-info h3 {
    margin: 0 0 4px;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 500;
}

.anaaz-favorite-info h3 a {
    color: #111;
    text-decoration: none !important;
}

.anaaz-favorite-price {
    font-size: 13px;
    line-height: 1.2;
    color: #444;
}


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

@media (max-width: 1024px) {

    /* HERO */

    .anaaz-marketplace-hero {
        height: 300px !important;
        min-height: 300px !important;
    }

    .anaaz-marketplace-copy {
        width: 64% !important;
        max-width: 760px !important;

        padding: 22px 26px !important;
        gap: 10px !important;
    }

    .anaaz-marketplace-copy h1 {
        max-width: 620px !important;
        font-size: 30px !important;
    }

    .anaaz-marketplace-copy p {
        max-width: 590px !important;
        font-size: 12px !important;
    }

    .anaaz-marketplace-buttons a {
        min-height: 36px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
    }

    .anaaz-marketplace-benefits {
        gap: 18px !important;
    }

    .anaaz-marketplace-benefit {
        font-size: 8.5px !important;
    }

    /* UNIVERS */

    .anaaz-univers-section .tb-block {
        height: 155px !important;
    }

    /* MARQUES */

    .anaaz-partner-brands-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* COUPS DE COEUR */

    .anaaz-favorites-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}


/* =========================================================
   MOBILE - HOME COMPACTE / ÉLÉGANTE
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       HERO
    ===================================================== */

    .anaaz-marketplace-hero {
        display: flex !important;
        flex-direction: column !important;

        height: auto !important;
        min-height: 0 !important;
    }

    .anaaz-marketplace-copy {
        order: 1 !important;

        width: 100% !important;
        max-width: none !important;
        height: auto !important;

        padding: 16px 12px 13px !important;
        gap: 7px !important;

        background: #f7eee5 !important;
    }

    .anaaz-marketplace-eyebrow {
        margin: 0 !important;

        font-size: 7.5px !important;
        line-height: 1.2 !important;
        letter-spacing: .14em !important;
    }

    .anaaz-marketplace-copy h1 {
        max-width: none !important;

        margin: 0 !important;

        font-size: 20px !important;
        line-height: 1.07 !important;
        letter-spacing: -.02em !important;
    }

    .anaaz-marketplace-copy p {
        max-width: none !important;

        margin: 0 !important;

        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    .anaaz-marketplace-buttons {
        width: 100% !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        gap: 6px !important;
        margin-top: 3px !important;
    }

    .anaaz-marketplace-buttons a {
        min-height: 31px !important;

        padding: 0 10px !important;

        font-size: 8.5px !important;
        white-space: nowrap !important;
    }

    .anaaz-marketplace-benefits {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;

        gap: 5px !important;
        margin-top: 5px !important;
    }

    .anaaz-marketplace-benefit {
        gap: 4px !important;

        font-size: 6.5px !important;
        line-height: 1.15 !important;
    }

    .anaaz-marketplace-benefit-icon {
        width: 13px !important;
        height: 13px !important;
        flex: 0 0 13px !important;
    }

    .anaaz-marketplace-benefit-icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    .anaaz-marketplace-image {
        position: relative !important;
        inset: auto !important;

        order: 2 !important;

        width: 100% !important;
        height: 155px !important;
        min-height: 155px !important;
    }

    .anaaz-marketplace-image img {
        width: 100% !important;
        height: 155px !important;

        object-fit: cover !important;
        object-position: center center !important;
    }


    /* =====================================================
       NOS UNIVERS
    ===================================================== */

    .anaaz-univers-section {
        padding: 12px 7px 14px !important;
    }

    .anaaz-univers-header {
        margin-bottom: 8px !important;
    }

    .anaaz-univers-header h2 {
        font-size: 15px !important;
        line-height: 1.1 !important;
    }

    .anaaz-univers-header a {
        font-size: 7.5px !important;
    }

    .anaaz-univers-section .two-blocks-wrapper {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px !important;
    }

    .anaaz-univers-section .tb-hide-mobile {
        display: block !important;
    }

    .anaaz-univers-section .tb-block {
        width: 100% !important;
        height: 115px !important;
        overflow: hidden !important;
    }

    .anaaz-univers-section .tb-block-inner,
    .anaaz-univers-section .tb-block-inner img {
        width: 100% !important;
        height: 100% !important;
    }

    .anaaz-univers-section .tb-block-inner img {
        object-fit: cover !important;
    }

    .anaaz-univers-section .tb-title {
        left: 4px !important;
        bottom: 4px !important;

        padding: 3px 5px !important;
        border-radius: 20px !important;

        font-size: 6.5px !important;
        line-height: 1.1 !important;

        white-space: nowrap !important;
    }

    .anaaz-univers-section .tb-btn {
        display: none !important;
    }


    /* =====================================================
       MARQUES PARTENAIRES
    ===================================================== */

    .anaaz-partner-brands {
        padding: 11px 7px 12px !important;
    }

    .anaaz-partner-brands-header {
        margin-bottom: 6px !important;
    }

    .anaaz-partner-brands-header h2 {
        font-size: 15px !important;
        line-height: 1.05 !important;
    }

    .anaaz-partner-brands-header a {
        font-size: 7.5px !important;
        white-space: nowrap !important;
    }

    .anaaz-partner-brands-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 5px 7px !important;
    }

    .anaaz-partner-brand {
        min-height: 23px !important;
        padding: 1px 2px !important;
    }

    .anaaz-partner-brand-name {
        font-size: 7px !important;
        line-height: 1.1 !important;
        letter-spacing: .07em !important;
    }


    /* =====================================================
       NOS COUPS DE COEUR
    ===================================================== */

    .anaaz-favorites {
        padding: 11px 7px 16px !important;
    }

    .anaaz-favorites-header {
        margin-bottom: 8px !important;
    }

    .anaaz-favorites-header h2 {
        font-size: 15px !important;
        line-height: 1.1 !important;
    }

    .anaaz-favorites-header a {
        font-size: 7.5px !important;
        white-space: nowrap !important;
    }

    .anaaz-favorites-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    .anaaz-favorite-image {
        width: 100% !important;
        height: 125px !important;
        aspect-ratio: auto !important;
    }

    .anaaz-favorite-image img {
        width: 100% !important;
        height: 125px !important;
        object-fit: cover !important;
    }

    .anaaz-favorite-info {
        padding-top: 5px !important;
    }

    .anaaz-favorite-info h3 {
        margin-bottom: 2px !important;

        font-size: 8.5px !important;
        line-height: 1.2 !important;
    }

    .anaaz-favorite-price {
        font-size: 8px !important;
        line-height: 1.2 !important;
    }
}

/* =====================================================
   MOBILE - NOS UNIVERS VRAIMENT COMPACT
===================================================== */

@media (max-width: 767px) {

    .anaaz-univers-section {
        padding: 10px 6px 12px !important;
    }

    .anaaz-univers-header {
        margin: 0 0 7px !important;

        min-height: 18px !important;
    }

    .anaaz-univers-header h2 {
        margin: 0 !important;

        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
    }

    .anaaz-univers-header a {
        font-size: 12px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* LA GRILLE ELLE-MÊME */

    .anaaz-univers-section .two-blocks-wrapper {
        display: grid !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-template-rows: 112px !important;
        grid-auto-rows: 112px !important;

        gap: 4px !important;

        width: 100% !important;

        height: 112px !important;
        min-height: 112px !important;
        max-height: 112px !important;

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

        overflow: hidden !important;
    }


    /* CHAQUE CARTE */

    .anaaz-univers-section .tb-block {
        position: relative !important;

        width: 100% !important;

        height: 112px !important;
        min-height: 112px !important;
        max-height: 112px !important;

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

        overflow: hidden !important;
    }


    /* CONTENEUR IMAGE */

    .anaaz-univers-section .tb-block-inner {
        width: 100% !important;

        height: 112px !important;
        min-height: 112px !important;
        max-height: 112px !important;

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

        overflow: hidden !important;
    }


    /* IMAGE */

    .anaaz-univers-section .tb-block-inner img {
        display: block !important;

        width: 100% !important;

        height: 112px !important;
        min-height: 165px !important;
        max-height: 112px !important;

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

        object-fit: cover !important;
        object-position: center center !important;
    }


    /* PETIT LABEL */

    .anaaz-univers-section .tb-title {
        position: absolute !important;

        left: 4px !important;
        bottom: 4px !important;

        z-index: 5 !important;

        max-width: calc(100% - 8px) !important;

        margin: 0 !important;
        padding: 3px 5px !important;

        border-radius: 20px !important;

        background: rgba(255,255,255,.94) !important;

        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 500 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    /* PAS DE BOUTON VOIR SUR MOBILE */

    .anaaz-univers-section .tb-btn {
        display: none !important;
    }
}

/* =====================================================
   IMAGE HERO MOBILE - PLUS COMPACTE
===================================================== */
@media (max-width: 767px) {
.anaaz-marketplace-image {
    position: relative !important;
    inset: auto !important;

    order: 2 !important;

    width: 100% !important;

    height: 115px !important;
    min-height: 115px !important;
    max-height: 115px !important;

    flex: 0 0 115px !important;

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

    overflow: hidden !important;
}

.anaaz-marketplace-image img {
    display: block !important;

    width: 100% !important;

    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;

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

    object-fit: cover !important;
    object-position: center 38% !important;
}
}
/* =====================================================
   HERO MOBILE - BLOC TEXTE PLUS COMPACT
===================================================== */
@media (max-width: 767px) {
.anaaz-marketplace-copy {
    order: 1 !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    padding: 10px 9px 9px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 5px !important;

    background: #f7eee5 !important;
}


/* SUR-TITRE */

.anaaz-marketplace-eyebrow {
    margin: 0 !important;

    font-size: 6.5px !important;
    line-height: 1.15 !important;

    letter-spacing: .13em !important;
}


/* TITRE */

.anaaz-marketplace-copy h1 {
    width: 100% !important;
    max-width: none !important;

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

    font-size: 18px !important;
    line-height: 1.03 !important;
    font-weight: 600 !important;

    letter-spacing: -.025em !important;
}


/* DESCRIPTION */

.anaaz-marketplace-copy p {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    font-size: 8.8px !important;
    line-height: 1.3 !important;
}


/* BOUTONS */

.anaaz-marketplace-buttons {
    width: 100% !important;

    display: flex !important;
    flex-wrap: nowrap !important;

    gap: 5px !important;

    margin: 2px 0 0 !important;
}

.anaaz-marketplace-buttons a {
    min-height: 28px !important;

    padding: 0 9px !important;

    font-size: 7.5px !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}


/* AVANTAGES */

.anaaz-marketplace-benefits {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;

    gap: 4px !important;

    margin: 2px 0 0 !important;
}

.anaaz-marketplace-benefit {
    gap: 3px !important;

    font-size: 5.8px !important;
    line-height: 1.1 !important;
}

.anaaz-marketplace-benefit-icon {
    width: 11px !important;
    height: 11px !important;

    flex: 0 0 11px !important;
}

.anaaz-marketplace-benefit-icon svg {
    width: 11px !important;
    height: 11px !important;
}
}
/* =====================================================
   MOBILE - MARQUES PARTENAIRES EN SLIDER
===================================================== */

@media (max-width: 767px) {

    .anaaz-partner-brands {
        padding: 10px 0 12px !important;
        overflow: hidden !important;
    }

    .anaaz-partner-brands-header {
        padding: 0 8px !important;
        margin-bottom: 7px !important;
    }

    .anaaz-partner-brands-header h2 {
        margin: 0 !important;

        font-size: 14px !important;
        line-height: 1.05 !important;
        font-weight: 600 !important;
    }

    .anaaz-partner-brands-header a {
        font-size: 12px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* SLIDER */

    .anaaz-partner-brands-grid {
        display: flex !important;
        grid-template-columns: none !important;

        align-items: center !important;

        gap: 8px !important;

        width: 100% !important;

        padding: 0 8px 4px !important;
        margin: 0 !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;

        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: none !important;
    }

    .anaaz-partner-brands-grid::-webkit-scrollbar {
        display: none !important;
    }


    /* CHAQUE MARQUE */

    .anaaz-partner-brand {
        flex: 0 0 92px !important;

        width: 92px !important;
        min-width: 92px !important;
        min-height: 34px !important;

        padding: 5px 6px !important;

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

        scroll-snap-align: start !important;

        border: 1px solid #eee !important;
        border-radius: 30px !important;

        background: #fff !important;

        box-sizing: border-box !important;
    }


    /* NOM */

    .anaaz-partner-brand-name {
        width: 100% !important;

        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 500 !important;

        letter-spacing: .06em !important;

        text-align: center !important;
        white-space: nowrap !important;

        color: #111 !important;
    }
}

/* =====================================================
   MOBILE - NOS COUPS DE COEUR
   3 PRODUITS SUR UNE SEULE LIGNE
===================================================== */

@media (max-width: 767px) {

    .anaaz-favorites {
        padding: 10px 6px 14px !important;
    }

    .anaaz-favorites-header {
        margin-bottom: 7px !important;
    }

    .anaaz-favorites-header h2 {
        margin: 0 !important;

        font-size: 14px !important;
        line-height: 1.05 !important;
        font-weight: 600 !important;
    }

    .anaaz-favorites-header a {
        font-size: 12px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* 3 COLONNES */

    .anaaz-favorites-grid {
        display: grid !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 5px !important;

        width: 100% !important;

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


    /* SUR MOBILE : ON GARDE UNIQUEMENT LES 3 PREMIERS */

    .anaaz-favorite-card:nth-child(n+4) {
        display: none !important;
    }


    /* CARTE */

    .anaaz-favorite-card {
        width: 100% !important;
        min-width: 0 !important;

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


    /* IMAGE */

    .anaaz-favorite-image {
        display: block !important;

        width: 100% !important;

        height: 105px !important;
        min-height: 105px !important;
        max-height: 105px !important;

        aspect-ratio: auto !important;

        overflow: hidden !important;

        background: #f5f3f0 !important;
    }

    .anaaz-favorite-image img {
        display: block !important;

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

        object-fit: cover !important;
        object-position: center top !important;
    }


    /* INFOS PRODUIT */

    .anaaz-favorite-info {
        padding-top: 4px !important;
    }

    .anaaz-favorite-info h3 {
        margin: 0 0 2px !important;

        font-size: 11px !important;
        line-height: 1.15 !important;
        font-weight: 500 !important;

        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;

        overflow: hidden !important;
    }

    .anaaz-favorite-price {
        font-size: 11px !important;
        line-height: 1.1 !important;
    }
}

/* =====================================================
   MOBILE - BOUTONS À CHEVAL SUR LA PHOTO
===================================================== */

@media (max-width: 767px) {

    /* Le bloc texte sert de référence aux boutons */
    .anaaz-marketplace-copy {
        position: relative !important;

        /* réserve de la place sous les avantages */
        padding-bottom: 34px !important;
    }


    /* Boutons placés EN BAS du bloc texte */
    .anaaz-marketplace-buttons {
        position: absolute !important;

        left: 10px !important;
        bottom: -15px !important;

        z-index: 20 !important;

        width: auto !important;

        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;

        gap: 6px !important;

        margin: 0 !important;
    }

    .anaaz-marketplace-buttons a {
        min-height: 30px !important;

        padding: 0 11px !important;

        font-size: 10px !important;

        white-space: nowrap !important;

        box-shadow: 0 3px 10px rgba(0,0,0,.10) !important;
    }


    /* Les avantages restent AU-DESSUS des boutons */
    .anaaz-marketplace-benefits {
        margin-top: 4px !important;
        margin-bottom: 0 !important;
    }


    /* L'image passe juste derrière les boutons */
    .anaaz-marketplace-image {
        position: relative !important;
        z-index: 1 !important;
    }
}

/* =========================================================
   ANAAZ - HERO FINAL
   Desktop + Tablette + Mobile
   Compatible avec le nouveau PHP
========================================================= */


/* =========================================================
   DESKTOP
========================================================= */

.anaaz-marketplace-hero {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 50% 50% !important;
    grid-template-rows: 1fr auto auto !important;

    width: 100% !important;

    height: 285px !important;
    min-height: 285px !important;

    overflow: hidden !important;

    background: #f7eee5 !important;
}


/* =========================
   IMAGE DE FOND
========================= */

.anaaz-marketplace-image {
    position: relative !important;

    grid-column: 1 / 3 !important;
    grid-row: 1 / 4 !important;

    z-index: 1 !important;

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

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

    overflow: hidden !important;
}

.anaaz-marketplace-image img {
    display: block !important;

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

    margin: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* =========================
   TEXTE DESKTOP
========================= */

.anaaz-marketplace-copy {
    position: relative !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

    z-index: 2 !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    align-self: end !important;

    padding: 20px 32px 0 4.5vw !important;

    box-sizing: border-box !important;

    background: transparent !important;
}

.anaaz-marketplace-eyebrow {
    display: block !important;

    margin: 0 0 8px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;

    letter-spacing: .15em !important;
    text-transform: uppercase !important;

    color: #211d1a !important;
}

.anaaz-marketplace-copy h1 {
    width: 100% !important;
    max-width: 650px !important;

    margin: 0 0 9px !important;
    padding: 0 !important;

    font-size: 27px !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;

    letter-spacing: -.03em !important;

    color: #111 !important;
}

.anaaz-marketplace-copy p {
    width: 100% !important;
    max-width: 620px !important;

    margin: 0 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;

    color: #292929 !important;
}


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

.anaaz-marketplace-buttons {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    grid-column: 1 !important;
    grid-row: 2 !important;

    z-index: 3 !important;

    width: 100% !important;

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

    gap: 10px !important;

    margin: 0 !important;
    padding: 11px 32px 0 4.5vw !important;

    box-sizing: border-box !important;
}

.anaaz-marketplace-buttons a {
    width: auto !important;

    min-height: 36px !important;

    padding: 0 18px !important;

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

    border-radius: 999px !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    white-space: nowrap !important;

    text-decoration: none !important;
}

.anaaz-marketplace-buttons a:first-child {
    background: #000 !important;
    border: 1px solid #000 !important;

    color: #fff !important;
}

.anaaz-marketplace-buttons a:last-child {
    background: rgba(255,255,255,.22) !important;
    border: 1px solid #222 !important;

    color: #111 !important;
}


/* =========================
   RÉASSURANCE DESKTOP
========================= */

.anaaz-marketplace-benefits {
    position: relative !important;

    grid-column: 1 !important;
    grid-row: 3 !important;

    z-index: 3 !important;

    width: 100% !important;

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

    gap: 25px !important;

    margin: 0 !important;
    padding: 12px 32px 17px 4.5vw !important;

    box-sizing: border-box !important;
}

.anaaz-marketplace-benefit {
    display: flex !important;
    align-items: center !important;

    gap: 6px !important;

    font-size: 12px !important;
    line-height: 1.2 !important;

    color: #222 !important;
}

.anaaz-marketplace-benefit-icon {
    width: 18px !important;
    height: 18px !important;

    flex: 0 0 18px !important;

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

.anaaz-marketplace-benefit-icon svg {
    width: 18px !important;
    height: 18px !important;

    fill: none !important;
    stroke: currentColor !important;

    stroke-width: 1.5 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


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

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

    .anaaz-marketplace-hero {
        grid-template-columns: 55% 45% !important;

        height: 285px !important;
        min-height: 285px !important;
    }

    .anaaz-marketplace-copy {
        padding-left: 25px !important;
        padding-right: 20px !important;
    }

    .anaaz-marketplace-copy h1 {
        font-size: 24px !important;
    }

    .anaaz-marketplace-copy p {
        font-size: 11px !important;
    }

    .anaaz-marketplace-buttons {
        padding-left: 25px !important;
        padding-right: 20px !important;
    }

    .anaaz-marketplace-benefits {
        padding-left: 25px !important;
        padding-right: 20px !important;

        gap: 15px !important;
    }
}


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

@media (max-width: 767px) {

    /*
     * MOBILE :
     *
     * TEXTE
     * RÉASSURANCE
     * PHOTO + BOUTONS EN HAUT À GAUCHE
     */

    .anaaz-marketplace-hero {
        position: relative !important;

        display: grid !important;

        grid-template-columns: 1fr !important;

        grid-template-areas:
            "copy"
            "benefits"
            "image" !important;

        grid-template-rows:
            auto
            auto
            115px !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: hidden !important;

        background: #f7eee5 !important;
    }


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

    .anaaz-marketplace-copy {
        grid-area: copy !important;

        position: relative !important;

        width: 100% !important;
        max-width: none !important;
        height: auto !important;

        margin: 0 !important;
        padding: 10px 9px 4px !important;

        box-sizing: border-box !important;

        background: #f7eee5 !important;
    }

    .anaaz-marketplace-eyebrow {
        margin: 0 0 5px !important;

        font-size: 12px !important;
        line-height: 1.15 !important;

        letter-spacing: .13em !important;
    }

    .anaaz-marketplace-copy h1 {
        width: 100% !important;
        max-width: none !important;

        margin: 0 0 6px !important;

        font-size: 18px !important;
        line-height: 1.04 !important;

        letter-spacing: -.02em !important;
    }

    .anaaz-marketplace-copy p {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        font-size: 8.8px !important;
        line-height: 1.3 !important;
    }


    /* =========================
       RÉASSURANCE MOBILE
       DIRECTEMENT APRÈS LE TEXTE
    ========================= */

    .anaaz-marketplace-benefits {
        grid-area: benefits !important;

        position: relative !important;

        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 4px !important;

        margin: 0 !important;
        padding: 7px 9px 8px !important;

        box-sizing: border-box !important;

        background: #f7eee5 !important;
    }

    .anaaz-marketplace-benefit {
        display: flex !important;
        align-items: center !important;

        gap: 3px !important;

        font-size: 7.8px !important;
        line-height: 1.1 !important;
    }

    .anaaz-marketplace-benefit-icon {
        width: 11px !important;
        height: 11px !important;

        flex: 0 0 11px !important;
    }

    .anaaz-marketplace-benefit-icon svg {
        width: 11px !important;
        height: 11px !important;
    }


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

    .anaaz-marketplace-image {
        grid-area: image !important;

        position: relative !important;

        inset: auto !important;

        z-index: 1 !important;

        width: 100% !important;

        height: 115px !important;
        min-height: 115px !important;
        max-height: 115px !important;

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

        overflow: hidden !important;
    }

    .anaaz-marketplace-image img {
        display: block !important;

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

        object-fit: cover !important;
        object-position: center 38% !important;
    }


    /* =========================
       BOUTONS MOBILE
       SUR LE CÔTÉ GAUCHE DE LA PHOTO
    ========================= */

    .anaaz-marketplace-buttons {
        grid-area: image !important;

        position: relative !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        z-index: 5 !important;

        align-self: start !important;
        justify-self: start !important;

        width: auto !important;

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

        gap: 5px !important;

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

        background: transparent !important;
    }

    .anaaz-marketplace-buttons a {
        width: auto !important;

        min-height: 27px !important;

        padding: 0 8px !important;

        font-size: 10px !important;
        line-height: 1 !important;

        white-space: nowrap !important;

        box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
    }
}

@media (max-width: 767px) {

    .anaaz-marketplace-buttons {
        grid-area: image !important;

        position: relative !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        z-index: 5 !important;

        align-self: center !important;      /* CENTRAGE VERTICAL */
        justify-self: start !important;     /* reste à gauche */

        width: auto !important;

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

        gap: 6px !important;

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

        background: transparent !important;
    }

    .anaaz-marketplace-buttons a {
        min-height: 27px !important;

        padding: 0 10px !important;

        font-size: 12px !important;
        line-height: 1 !important;

        white-space: nowrap !important;

        box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
    }

}

@media (max-width: 767px) {

    .anaaz-marketplace-copy p {
        display: none !important;
    }

}

@media (max-width: 767px) {


    .anaaz-marketplace-benefit {


        font-size: 9.5px !important;

    }

}

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

    .anaaz-marketplace-copy h1 {
        display: none !important;
    }

}*/

.moving-holder {
    background: #FBF7F2!important;

}

.stay-stylish {

    background: #FBF7F2!important;

}

section.anaaz-marketplace-hero {
    height: 285px !important;
    min-height: 0 !important;   /* <-- débloque le rétrécissement */
    overflow: hidden !important; /* évite que le contenu déborde si ça ne rentre pas */
}

/* Les enfants directs de la grid (copy, image, bandeau) doivent aussi être débloqués */
section.anaaz-marketplace-hero > * {
    min-height: 0 !important;
}

section.anaaz-marketplace-hero div.anaaz-marketplace-image {
    height: 100% !important;
    min-height: 0 !important;
}

section.anaaz-marketplace-hero div.anaaz-marketplace-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

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

    /* Hauteur de la zone image dans les cartes produit du carrousel */
    .products-slider .img-holder {
        height: 285px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* Cible UNIQUEMENT le lien qui enveloppe l'image (pas .plus-btn ni .like-btn) */
    .products-slider .img-holder > a:not(.plus-btn):not(.like-btn) {
        display: block !important;
        height: 100% !important;
    }

    .products-slider .img-holder img.img-responsive {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top !important;
    }

    /* Sécurité renforcée : figer complètement la taille des boutons, pas juste height:auto */
    .products-slider .img-holder .plus-btn,
    .products-slider .img-holder .like-btn {
        height: 32px !important;
        width: 32px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Empêche l'icône cœur d'être étirée par le flex du parent */
    .products-slider .img-holder .like-btn i,
    .products-slider .img-holder .like-btn i.fa-heart-o {
        height: auto !important;
        line-height: normal !important;
        display: inline-block !important;
    }

/* ============================================
   ALIGNEMENT DU TEXTE (toutes les sections products-area)
   ============================================ */
.sec-header.text-center {
    text-align: left !important;
}

/* ============================================
   MARGES / PADDING DU HEADER DE SECTION (toutes les sections products-area)
   ============================================ */
.sec-header,
.sec-header.text-center {
    margin: 0 !important;
}

/* Padding de 30px uniquement en tablette et desktop (à partir de 768px) */
@media screen and (min-width: 768px) {
    .sec-header {
        padding: 30px 0 !important;
    }
}

/* Pas de padding résiduel en mobile */
@media screen and (max-width: 767px) {
    .sec-header {
        padding: 0 !important;
    }
}
	
/* Retire la marge auto (centrage) et ajoute un padding 30px gauche/droite,
   uniquement pour le container à l'intérieur des sections products-area */
section.products-area .container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
	
.products-slider img.img-responsive {
    border-radius: 0 !important;
}

/* MOBILE : jusqu'à 767px */
@media screen and (max-width: 767px) {
    .sec-header h2 {
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
    }

    .sec-header em {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}

/* DESKTOP : à partir de 1025px (tablette exclue entre 768 et 1024) */
@media screen and (min-width: 1025px) {
    .sec-header h2 {
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
    }

    .sec-header em {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}
@media screen and (max-width: 767px) {
    section.anaaz-marketplace-hero div.anaaz-marketplace-image {
        height: 220px !important; /* ajustez cette valeur selon ce que vous voulez */
    }
}
	

.products-slider .img-holder .plus-btn,
.products-slider .img-holder .like-btn {
    display: none !important;
}

.product-link .product-seller {
    display: none !important;
}
	
.product-link .price {
    font-size: 12px!important;
}

	/* =========================================================
   HOME - BANNIÈRE "ADOPTEZ UN STYLE"
========================================================= */

.anaaz-style-banner {
    position: relative;

    width: 100%;
    height: 250px;

    overflow: hidden;

    background: #f3ebe2;
}


/* =========================================================
   IMAGE
========================================================= */

.anaaz-style-banner-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
}

.anaaz-style-banner-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


/* Dégradé léger pour rendre le texte lisible */

.anaaz-style-banner::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(247, 240, 232, .98) 0%,
        rgba(247, 240, 232, .90) 25%,
        rgba(247, 240, 232, .40) 45%,
        rgba(247, 240, 232, 0) 67%
    );
}


/* =========================================================
   CONTENU GAUCHE
========================================================= */

.anaaz-style-banner-content {
    position: relative;

    z-index: 3;

    width: 38%;
    max-width: 470px;
    height: 100%;

    padding-left: 4.5vw;

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

    box-sizing: border-box;
}


.anaaz-style-banner-content h2 {
    margin: 0 0 10px;

    font-size: 27px;
    line-height: 1.05;
    font-weight: 600;

    letter-spacing: -.025em;

    color: #111;
}


.anaaz-style-banner-content p {
    max-width: 380px;

    margin: 0 0 17px;

    font-size: 12px;
    line-height: 1.4;

    color: #282828;
}


/* =========================================================
   BOUTON
========================================================= */

.anaaz-style-banner-button {
    min-height: 38px;

    padding: 0 18px;

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

    gap: 15px;

    border-radius: 999px;

    background: #000;

    font-size: 11px;
    line-height: 1;
    font-weight: 500;

    color: #fff !important;
    text-decoration: none !important;

    transition:
        opacity .2s ease,
        transform .2s ease;
}


.anaaz-style-banner-button:hover {
    opacity: .82;
    transform: translateY(-1px);
}


/* =========================================================
   TEXTE MANUSCRIT À DROITE
========================================================= */

.anaaz-style-banner-note {
    position: absolute;

    z-index: 3;

    top: 50%;
    right: 5vw;

    transform: translateY(-50%) rotate(-4deg);

    font-family: "Segoe Script", "Brush Script MT", cursive;

    font-size: 19px;
    line-height: 1.25;

    color: #54463d;
}


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

@media (max-width: 1024px) {

    .anaaz-style-banner {
        height: 220px;
    }

    .anaaz-style-banner-content {
        width: 45%;

        padding-left: 28px;
    }

    .anaaz-style-banner-content h2 {
        font-size: 23px;
    }

    .anaaz-style-banner-content p {
        font-size: 10px;
    }

    .anaaz-style-banner-note {
        right: 28px;

        font-size: 16px;
    }

}


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

@media (max-width: 767px) {

    .anaaz-style-banner {
        height: 150px;
    }


    /* IMAGE */

    .anaaz-style-banner-image img {
        object-position: 67% center;
    }


    /* Dégradé mobile */

    .anaaz-style-banner::after {
        background: linear-gradient(
            90deg,
            rgba(247, 240, 232, .98) 0%,
            rgba(247, 240, 232, .92) 43%,
            rgba(247, 240, 232, .30) 68%,
            rgba(247, 240, 232, 0) 100%
        );
    }


    /* CONTENU */

    .anaaz-style-banner-content {
        width: 57%;
        max-width: none;

        padding-left: 10px;
        padding-right: 5px;
    }

    .anaaz-style-banner-content h2 {
        margin-bottom: 6px;

        font-size: 15px;
        line-height: 1.03;
    }

    .anaaz-style-banner-content p {
        margin-bottom: 8px;

        font-size: 7px;
        line-height: 1.25;
    }


    /* BOUTON */

    .anaaz-style-banner-button {
        min-height: 27px;

        padding: 0 10px;

        gap: 7px;

        font-size: 7px;
    }


    /* Sur mobile on cache la phrase manuscrite */

    .anaaz-style-banner-note {
        display: none;
    }

}

/* ==========================================
   DESKTOP / TABLETTE (base)
========================================== */
.cat-carousel-page {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 20px 10px;
}

.cat-carousel-item {
    text-align: center;
}

.cat-carousel-item a {
    display: block;
    text-decoration: none;
    color: #000;
}

.cat-carousel-img {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    overflow: hidden;
    background: #f0eeec;
    margin: 0 auto 10px;
}

.cat-carousel-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.cat-carousel-title {
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.anaaz-categories-carousel {
    padding: 30px 0;
    position: relative;
}

.anaaz-categories-carousel .slick-prev,
.anaaz-categories-carousel .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.anaaz-categories-carousel .slick-prev {
    left: -10px;
    transform: translateY(-50%) scaleX(-1) !important;
}

.anaaz-categories-carousel .slick-next {
    right: -10px;
}

@media screen and (min-width: 768px) {
    .cat-carousel-page {
        display: grid !important;
        grid-template-columns: repeat(8, 1fr) !important;
        gap: 30px 20px !important;
    }

    .cat-carousel-item {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
    }
}
	
.cat-carousel-mobile { display: none; }
	
/* =========================================================
   HERO - SLIDER AUTOMATIQUE
========================================================= */

.anaaz-hero-slider {
    position: relative !important;
    overflow: hidden !important;
}

.anaaz-hero-slide {
    position: absolute !important;
    inset: 0 !important;

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

    opacity: 0 !important;

    transition: opacity 1s ease-in-out !important;
}

.anaaz-hero-slide.is-active {
    opacity: 1 !important;
}

.anaaz-hero-slide img {
    display: block !important;

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

    object-fit: cover !important;
    object-position: center center !important;
}
	
/* =========================================================
   HERO DESKTOP - VERSION E-COMMERCE PROPRE
========================================================= */

.anaaz-marketplace-hero {
    position: relative !important;

    display: grid !important;

    grid-template-columns: 48% 52% !important;

    grid-template-rows:
        1fr
        auto
        54px !important;

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

    overflow: hidden !important;

    background: #FBF7F2 !important;
}


/* =========================================================
   TEXTE GAUCHE
========================================================= */

.anaaz-marketplace-copy {
    position: relative !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

    z-index: 5 !important;

    width: 100% !important;
    max-width: none !important;

    align-self: end !important;

    padding:
        28px
        36px
        8px
        5vw !important;

    box-sizing: border-box !important;

    background: #FBF7F2 !important;
}


.anaaz-marketplace-eyebrow {
    display: block !important;

    margin: 0 0 11px !important;

    font-size: 9px !important;
    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: .16em !important;

    color: #61564d !important;
}


.anaaz-marketplace-copy h1 {
    max-width: 560px !important;

    margin: 0 0 11px !important;

    font-size: 30px !important;
    line-height: 1.04 !important;

    font-weight: 600 !important;

    letter-spacing: -.035em !important;

    color: #111 !important;
}


.anaaz-marketplace-copy p {
    max-width: 490px !important;

    margin: 0 !important;

    font-size: 11px !important;
    line-height: 1.45 !important;

    color: #555 !important;
}


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

.anaaz-marketplace-buttons {
    position: relative !important;

    grid-column: 1 !important;
    grid-row: 2 !important;

    z-index: 5 !important;

    display: flex !important;

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

    gap: 9px !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        10px
        36px
        20px
        5vw !important;

    box-sizing: border-box !important;

    background: #FBF7F2 !important;
}


.anaaz-marketplace-buttons a {
    min-height: 36px !important;

    padding: 0 17px !important;

    display: inline-flex !important;

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

    border-radius: 999px !important;

    font-size: 12px !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}


/* =========================================================
   IMAGE / SLIDER DROITE
========================================================= */

.anaaz-marketplace-image {
    position: relative !important;

    grid-column: 2 !important;
    grid-row: 1 / 3 !important;

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

    overflow: hidden !important;

    z-index: 1 !important;
}


.anaaz-marketplace-image img,
.anaaz-marketplace-image .anaaz-hero-slide img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* =========================================================
   BARRE DE RÉASSURANCE EN BAS
========================================================= */

.anaaz-marketplace-benefits {
    position: relative !important;

    grid-column: 1 / 3 !important;
    grid-row: 3 !important;
 

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

    display: flex !important;

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

    gap: 70px !important;

    margin: 0 !important;

    padding: 0 30px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    border-top: 1px solid #eee !important;
}


.anaaz-marketplace-benefit {
    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    font-size: 9px !important;
    line-height: 1.15 !important;

    white-space: nowrap !important;
}


.anaaz-marketplace-benefit br {
    display: none !important;
}


.anaaz-marketplace-benefit-icon,
.anaaz-marketplace-benefit-icon svg {
    width: 17px !important;
    height: 17px !important;
}
	
/* =========================================================
   HERO - BADGES DE RÉASSURANCE DESKTOP
========================================================= */

@media (min-width: 768px) {

    .anaaz-marketplace-benefits {
        grid-column: 1 / 3 !important;
        grid-row: 3 !important;

        position: relative !important;
       

        width: 100% !important;
        min-height: 62px !important;

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

        gap: 14px !important;

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

        box-sizing: border-box !important;

        background: #fff !important;
        border-top: 1px solid #eee !important;
    }


    /* CHAQUE BADGE */

    .anaaz-marketplace-benefit {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 8px !important;

        min-height: 38px !important;

        padding: 0 16px !important;

        /*background: #FBF7F2 !important;*/
		background: #f9ebda !important;
		


        border: 1px solid #eee7df !important;
        border-radius: 999px !important;

        font-size: 12px !important;
        line-height: 1.15 !important;
        font-weight: 500 !important;

        color: #222 !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }


    /* SUPPRIME LE RETOUR À LA LIGNE DU PHP */

    .anaaz-marketplace-benefit br {
        display: none !important;
    }


    /* ICÔNES */

    .anaaz-marketplace-benefit-icon {
        width: 18px !important;
        height: 18px !important;

        flex: 0 0 18px !important;
    }

    .anaaz-marketplace-benefit-icon svg {
        width: 18px !important;
        height: 18px !important;

        stroke-width: 1.6 !important;
    }

}
	
/* =========================================================
   HERO SLIDER - GLISSEMENT DE DROITE À GAUCHE
========================================================= */

.anaaz-hero-slider {
    position: relative !important;
    overflow: hidden !important;
}


/* Toutes les images attendent à droite */

.anaaz-hero-slide {
    position: absolute !important;
    inset: 0 !important;

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

    opacity: 1 !important;

    transform: translateX(100%) !important;

    transition: transform .7s cubic-bezier(.4, 0, .2, 1) !important;

    z-index: 1 !important;
}


/* Image actuellement visible */

.anaaz-hero-slide.is-active {
    transform: translateX(0) !important;

    z-index: 3 !important;
}


/* Ancienne image qui sort vers la gauche */

.anaaz-hero-slide.is-prev {
    transform: translateX(-100%) !important;

    z-index: 2 !important;
}


.anaaz-hero-slide img {
    display: block !important;

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

    object-fit: cover !important;
}
	
/* =========================================================
   MARQUES PARTENAIRES - BADGES PREMIUM DESKTOP
========================================================= */

.anaaz-partner-brands-grid {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 18px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 4px 20px 8px !important;
}

.anaaz-partner-brand {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;

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

    padding: 0 24px !important;

    background: #FBF7F2 !important;

    border: 1px solid #e6ddd4 !important;
    border-radius: 999px !important;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease !important;
}

.anaaz-partner-brand:hover {
    transform: translateY(-1px) !important;

    background: #f6efe8 !important;
    border-color: #d8cec3 !important;
}

.anaaz-partner-brand-name {
    display: block !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    letter-spacing: .10em !important;
    text-transform: uppercase !important;

    color: #222 !important;

    white-space: nowrap !important;
}

.anaaz-favorite-seller {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 400;
    color: #666666;
}

/* ==========================================
   BANNIÈRE CATÉGORIE - DESKTOP
   MÊME LOGIQUE QUE LE HERO HOME
========================================== */

.anaaz-category-hero {
    position: relative;
    display: grid;
    grid-template-columns: 48% 52%;
    width: 100%;
    height: 230px;
    background: #FBF7F2;
    overflow: hidden;
}

/* GAUCHE : TEXTE */
.anaaz-category-hero-content {
    position: relative;
    width: 100%;
    height: 100%;

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

    padding: 24px 5vw;
    box-sizing: border-box;

    background: #FBF7F2;
}

/* DROITE : IMAGE */
.anaaz-category-hero-image {
    position: relative;
    width: 100%;
    height: 250px;

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

/* EYEBROW */
.anaaz-category-eyebrow {
    display: block;
    margin: 0 0 10px;

    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;

    color: #000;
}

.anaaz-category-eyebrow::after {
    content: "";
    display: block;
    width: 68px;
    height: 1px;
    margin-top: 8px;
    background: #666;
}

/* TITRE */
.anaaz-category-hero h1 {
    margin: 0 0 11px;
    font-size: 38px;
    line-height: 1.05;
    font-weight: 600;
    color: #111;
}

/* DESCRIPTION */
.anaaz-category-hero-content p {
    max-width: 560px;
    margin: 0 0 18px;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;

    color: #555;
}

/* CTA */
.anaaz-category-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;
    min-height: 46px;
    padding: 0 18px;

    background: #ffdcc3;
    color: #000 !important;

    font-size: 14px;
    line-height: 1;
    font-weight: 600;

    border-radius: 2px;
    text-decoration: none !important;

    transition: opacity .2s ease, transform .2s ease;
}

.anaaz-category-hero-btn:hover {
    opacity: .88;
    transform: translateY(-1px);
}
	
/* ==========================================
   SLIDER BANNIÈRE CATÉGORIE
========================================== */

.anaaz-category-slider {
    position: relative;
    overflow: hidden;
}

.anaaz-category-slide {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    transform: translate3d(100%, 0, 0);
    transition: transform .7s cubic-bezier(.4, 0, .2, 1);

    z-index: 1;
    display: block;
}

.anaaz-category-slide.is-active {
    transform: translate3d(0, 0, 0);
    z-index: 3;
}

.anaaz-category-slide.is-prev {
    transform: translate3d(-100%, 0, 0);
    z-index: 2;
}
	
/* ==========================================
   FILTRES CATÉGORIES - DESKTOP
========================================== */

.filters {
    width: 100%;
}

.custom-sorting-bar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;

    gap: 10px !important;

    width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;

    scroll-snap-type: x proximity !important;
}

.custom-sorting-bar::-webkit-scrollbar {
    display: none !important;
}

.custom-sorting-bar .filter-btn {
    flex: 0 0 190px !important;
    min-width: 190px !important;

    height: 70px !important;

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

    gap: 8px !important;

    padding: 0 8px 0 14px !important;

    box-sizing: border-box !important;

    background: #f7f4f0 !important;
    border-radius: 4px !important;

    text-decoration: none !important;
    color: #111 !important;

    overflow: hidden !important;

    scroll-snap-align: start !important;
}

.filter-btn-title {
    flex: 1 1 auto !important;

    font-size: 14px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;

    color: #111 !important;

    white-space: normal !important;
}

.filter-btn-image {
    flex: 0 0 62px !important;

    width: 62px !important;
    height: 62px !important;

    object-fit: cover !important;

    border-radius: 3px !important;

    display: block !important;
}



	
/* Masque l'ancien tag actif séparé */
.active-filter-wrapper {
    display: none !important;
}

/* État actif dans la rangée de catégories */
.custom-sorting-bar .filter-btn.is-active {
    background: #F9EBDA !important;
    color: #000 !important;
	
}

.custom-sorting-bar .filter-btn.is-active .filter-btn-title {
    color: #000 !important;
}
	
/* Supprimer le + et le coeur sur les cartes produit */
/*.woocommerce ul.products li.product .plus-btn,
.woocommerce ul.products li.product .like-btn {
    display: none !important;
}*/
	
.woocommerce ul.products {
    display: grid !important;
    gap: 12px !important;
}

.woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.woocommerce ul.products.columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.woocommerce ul.products.columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.woocommerce ul.products li.product {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
	
.single-product .page-visual {
    display: none !important;
}

@media (min-width: 768px) {

    .container.filters.flex {
        position: relative !important;
        padding-left: 50px !important;
        padding-right: 50px !important;
        overflow: visible !important;
    }

    .category-scroll-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);

        width: 34px;
        height: 34px;

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

        border: 0;
        border-radius: 50%;

        background: rgba(255,255,255,.95);
        color: #111;

        font-size: 24px;
        line-height: 1;

        cursor: pointer;

        box-shadow: 0 2px 8px rgba(0,0,0,.12);

        z-index: 20;
    }

    .category-scroll-left {
        left: 4px;
    }

    .category-scroll-right {
        right: 4px;
    }
}	

@media (min-width: 768px) {

    .container.filters.flex {
        margin-left: 24px !important;
        margin-right: 24px !important;

        width: calc(100% - 48px) !important;
        max-width: none !important;
    }

}
	
.ds-subcats-container li a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.ds-subcats-container .drawer-cat-thumb {
    width: 42px !important;
    height: 42px !important;

    flex: 0 0 42px !important;

    object-fit: cover !important;
    border-radius: 6px !important;

    display: block !important;
}

.ds-subcats-container li a span {
    flex: 1 !important;
}
	
.custom-sorting-bar .filter-btn {
    flex-direction: row-reverse !important;
}

/* Cacher SEO, Conditions générales de vente, Service client et Heures d'ouverture dans les réglages vendeur WCFM */
body:not(.admin-bar) #wcfm_settings_form_seo_head,
body:not(.admin-bar) #wcfm_settings_form_policies_head,
body:not(.admin-bar) #wcfm_settings_form_customer_support_head,
body:not(.admin-bar) #wcfm_settings_form_store_hours_head,
body:not(.admin-bar) #wcfm_settings_form_seo_head + .wcfm-container,
body:not(.admin-bar) #wcfm_settings_form_policies_head + .wcfm-container,
body:not(.admin-bar) #wcfm_settings_form_customer_support_head + .wcfm-container,
body:not(.admin-bar) #wcfm_settings_form_store_hours_head + .wcfm-container {
  display: none !important;
}
	
/* Logo du menu de l'espace vendeur WCFM : retirer le lien */
a.wcfm_store_logo_icon {
  pointer-events: none;
  cursor: default;
}