/* ==========================================================
   ANAaz - PAGE BOUTIQUE VENDEUR WCFM
   VERSION NETTOYÉE
   DESKTOP + TABLETTE + MOBILE
   ========================================================== */

#wcfmmp-store {
    --anaaz-dark: #2f2f2f;
    --anaaz-text: #171717;
    --anaaz-muted: #757575;
    --anaaz-line: #e5e5e5;
    --anaaz-soft: #f6f6f6;
}


/* ==========================================================
   1. BANDEAU VENDEUR
   ========================================================== */

body #wcfmmp-store #wcfm_store_header,
body #wcfmmp-store #wcfm_store_header .header_wrapper,
body #wcfmmp-store #wcfm_store_header .header_area {
    min-height: 90px !important;
    height: 90px !important;
    max-height: 90px !important;

    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    background: var(--anaaz-dark) !important;

    overflow: visible !important;
}

body #wcfmmp-store #wcfm_store_header .header_area {
    position: relative !important;
}

body #wcfmmp-store #wcfm_store_header .header_wrapper {
    position: static !important;
}

body #wcfmmp-store .wcfmmp_store_header_phone,
body #wcfmmp-store .wcfmmp_store_header_email,
body #wcfmmp-store .header_store_name {
    display: none !important;
}

body #wcfmmp-store .wcfm_store_title {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}


/* ==========================================================
   2. BOUTON "CONTACTER LA BOUTIQUE"
   ========================================================== */

body #wcfmmp-store #wcfm_store_header .header_right {
    position: absolute !important;

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

    transform: translateY(-50%) !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

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

    float: none !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    z-index: 50 !important;
}

body #wcfmmp-store #wcfm_store_header .bd_icon_area,
body #wcfmmp-store #wcfm_store_header .bd_icon_box {
    position: static !important;

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

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

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

    float: none !important;

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

body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry {
    position: static !important;

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

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    gap: 8px !important;

    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

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

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

    box-sizing: border-box !important;

    background: #000 !important;
    background-color: #000 !important;
    background-image: none !important;

    color: #fff !important;

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

    box-shadow: none !important;

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

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

body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry:hover,
body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry:focus {
    background: #000 !important;
    color: #fff !important;
}

body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry i.wcfmfa {
    display: none !important;
}

body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry::before {
    content: "\2709";

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

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

    color: #fff !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    flex: 0 0 auto !important;
}

body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry span {
    position: static !important;

    display: inline-block !important;

    width: auto !important;
    height: auto !important;

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

    color: #fff !important;

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

    white-space: nowrap !important;

    transform: none !important;
}


/* ==========================================================
   3. CONTENU BOUTIQUE
   ========================================================== */

body #wcfmmp-store .body_area {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;

    column-gap: 42px !important;

    max-width: 1480px !important;

    margin: 0 auto !important;
    padding: 32px 4% 80px !important;

    box-sizing: border-box !important;
}

body #wcfmmp-store .left_sidebar,
body #wcfmmp-store .left_sidebar.widget-area,
body #wcfmmp-store .left_sidebar.widget-area.sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 230px !important;
    min-width: 0 !important;

    float: none !important;

    margin: 0 !important;
    padding: 72px 28px 0 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body #wcfmmp-store .left_sidebar > .widget,
body #wcfmmp-store .left_sidebar .widget {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body #wcfmmp-store .right_side {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 100% !important;
    min-width: 0 !important;

    float: none !important;

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


/* ==========================================================
   4. RECHERCHE
   ========================================================== */

body #wcfmmp-store .left_sidebar > .widget:first-of-type {
    position: absolute !important;

    top: 30px !important;
    right: 4% !important;

    width: 350px !important;

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

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

    z-index: 20 !important;
}

body #wcfmmp-store
.left_sidebar
> .widget:first-of-type
.sidebar_heading {
    display: none !important;
}

body #wcfmmp-store
.left_sidebar
> .widget:first-of-type
.woocommerce-product-search {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
}

