/* GENERAL */
button,
a.elementor-button,
button svg,
a.elementor-button{
    transition-duration: 0.1s !important;
}


/* POPUP */
div[data-elementor-type="popup"]{
    /* top: 80% !important; */
}

/* RGPD */
.ets_cookie_banber_block .ets_cookie_banner_footer{
    flex-direction: row;
    gap: 10px;
}

.ets_cookie_banber_block .ets_cookie_banner_footer .btn-primary{
    width: 50%;
}


/* HEADER */

    header#header .header-left-side input{
        padding: 0 20px;
    }

    header#header .header-right-side .elementor-button > span{
        gap: 8px;
    }

    header#header .stsb_cart_widget_link .stsb_cart_quantity{
        left: -11px;
        right: unset !important;
        top: -13px !important;
    }

    /* SIDE BAR */
    .stsb_side_panel_content .elementor-widget-mobilemenu_category .sitemm_item{
        cursor: pointer;
    }

    .stsb_side_panel_content .elementor-widget-mobilemenu_category .sitemm_item a,
    .stsb_side_panel_content .elementor-widget-mobilemenu_category .sitemm_back,
    .stsb_side_panel_content .elementor-widget-mobilemenu_category .sitemm_item .sitemm_toggle{
        padding: 15px 13px 15px 36px !important;
    }

    .stsb_side_panel_content .elementor-widget-mobilemenu_category .sitemm_back:hover{
        background-color: inherit !important;
    }

    .stsb_side_panel_content .elementor-widget-mobilemenu_category .sitemm_back a{
        font-family: "Oswald", Sans-serif;
        font-size: 18px;
        font-weight: 500;
        padding: 0 !important;
        transition-duration: 0.1s;
    }

    .stsb_side_panel_content .elementor-widget-mobilemenu_category .sitemm_back a:hover{
        box-shadow: 0 1px #11192C;
    }

    .stsb_side_panel_content .elementor-widget-mobilemenu_category .sitemm_back .sitemm_back_icon{
        margin-right: 5px;
    }

    .stsb_side_panel_overlay{
        display: none !important;
    }


/* HOMEPAGE */
    .slide-product{
        text-align: center;
    }

    /* SLIDER */
    #index .stsb-n-slider .elementor-widget-image{
        width: 100%;
    }

    /* PRODUCT MINIATURES */
    .elementor-widget-pm-product-summary:has(.stsb_pm_summary:empty),
    .elementor-widget-st-product-summary:not(:has(.stsb_read_more_box > p)){
        display: none;
    }

    .elementor-widget-st-product-features p.features-bar,
    .elementor-widget-pm-product-feature p.features-bar{
        margin: 0;
        color: var( --e-global-color-fourth );
        font-size: 0.8em;
    }

    /* NOS OFFRES DU MOMENT */
    #index .stsb_pro_slider_view_more{
        margin-top: 32px;
    }

    /* NOTRE CATALOGUE */
    #index .elementor-widget-stbanner picture img{
        height: 267px;
        object-fit: cover;
    }

    #index .elementor-widget-stbanner .stsb_image_caption_inner .st_image_layered_heading{
        position: absolute;
        bottom: 20px;
        left: 20px;
        text-shadow: 0px 0px 15px black;
    }

    /* LES TENDANCES */
    #index .top-sales a.stsb_pm_image_wrapper picture::before{
        content: 'TOP VENTES';
        position: absolute;
        top: 5px;
        left: 5px;
        padding: 4px 6px;
        border-radius: 3px;
        font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
        font-size: 1.1em;
        font-weight: 600;
        color: var( --e-global-color-secondary );
        background-color: var(--e-global-color-primary);
    }

    /* NEWSLETTER */
    .elementor-widget-stnewsletter .stsb_newsletter_email{
        margin: auto;
    }