body #wcfmmp-store
.left_sidebar
> .widget:first-of-type
.search-field {
    width: 100% !important;
    height: 46px !important;

    padding: 0 48px 0 18px !important;

    box-sizing: border-box !important;

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

    background: #f3f3f3 !important;

    color: #222 !important;

    font-family: inherit !important;
    font-size: 13px !important;

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

body #wcfmmp-store
.left_sidebar
> .widget:first-of-type
.search-field:focus {
    background: #ededed !important;
}

body #wcfmmp-store
.left_sidebar
> .widget:first-of-type
.woocommerce-product-search button {
    position: absolute !important;

    top: 50% !important;
    right: 7px !important;

    transform: translateY(-50%) !important;

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

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

    border: 0 !important;

    background: transparent !important;

    color: transparent !important;

    font-size: 0 !important;

    cursor: pointer !important;
}

body #wcfmmp-store
.left_sidebar
> .widget:first-of-type
.woocommerce-product-search button::before {
    content: "";

    position: absolute;

    width: 10px;
    height: 10px;

    left: 9px;
    top: 8px;

    border: 2px solid #222;
    border-radius: 50%;
}

body #wcfmmp-store
.left_sidebar
> .widget:first-of-type
.woocommerce-product-search button::after {
    content: "";

    position: absolute;

    width: 8px;
    height: 2px;

    left: 19px;
    top: 20px;

    background: #222;

    border-radius: 2px;

    transform: rotate(45deg);
}


/* ==========================================================
   5. CATÉGORIES - BASE
   ========================================================== */

body #wcfmmp-store
.left_sidebar
> .widget:nth-of-type(2)
.sidebar_heading,
body #wcfmmp-store
.left_sidebar
.widget:has(.categories_list)
.sidebar_heading {
    display: none !important;
}

body #wcfmmp-store .categories_list,
body #wcfmmp-store .categories_list ul,
body #wcfmmp-store .categories_list li {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}

body #wcfmmp-store .categories_list li {
    list-style: none !important;
}

body #wcfmmp-store .categories_list a {
    text-decoration: none !important;
}


/* ==========================================================
   6. CATÉGORIES - DESKTOP
   ========================================================== */

@media screen and (min-width: 1025px) {

    body #wcfmmp-store .categories_list {
        overflow: visible !important;
    }

    body #wcfmmp-store .categories_list ul,
    body #wcfmmp-store .categories_list li {
        display: block !important;
        width: 100% !important;
    }

    body #wcfmmp-store .categories_list .parent_cat > a {
        display: block !important;

        padding: 8px 0 !important;

        color: #111 !important;
        -webkit-text-fill-color: #111 !important;

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

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

    body #wcfmmp-store .categories_list .child_cat > a {
        display: block !important;

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

        color: #666 !important;
        -webkit-text-fill-color: #666 !important;

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

        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
    }

    body #wcfmmp-store .categories_list .child2_cat > a {
        display: block !important;

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

        color: #888 !important;
        -webkit-text-fill-color: #888 !important;

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

        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
    }

    body #wcfmmp-store .categories_list ul li > a.active,
    body #wcfmmp-store .categories_list ul li > a.active:hover,
    body #wcfmmp-store .categories_list ul li > a.active:focus,
    body #wcfmmp-store .categories_list ul li > a.active:visited {
        color: #111 !important;
        -webkit-text-fill-color: #111 !important;

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

        font-weight: 600 !important;
    }

    body #wcfmmp-store .categories_list ul li > a:hover {
        color: #111 !important;
        -webkit-text-fill-color: #111 !important;
    }
}


/* ==========================================================
   7. ONGLETS PRODUITS / À PROPOS / POLITIQUES / AVIS
   ========================================================== */

body #wcfmmp-store #tab_links_area {
    width: calc(100% - 390px) !important;

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

    border: 0 !important;
    border-bottom: 1px solid var(--anaaz-line) !important;
}

body #wcfmmp-store #tab_links_area .tab_links {
    display: flex !important;
    align-items: center !important;

    gap: 31px !important;

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

    border: 0 !important;
}

body #wcfmmp-store #tab_links_area .tab_links li,
body #wcfmmp-store #tab_links_area .tab_links li.active,
body #wcfmmp-store #tab_links_area .tab_links li:hover {
    float: none !important;

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

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}

body #wcfmmp-store #tab_links_area .tab_links li a {
    position: relative !important;

    display: block !important;

    padding: 15px 0 13px !important;

    border: 0 !important;

    background: transparent !important;

    color: #777 !important;

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

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

    white-space: nowrap !important;

    box-shadow: none !important;
}

body #wcfmmp-store #tab_links_area .tab_links li:hover a,
body #wcfmmp-store #tab_links_area .tab_links li.active a {
    color: #111 !important;
}

body #wcfmmp-store #tab_links_area .tab_links li.active a {
    font-weight: 600 !important;
}

body #wcfmmp-store #tab_links_area .tab_links li::before,
body #wcfmmp-store #tab_links_area .tab_links li::after,
body #wcfmmp-store #tab_links_area .tab_links li a::before {
    content: none !important;
    display: none !important;
}

body #wcfmmp-store #tab_links_area .tab_links li a::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -1px;

    height: 2px;

    background: #111 !important;

    transform: scaleX(0);
    transform-origin: left center;

    transition: transform .2s ease;
}

body #wcfmmp-store #tab_links_area .tab_links li:hover a::after,
body #wcfmmp-store #tab_links_area .tab_links li.active a::after {
    transform: scaleX(1);
}


/* ==========================================================
   8. RÉSULTATS + TRI
   ========================================================== */

body #wcfmmp-store .woocommerce-result-count {
    margin-top: 14px !important;
    margin-bottom: 24px !important;
}

body #wcfmmp-store .woocommerce-ordering {
    float: right !important;

    margin-top: 12px !important;
    margin-bottom: 22px !important;
}

body #wcfmmp-store .woocommerce-ordering select {
    min-width: 190px !important;
    height: 40px !important;

    padding: 0 34px 0 13px !important;

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

    background: #fff !important;

    color: #333 !important;

    font-family: inherit !important;
    font-size: 12px !important;

    outline: none !important;
}


/* ==========================================================
   9. PRODUITS
   ========================================================== */

body #wcfmmp-store ul.products {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 14px !important;

    width: 100% !important;

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

    list-style: none !important;
}

body #wcfmmp-store ul.products::before,
body #wcfmmp-store ul.products::after {
    display: none !important;
    content: none !important;
}

body #wcfmmp-store ul.products li.product {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

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

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

    float: none !important;

    overflow: visible !important;

    background: transparent !important;

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

    box-shadow: none !important;
}

body #wcfmmp-store ul.products li.product .woocommerce-LoopProduct-link {
    display: block !important;

    width: 100% !important;
}

body #wcfmmp-store ul.products li.product img.attachment-woocommerce_thumbnail,
body #wcfmmp-store ul.products li.product img.wvs-archive-product-image {
    display: block !important;

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

    aspect-ratio: 3 / 4 !important;

    object-fit: cover !important;
    object-position: top center !important;

    margin: 0 !important;

    border-radius: 4px !important;

    transition: none !important;
}

body #wcfmmp-store ul.products li.product:hover img {
    transform: none !important;
}

body #wcfmmp-store ul.products li.product .woocommerce-loop-product__title {
    margin: 10px 0 4px !important;
    padding: 0 !important;

    color: #000 !important;

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

    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;

    text-transform: none !important;
}

body #wcfmmp-store ul.products li.product .price {
    display: block !important;

    margin: 0 !important;

    color: #443937 !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
}

body #wcfmmp-store ul.products li.product .price del {
    opacity: .75 !important;

    color: #555 !important;

    font-weight: 400 !important;
}

body #wcfmmp-store ul.products li.product .price ins {
    color: #443937 !important;

    font-weight: 400 !important;

    text-decoration: none !important;
}

body #wcfmmp-store ul.products li.product a.button,
body #wcfmmp-store ul.products li.product .add_to_cart_button,
body #wcfmmp-store ul.products li.product .product_type_variable {
    display: none !important;
}

body #wcfmmp-store .wvs-archive-variations-wrapper,
body #wcfmmp-store ul.archive-variable-items,
body #wcfmmp-store .variations,
body #wcfmmp-store .wvs-archive-information {
    display: none !important;
}


/* ==========================================================
   10. ACTIONS CARTES VENDEUR (+ / COEUR)
   ========================================================== */

body #wcfmmp-store .anaaz-vendor-card-actions {
    position: absolute;

    inset: 0 0 auto 0;

    z-index: 10;

    pointer-events: none;
}

body #wcfmmp-store .anaaz-vendor-plus,
body #wcfmmp-store .anaaz-vendor-like {
    position: absolute;

    top: 10px;

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

    width: 31px;
    height: 30px;

    border: 0;
    border-radius: 5px;

    background: #fff;

    color: #111;

    pointer-events: auto;

    cursor: pointer;
}

body #wcfmmp-store .anaaz-vendor-plus {
    left: 10px;
}

body #wcfmmp-store .anaaz-vendor-like {
    right: 10px;
}

body #wcfmmp-store .anaaz-vendor-plus span {
    font-size: 28px;
    line-height: 1;
    font-weight: 300;
}

body #wcfmmp-store .anaaz-vendor-like i {
    font-size: 20px;
}