/* CATEGORY PAGE */

    /* SORT & NUMBER OF PRODUTS */
    #category .elementor-widget-st-category-per-page .dropdown-menu,
    #category .elementor-widget-st-category-sort .dropdown-menu{
        min-width: fit-content !important;
        margin: 9px;
        z-index: 100 !important;
    }

    #category .elementor-widget-st-category-per-page .stsb_category_per_page_link{
        font-family: "Helvetica Neue", Sans-serif;
        font-size: 1.1em;
        font-weight: 400;
    }

    /* FILTERS */
    .elementor-widget-st-category-subcategories .e-con-inner{
        padding: 2px 0;
    }

    .elementor-widget-st-category-active-filter #js-active-search-filters{
        padding: 0;
        margin-bottom: 0;
        background-color: transparent;
    }

    .elementor-widget-st-category-active-filter #js-active-search-filters p.active-filter-title{
        display: none;
    }

    .elementor-widget-st-category-active-filter #js-active-search-filters ul .filter-block{
        display: flex;
        align-items: center;
        padding-left: 0 !important;
        margin: 0 !important;
        background-color: transparent;
        font-size: .9375rem;
    }

    .elementor-widget-st-category-filter #search_filters{
        background-color: var(--e-global-color-fifth);
    }

    .elementor-widget-st-category-filter #search_filters #_desktop_search_filters_clear_all > button{
        background-color: transparent;
        border: 1px solid grey;
        border-radius: 4px;
        padding: 4px 7px;
    }

    .elementor-widget-st-category-filter #search_filters > p{
        font-family: "Oswald", Sans-serif;
        font-size: 1.5em;
        font-weight: 600;
        text-transform: capitalize !important;
        margin-bottom: 13px;
    }

    .elementor-widget-st-category-filter section.facet{
        padding-top: 0 !important;
        margin: 10px 0;
        border: 1.5px solid var(--e-global-color-primary);
        border-radius: 4px;
    }

    .elementor-widget-st-category-filter section.facet .facet-title{
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        background-color: var(--e-global-color-fifth);
        padding: 10px;
        border-radius: 4px;
        color: var( --e-global-color-primary) !important;
        font-family: "Oswald", Sans-serif;
        font-size: 1.1rem;
        font-weight: 500;
        letter-spacing: 0.4px;
        user-select: none;
        cursor: pointer;
    }

    .elementor-widget-st-category-filter section.facet .facet-title.plus svg:last-child{
        display: none;
    }

    .elementor-widget-st-category-filter section.facet .facet-title.minus svg:first-child{
        display: none;
    }

    .elementor-widget-st-category-filter section.facet .facet-title svg{
        fill: var( --e-global-color-primary );
        width: 19px;
        height: 19px;
    }

    .elementor-widget-st-category-filter section.facet ul{
        overflow: hidden;
        transition-duration: 0.2s;
        margin: 0;
        padding: 0 10px;
        max-height: 0;
    }

    .elementor-widget-st-category-filter section.facet ul a{
        font-family: var( --e-global-typography-text-font-family ), Sans-serif;
        font-weight: var( --e-global-typography-text-font-weight );
    }



/* PRODUCT PAGE */

    /* RIGHT BLOCK */
    #product .elementor-widget-stproducthook .tabs{
        padding: 0;
        margin: 0;
    }
    
    #product .elementor-widget-stproducthook .tabs .js-mailalert{
        background-color: var(--e-global-color-fifth);
    }
    
    #product .elementor-widget-stproducthook .tabs .js-mailalert button{
        text-transform: math-auto;
    }
    
    #product .elementor-widget-stproducthook .tabs .js-mailalert button:hover{
        background-color: transparent;
    }

    #product .elementor-widget-st-product-features.taxes .stsb_pm_feature_wrapper{
        width: fit-content;
        background-color: #dfdfdf;
        padding: 5px 9px;
        border: 1px solid var(--e-global-color-primary);
        border-radius: 4px;
    }

    #product .elementor-widget-st-product-features.taxes .features-bar{
        display: none;
    }

    #product .elementor-widget-st-product-action-button .stsb_pm_action_button_add_to_cart_wrapper{
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 13px;
    }

    #product .elementor-widget-st-product-action-button .stsb_pm_action_button_add_to_cart_wrapper button .stsb_flex_wrapper,
    #product .elementor-widget-st-product-action-button .stsb_pm_action_button_add_to_wishlist span.stsb_flex_wrapper{
        gap: 8px;
    }

    #product .minqc_message{
        background-color: var(--e-global-color-secondary);
        border: 1px solid var(--e-global-color-primary);
        border-radius: 4px;
        color: var(--e-global-color-primary);
        margin: 17px 0;
        padding: 12px;
    }

    #product .fancybox-skin{
        padding: 0 !important;
    }

    #product .minqc_fancy{
        padding: 30px;
        border: 1px solid var(--e-global-color-primary);
        border-radius: 4px;
        background-color: var(--e-global-color-fifth);
    }

    #product .minqc_fancy .minqc_error_line{
        font-size: 1.3em;
    }
    
    #product .elementor-widget-st-product-features.features-bloc .stsb_pm_feature_wrapper{
        gap: 7px 0;
    }
    
    #product .elementor-widget-st-product-features.features-bloc .stsb_pm_feature_item{
        width: 50%;
        gap: 9px;
    }

    #product .elementor-widget-st-product-features.features-bloc p.features-bar{
        display: none;
    }

    /* DESCRIPTION */
    #product .product-description-bloc h3{
        text-transform: uppercase;
    }