/* ==========================================================
   11. AUCUN PRODUIT
   ========================================================== */

body #wcfmmp-store
.woocommerce-no-products-found
.woocommerce-info {
    margin: 0 !important;
    padding: 30px 0 !important;

    border: 0 !important;

    background: transparent !important;

    color: #777 !important;

    font-size: 14px !important;
}


/* ==========================================================
   12. MODALE CONTACT WCFM
   DESKTOP + TABLETTE + MOBILE
   ========================================================== */


/* ==========================================================
   OVERLAY
   ========================================================== */

body #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: 99998 !important;
}


/* ==========================================================
   CONTENEUR PRINCIPAL COLORBOX
   ========================================================== */

body #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: 99999 !important;
}


/* ==========================================================
   WRAPPER COLORBOX
   ========================================================== */

body #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;

    box-shadow: none !important;

    overflow: visible !important;
}


/* ==========================================================
   SUPPRIMER LES DÉCORATIONS NATIVES COLORBOX
   ========================================================== */

body #cboxTopLeft,
body #cboxTopCenter,
body #cboxTopRight,
body #cboxMiddleLeft,
body #cboxMiddleRight,
body #cboxBottomLeft,
body #cboxBottomCenter,
body #cboxBottomRight {
    display: none !important;

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

    background: none !important;
}


/* ==========================================================
   CONTENU COLORBOX
   ========================================================== */

body #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;
}


/* ==========================================================
   CONTENU CHARGÉ
   ========================================================== */

body #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;

    box-shadow: none !important;
}


/* ==========================================================
   WRAPPER FORMULAIRE
   ========================================================== */

body #enquiry_form_wrapper {
    width: 100% !important;

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

    box-sizing: border-box !important;

    background: transparent !important;
}


/* ==========================================================
   FORMULAIRE
   ========================================================== */

body #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;
}


body #enquiry_form > div:first-child {
    margin: 0 0 24px !important;
}


/* ==========================================================
   TITRE
   ========================================================== */

body #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;
}


/* ==========================================================
   FORMULAIRE WCFM
   ========================================================== */

body #wcfm_enquiry_form {
    width: 100% !important;

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

    box-sizing: border-box !important;
}


/* ==========================================================
   LABELS
   ========================================================== */

body #wcfm_enquiry_form .wcfm_popup_label {
    display: block !important;

    width: 100% !important;

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

    float: none !important;

    box-sizing: border-box !important;
}


body #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 #wcfm_enquiry_form .required {
    color: #d9534f !important;
}


/* ==========================================================
   INPUTS
   ========================================================== */

body #wcfm_enquiry_form input[type="text"],
body #wcfm_enquiry_form input[type="email"],
body #wcfm_enquiry_form input[type="tel"],
body #wcfm_enquiry_form .wcfm_popup_input {
    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;
    line-height: 1.4 !important;

    outline: none !important;

    box-shadow: none !important;
}


body #wcfm_enquiry_form input[type="text"]:focus,
body #wcfm_enquiry_form input[type="email"]:focus,
body #wcfm_enquiry_form input[type="tel"]:focus,
body #wcfm_enquiry_form .wcfm_popup_input:focus {
    border-color: #999 !important;

    outline: none !important;

    box-shadow: none !important;
}


/* ==========================================================
   TEXTAREA
   ========================================================== */

body #wcfm_enquiry_form textarea#wcfm_enquiry_comment,
body #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 #wcfm_enquiry_form textarea#wcfm_enquiry_comment:focus,
body #wcfm_enquiry_form .wcfm_popup_textarea:focus {
    background: #fff !important;

    border-color: #999 !important;

    outline: none !important;

    box-shadow: none !important;
}


/* ==========================================================
   MESSAGE SOUS EMAIL / TEXTE INFO
   ========================================================== */

body #wcfm_enquiry_form p,
body #wcfm_enquiry_form .wcfm_popup_description {
    max-width: 100% !important;

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


body #wcfm_enquiry_form .wcfm-message {
    width: 100% !important;

    margin: 14px 0 0 !important;

    box-sizing: border-box !important;

    font-size: 12px !important;
}


/* ==========================================================
   CLEARFIX / BR INUTILES
   ========================================================== */

body #wcfm_enquiry_form .wcfm_clearfix,
body #wcfm_enquiry_form .wcfm-clearfix {
    display: none !important;
}


/* ==========================================================
   BOUTON ENVOYER
   ========================================================== */