/* SHOPPING CART */
    #cart .go-back svg{
        fill: var(--e-global-color-primary) !important;
    }

    #cart .go-back .elementor-button-link:hover svg{
        fill: var( --e-global-color-fifth ) !important;
    }



/* CHECKOUT PAGE */
    #checkout .elementor-widget-st-cart-product .stsb_grid_wrapper > div:last-child{
        border-bottom: 0 !important;
    }

    #checkout .stsb_checkout_wrapper .cart-grid-body{
        border: 1px solid var(--e-global-color-primary);
        border-radius: 4px;
        padding: 7px;
        background-color: white;
    }

    #checkout .stsb_checkout_wrapper .cart-grid-right .cart-summary-subtotals-container{
        margin-top: 22px;
    }

    #checkout .stsb_checkout_wrapper .cart-grid-right{
        border: 1px solid var(--e-global-color-primary);
        border-radius: 4px;
        padding: 7px;
        background-color: white;
    }

    #checkout .stsb_checkout_wrapper .cart-summary-line{
        padding: 0 20px !important;
    }

    #checkout .stsb_checkout_wrapper .block-promo .cart-summary-line{
        padding: 0 !important;
    }

    #checkout .stsb_checkout_wrapper .block-promo{
        padding: 0 20px !important;
    }

    #checkout .stsb_checkout_wrapper .block-promo .promo-code{
        width: 20%;
    }

    #checkout .stsb_checkout_wrapper .promo-code-button{
        text-align: left;
    }

    #checkout .stsb_checkout_wrapper input.promo-input{
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    #checkout .stsb_checkout_wrapper .block-promo button{
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 8px 26px 8px 26px;
    }

    #checkout .promo-code form{
        height: 35px;
    }

    #checkout .promo-code input.promo-input{
        height: 100%;
        padding-left: 12px;
    }

    #checkout .promo-code button{
        height: 100%;
    }



/* CONNEXION PAGE */
    #authentication .elementor-widget-stloginform .elementor-field-group-password .stsb_position_rel button{
        background-color: transparent;
        border: none;
    }



/* FORGET PASSWORD PAGE */
    #password #content{
        background-color: white;
        border: 1px solid var(--e-global-color-primary);
        border-radius: 4px;
    }

    #password #content button#send-reset-link{
        background-color: var(--e-global-color-primary);
        font-weight: 400;
        text-transform: math-auto;
    }



/* REGISTRATION PAGE */
    #module-b2bregistration-business .page-content{
        margin-top: 40px;
        padding: 0;
        background-color: var(--e-global-color-fifth);
    }

    #module-b2bregistration-business .page-content h1{
        text-align: center;
    }

    #module-b2bregistration-business .page-content h3{
        font-size: 1.6em;
    }

    #module-b2bregistration-business .page-content input,
    #module-b2bregistration-business .page-content select{
        border: 1px solid #a5a5a5;
        border-radius: 3px;
        background-color: white;
        font-size: 1.3em;
        color: var(--e-global-color-primary);
    }

    #module-b2bregistration-business .page-content .js-visible-password{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #module-b2bregistration-business .page-content .js-visible-password + span button{
        background-color: transparent;
        color: var(--e-global-color-primary);
        border: 1px solid #a5a5a5;
        border-left: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    #module-b2bregistration-business .page-content label{
        color: var(--e-global-color-primary);
        font-size: 1.1em;
    }

    #module-b2bregistration-business .page-content .register-form{
        max-width: 610px;
        margin: 30px auto;
        padding: 20px;
        border: 1px solid var(--e-global-color-primary);
        border-radius: 4px;
        background-color: white;
    }

    #module-b2bregistration-business .page-content .register-form > p{
        text-align: end;
    }

    #module-b2bregistration-business .page-content .register-form .custom-checkbox label{
        padding: 0;
        margin-bottom: -9px;
        font-size: 1em;
    }

    #module-b2bregistration-business .page-content .register-form .custom-checkbox label a{
        font-size: 1em;
    }

    #module-b2bregistration-business .page-content .register-form footer button{
        background-color: var(--e-global-color-primary);
        border-radius: 30px;
        font-size: 1.1em;
        font-weight: 400;
        font-family: 'Merriweather';
        text-transform: capitalize;
        width: 100%;
        padding: 12px;
        border: 1px solid var(--e-global-color-primary);
        transition-duration: 0.2s;
    }

    #module-b2bregistration-business .page-content .register-form footer button:hover{
        background-color: transparent;
        color: var(--e-global-color-primary);
    }

    #module-b2bregistration-business .page-content .register-form .form-group:has(#partner-option){
        display: none;
    }

    .autocomplete-suggestion{
        z-index: 10000;
        position: relative;
    }