body #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;

    box-sizing: border-box !important;
}


body #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;

    box-sizing: border-box !important;

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

    background: #000 !important;
    background-color: #000 !important;
    background-image: none !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 #wcfm_enquiry_submit_button:hover {
    background: #222 !important;

    color: #fff !important;

    transform: translateY(-1px) !important;

    box-shadow: none !important;
}


/* ==========================================================
   UNE SEULE CROIX DE FERMETURE
   ========================================================== */

body #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;

    box-sizing: border-box !important;

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

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

    color: transparent !important;

    font-size: 0 !important;
    line-height: 0 !important;

    text-indent: -9999px !important;

    overflow: hidden !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    z-index: 100 !important;

    cursor: pointer !important;

    box-shadow: none !important;
}


body #cboxClose::before,
body #cboxClose::after {
    content: "" !important;

    position: absolute !important;

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

    display: block !important;

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

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

    background: #222 !important;

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

    text-indent: 0 !important;
}


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


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


body #cboxClose:hover {
    background: #e9e9e9 !important;

    box-shadow: none !important;
}


/* ==========================================================
   CACHER TOUS LES AUTRES BOUTONS COLORBOX
   ========================================================== */

body #cboxTitle,
body #cboxCurrent,
body #cboxPrevious,
body #cboxNext,
body #cboxSlideshow,
body #cboxLoadingOverlay,
body #cboxLoadingGraphic {
    display: none !important;

    visibility: hidden !important;

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

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

    background: none !important;

    overflow: hidden !important;
}


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

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

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

        max-width: 580px !important;

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


    body #cboxLoadedContent {
        max-height: calc(100vh - 40px) !important;
    }


    body #enquiry_form {
        padding: 30px 28px 26px !important;
    }


    body #enquiry_form h2 {
        font-size: 20px !important;

        padding-right: 40px !important;
    }


    body #wcfm_enquiry_form textarea#wcfm_enquiry_comment,
    body #wcfm_enquiry_form .wcfm_popup_textarea {
        min-height: 130px !important;
        height: 130px !important;
    }


    body #cboxClose {
        top: 12px !important;
        right: 12px !important;
    }
}


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

@media screen and (max-width: 640px) {

    body #colorbox {
        width: calc(100vw - 24px) !important;

        max-width: none !important;

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

        border-radius: 16px !important;
    }


    body #cboxWrapper,
    body #cboxContent,
    body #cboxLoadedContent {
        border-radius: 16px !important;
    }


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


    body #enquiry_form {
        padding: 26px 18px 22px !important;

        border-radius: 16px !important;
    }


    body #enquiry_form > div:first-child {
        margin-bottom: 20px !important;
    }


    body #enquiry_form h2 {
        padding-right: 38px !important;

        font-size: 18px !important;
        line-height: 1.3 !important;
    }


    body #wcfm_enquiry_form .wcfm_popup_label strong {
        font-size: 12px !important;
    }


    body #wcfm_enquiry_form input[type="text"],
    body #wcfm_enquiry_form input[type="email"],
    body #wcfm_enquiry_form input[type="tel"],
    body #wcfm_enquiry_form .wcfm_popup_input {
        height: 40px !important;

        margin-bottom: 15px !important;

        font-size: 12px !important;
    }


    body #wcfm_enquiry_form textarea#wcfm_enquiry_comment,
    body #wcfm_enquiry_form .wcfm_popup_textarea {
        min-height: 120px !important;
        height: 120px !important;

        padding: 12px 14px !important;

        font-size: 12px !important;
    }


    body #wcfm_enquiry_form .form-submit {
        margin-top: 18px !important;
    }


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

        height: 42px !important;
    }


    body #cboxClose {
        top: 10px !important;
        right: 10px !important;

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

        height: 30px !important;
        min-height: 30px !important;
    }
}


/* ==========================================================
   13. TABLETTE
   ========================================================== */

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

    body #wcfmmp-store #wcfm_store_header,
    body #wcfmmp-store #wcfm_store_header .header_wrapper,
    body #wcfmmp-store #wcfm_store_header .header_area {
        min-height: 72px !important;
        height: 72px !important;
        max-height: 72px !important;

        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

body #wcfmmp-store #wcfm_store_header .header_left,
body #wcfmmp-store #wcfm_store_header .lft.header_left {
    width: 100% !important;

    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;

    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    box-sizing: border-box !important;
}

    body #wcfmmp-store #wcfm_store_header .header_right {
        right: 24px !important;
    }

    body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry {
        height: 36px !important;
        min-height: 36px !important;

        padding: 0 14px !important;

        font-size: 12px !important;
    }

    body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry span {
        font-size: 12px !important;
    }

    body #wcfmmp-store .body_area,
    body #wcfmmp-store #wcfmmp-store-content .body_area {
        display: flex !important;
        flex-direction: column !important;

        margin-top: 0 !important;

        padding: 8px 20px 45px !important;

        row-gap: 10px !important;
        gap: 10px !important;

        min-height: 0 !important;
        height: auto !important;
    }

    body #wcfmmp-store .left_sidebar,
    body #wcfmmp-store .left_sidebar.widget-area,
    body #wcfmmp-store .left_sidebar.widget-area.sidebar {
        order: 1 !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        float: none !important;

        overflow: hidden !important;

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

        box-sizing: border-box !important;
    }

    body #wcfmmp-store .right_side {
        order: 2 !important;

        width: 100% !important;

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

    body #wcfmmp-store .left_sidebar > .widget:first-of-type {
        position: static !important;

        top: auto !important;
        right: auto !important;

        width: 100% !important;

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

    body #wcfmmp-store .left_sidebar > .widget:nth-of-type(2) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    /* catégories horizontales coulissantes */
    body #wcfmmp-store .categories_list {
        display: block !important;

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

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

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

        -webkit-overflow-scrolling: touch !important;

        touch-action: pan-x !important;
        overscroll-behavior-x: contain !important;

        scroll-behavior: smooth !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;

        box-sizing: border-box !important;
    }

    body #wcfmmp-store .categories_list::-webkit-scrollbar {
        display: none !important;

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

    body #wcfmmp-store .categories_list > ul {
        display: inline-flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        gap: 8px !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: none !important;

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

        box-sizing: border-box !important;
    }

    body #wcfmmp-store .categories_list ul li {
        display: block !important;

        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

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

        float: none !important;
    }

    body #wcfmmp-store .categories_list ul li > a {
        display: inline-flex !important;

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

        width: auto !important;
        min-width: max-content !important;

        padding: 8px 13px !important;

        background: #fff !important;

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

        color: #555 !important;
        -webkit-text-fill-color: #555 !important;

        font-weight: 400 !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }

    body #wcfmmp-store .categories_list ul li.parent_cat > a:not(.active) {
        background: #fff !important;
        border-color: #ddd !important;

        color: #111 !important;
        -webkit-text-fill-color: #111 !important;

        font-weight: 500 !important;
    }

    body #wcfmmp-store .categories_list ul li > a.active,
    body #wcfmmp-store .categories_list ul li > a.active:hover,
    body #wcfmmp-store .categories_list ul li > a.active:focus,
    body #wcfmmp-store .categories_list ul li > a.active:visited {
        background: #222 !important;
        border-color: #222 !important;

        color: #fff !important;
        -webkit-text-fill-color: #fff !important;

        font-weight: 600 !important;
    }

    body #wcfmmp-store .categories_list ul li > a:not(.active):hover {
        background: #f5f5f5 !important;

        color: #111 !important;
        -webkit-text-fill-color: #111 !important;
    }

    body #wcfmmp-store #tab_links_area {
        width: 100% !important;

        margin-top: 6px !important;
        margin-bottom: 16px !important;

        overflow-x: auto !important;

        scrollbar-width: none !important;
    }

    body #wcfmmp-store #tab_links_area::-webkit-scrollbar {
        display: none !important;
    }

    body #wcfmmp-store #tab_links_area .tab_links {
        width: max-content !important;
    }

    body #wcfmmp-store ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }

    body #wcfmmp-store .woocommerce-result-count {
        margin-bottom: 20px !important;
    }

    body #wcfmmp-store .woocommerce-ordering {
        margin-top: 10px !important;
    }

    /* étoiles tablette remontées */
    body #wcfmmp-store #wcfm_store_header .logo_area_after {
        position: absolute !important;

        top: 36px !important;
        left: 18px !important;

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

        height: 18px !important;

        overflow: visible !important;

        z-index: 25 !important;
    }

    body #wcfmmp-store #wcfm_store_header .wcfmmp-store-rating {
        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        line-height: 1 !important;
    }
}


/* ==========================================================
   14. MOBILE
   ========================================================== */