/* ACCOUNT PAGE */
    .page-customer-account #content{
        border: 1px solid var(--e-global-color-primary);
        border-radius: 4px;
    }

    .page-customer-account footer.form-footer button.form-control-submit{
        background-color: var(--e-global-color-primary);
        font-family: 'Merriweather';
        border-radius: 30px;
        border: 1px solid var(--e-global-color-primary);
        font-weight: 600;
        padding: 15px 30px;
        font-size: 1em;
    }

    .page-customer-account footer.form-footer button.form-control-submit:hover{
        background-color: transparent;
        color: var(--e-global-color-primary);
    }



/* LEGAL PAGES */
    #cms #content-wrapper{
        margin-top: 50px;
    }

    #cms #content-wrapper #content{
        border: 1px solid var(--e-global-color-primary);
        border-radius: 4px;
    }





/* ==================================================== */
/* ==================================================== */
/* =========== TABLET & MOBILE ======================== */
/* ==================================================== */
/* ==================================================== */
@media (max-width: 1024px){

    /* PRODUCT MINIATURE */
    .elementor-widget-pm-product-action-button .stsb_pm_action_button_wrapper .stsb_qty_wrap{
        position: absolute;
        left: 0;
        top: 0;
    }

    .elementor-widget-pm-product-action-button .stsb_pm_action_button_wrapper .stsb_pm_action_button_add_to_cart{
        margin-top: 83%;
    }


    /* ACCOUNT PAGE */
    .page-customer-account #content-wrapper{
        padding: 0;
    }

    .page-customer-account h1{
        text-align: center;
    }

    .page-customer-account .form-control-submit{
        width: 100%;
    }
}


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

    /* HEADER */
    header .elementor-widget-stlogo{
        left: 50%;
        transform: translateX(-50%);
        bottom: -11px;
    }

    /* CATEGORY PAGE */
    #category .elementor-widget-st-category-per-page > div{
        height: fit-content;
    }

    #category .elementor-widget-st-category-per-page .stsb_category_per_page_link{
        font-size: 1em;
    }

    .elementor-widget-st-category-filter section.facet .facet-title{
        background-color: white;
    }

    .elementor-widget-st-category-filter section.facet .facet-title svg{
        float: right;
    }


    /* PRODUCT PAGE */
    #product .stsb_pm_action_button_add_to_cart_wrapper .stsb_qty_wrap{
        width: 35%;
    }

    #product .elementor-widget-st-product-action-button .stsb_pm_action_button_add_to_cart_wrapper{
        flex-direction: row;
        align-items: center;
    }

    #product .elementor-widget-st-product-features.features-bloc .stsb_pm_feature_item {
        width: 100%;
    }

    #product .product-description-bloc h3{
        text-transform: capitalize;
    }


    /* SHOPPING CART */
    #cart .elementor-widget-st-cart-product .stsb_grid_wrapper > div{
        border-radius: 4px;
    }


    /* REGISTRATION */
    #module-b2bregistration-business .page-content{
        margin-top: 10px;
    }

    #module-b2bregistration-business .register-form > p{
        font-size: 0.9em;
        text-align: center;
    }

    #module-b2bregistration-business .page-content h3 {
        font-size: 1.4em;
    }

    #module-b2bregistration-business .page-content label {
        font-size: 1em;
    }

    #module-b2bregistration-business .page-content .form-group{
        margin-bottom: 0.7rem;
    }

    #module-b2bregistration-business .page-content input, #module-b2bregistration-business .page-content select {
        font-size: 1em;
    }

    #module-b2bregistration-business .page-content .register-form .custom-checkbox label {
        font-size: 0.9em;
    }


    /* LEGAL PAGES */
    #cms #content-wrapper{
        margin-top: 10px;
    }
}