@media screen and (max-width: 640px) {

    /* bandeau */
    body #wcfmmp-store #wcfm_store_header,
    body #wcfmmp-store #wcfm_store_header .header_wrapper,
    body #wcfmmp-store #wcfm_store_header .header_area {
        min-height: 78px !important;
        height: 78px !important;
        max-height: 78px !important;

        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;

        overflow: visible !important;
    }

    body #wcfmmp-store #wcfm_store_header .header_left,
    body #wcfmmp-store #wcfm_store_header .lft.header_left {
        position: relative !important;

        display: block !important;

        width: 100% !important;

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

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

        overflow: visible !important;
    }

    body #wcfmmp-store #wcfm_store_header .address,
    body #wcfmmp-store #wcfm_store_header .address.rgt {
        position: absolute !important;

        left: 98px !important;
        top: 14px !important;

        width: auto !important;
        max-width: calc(100% - 220px) !important;

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

        overflow: visible !important;

        z-index: 20 !important;
    }

    body #wcfmmp-store #wcfm_store_header .wcfm_store_title {
        display: block !important;

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

        color: #fff !important;

        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;

        white-space: nowrap !important;

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

    body #wcfmmp-store #wcfm_store_header .logo_area {
        position: absolute !important;

        left: 12px !important;
        top: -34px !important;

        width: 72px !important;
        height: 72px !important;

        z-index: 30 !important;

        overflow: visible !important;
    }

    body #wcfmmp-store #wcfm_store_header .logo_area img {
        width: 72px !important;
        height: 72px !important;

        object-fit: cover !important;

        border-radius: 50% !important;
    }

    body #wcfmmp-store #wcfm_store_header .logo_area_after {
        position: absolute !important;

        left: 12px !important;
        top: 48px !important;

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

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

        overflow: hidden !important;

        z-index: 25 !important;
    }

    body #wcfmmp-store #wcfm_store_header .wcfmmp-store-rating {
        display: block !important;

        width: 84px !important;
        min-width: 84px !important;
        height: 16px !important;

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

        overflow: hidden !important;

        transform: none !important;

        color: #4a4a4a !important;

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

    body #wcfmmp-store #wcfm_store_header .wcfmmp-store-rating i,
    body #wcfmmp-store #wcfm_store_header .store_rating i {
        color: #4a4a4a !important;

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

        margin-right: 1px !important;
    }

    body #wcfmmp-store #wcfm_store_header .star-rating {
        width: 76px !important;
        height: 14px !important;

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

        overflow: hidden !important;

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

    body #wcfmmp-store #wcfm_store_header .star-rating::before,
    body #wcfmmp-store #wcfm_store_header .star-rating span::before {
        color: #4a4a4a !important;

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

    body #wcfmmp-store #wcfm_store_header .wcfmmp-store-rating > span:not(.star-rating),
    body #wcfmmp-store #wcfm_store_header .wcfmmp-store-rating strong,
    body #wcfmmp-store #wcfm_store_header .wcfmmp-store-rating small,
    body #wcfmmp-store #wcfm_store_header .rating-count,
    body #wcfmmp-store #wcfm_store_header .rating-text,
    body #wcfmmp-store #wcfm_store_header .store_review_count,
    body #wcfmmp-store #wcfm_store_header .reviews,
    body #wcfmmp-store #wcfm_store_header .count {
        display: none !important;
    }

    body #wcfmmp-store #wcfm_store_header .spacer {
        display: none !important;
    }

    /* bouton contact mobile */
    body #wcfmmp-store #wcfm_store_header .header_right {
        top: 50% !important;
        right: 10px !important;

        transform: translateY(-50%) !important;

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

        height: auto !important;
        min-height: 0 !important;

        z-index: 40 !important;
    }

    body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry {
        height: 30px !important;
        min-height: 30px !important;

        padding: 0 9px !important;

        gap: 5px !important;

        font-size: 10px !important;
    }

    body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry::before {
        font-size: 12px !important;
    }

    body #wcfmmp-store #wcfm_store_header a.wcfm_store_enquiry span {
        display: inline-block !important;

        font-size: 10px !important;
    }

    /* contenu : pas de gros blanc sous le header */
    body #wcfmmp-store .body_area,
    body #wcfmmp-store #wcfmmp-store-content .body_area {
        margin-top: 0 !important;

        padding: 0 12px 35px !important;

        gap: 8px !important;
    }

    body #wcfmmp-store .left_sidebar,
    body #wcfmmp-store .left_sidebar.widget-area,
    body #wcfmmp-store .left_sidebar.widget-area.sidebar {
        margin: 0 !important;
        padding: 0 !important;

        height: auto !important;
        min-height: 0 !important;
    }

    body #wcfmmp-store .left_sidebar > .widget:first-of-type {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        padding: 0 !important;
    }

    body #wcfmmp-store
    .left_sidebar
    > .widget:first-of-type
    .search-field {
        height: 44px !important;

        font-size: 12px !important;
    }

    /* catégories */
    body #wcfmmp-store .categories_list {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;

        padding-bottom: 3px !important;
    }

    body #wcfmmp-store .categories_list > ul {
        gap: 7px !important;
    }

    body #wcfmmp-store .categories_list ul li > a {
        padding: 7px 11px !important;

        font-size: 11px !important;
    }

    /* onglets */
    body #wcfmmp-store #tab_links_area {
        margin-top: 6px !important;
        margin-bottom: 12px !important;
    }

    body #wcfmmp-store #tab_links_area .tab_links {
        gap: 22px !important;
    }

    body #wcfmmp-store #tab_links_area .tab_links li a {
        padding: 11px 0 !important;

        font-size: 11px !important;
    }

    /* résultats + tri */
    body #wcfmmp-store .woocommerce-result-count {
        margin-top: 8px !important;
        margin-bottom: 8px !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        line-height: 1.2 !important;
    }

    body #wcfmmp-store .woocommerce-ordering {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    /* produits */
    body #wcfmmp-store ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

    body #wcfmmp-store ul.products li.product .woocommerce-loop-product__title {
        margin-top: 7px !important;

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

    body #wcfmmp-store ul.products li.product .price {
        font-size: 12px !important;
    }

    body #wcfmmp-store .anaaz-vendor-plus,
    body #wcfmmp-store .anaaz-vendor-like {
        top: 7px;

        width: 25px;
        height: 25px;
    }

    body #wcfmmp-store .anaaz-vendor-plus {
        left: 7px;
    }

    body #wcfmmp-store .anaaz-vendor-like {
        right: 7px;
    }

    body #wcfmmp-store .anaaz-vendor-plus span {
        font-size: 22px;
    }

    body #wcfmmp-store .anaaz-vendor-like i {
        font-size: 16px;
    }
}


/* ==========================================================
   15. MODALE - TABLETTE
   ========================================================== */

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

    body #colorbox {
        width: calc(100vw - 30px) !important;

        max-width: 560px !important;
    }

    body #enquiry_form {
        padding: 30px 26px 26px !important;
    }

    body #enquiry_form h2 {
        font-size: 20px !important;
    }

    body #wcfm_enquiry_form textarea#wcfm_enquiry_comment {
        min-height: 140px !important;
        height: 140px !important;
    }
}


/* ==========================================================
   16. MODALE - PETIT MOBILE
   ========================================================== */

@media screen and (max-width: 480px) {

    body #colorbox {
        width: calc(100vw - 20px) !important;

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

    body #cboxLoadedContent {
        max-height: calc(100vh - 20px) !important;
    }

    body #enquiry_form {
        padding: 26px 18px 20px !important;
    }

    body #enquiry_form h2 {
        padding-right: 34px !important;

        font-size: 18px !important;
    }

    body #wcfm_enquiry_form textarea#wcfm_enquiry_comment {
        min-height: 130px !important;
        height: 130px !important;

        font-size: 12px !important;
    }

    body #wcfm_enquiry_form .form-submit {
        margin-top: 18px !important;
    }

    body #wcfm_enquiry_submit_button {
        width: 100% !important;

        min-width: 0 !important;
    }

    body #cboxClose {
        top: 10px !important;
        right: 10px !important;
    }
}

/* état normal */
#wcfmmp-store .anaaz-vendor-like i {
    font-weight: 400 !important;
    color: #111 !important;
}

/* état favori */
#wcfmmp-store .anaaz-vendor-like.added-to-wishlist i,
#wcfmmp-store .added-to-wishlist .anaaz-vendor-like i {
    font-weight: 900 !important;
    color: #000 !important;
}

body.wcfm-store-page #wcfm_enquiry_form .comment-notes,
body.wcfm-store-page #wcfm_enquiry_form #email-notes {
    display: none !important;
}

.yith-wcbm-badge .flex-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
}

.yith-wcbm-badge .flex-img,
.yith-wcbm-badge .flex-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.yith-wcbm-badge .flex-text p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Cacher le texte "Aucun utilisateur n'avait Revoir ce magasin" */
#wcfmmp-store .reviews_count {
    display: none !important;
}