/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

:root {
    --primary-color: #29C629;
    --secondary-color: #003232;
    --primary-color-light: #FFFFFF80;
    --dark-green: #018901;
    --clockwise: "Clockwise";
    --clockwise-bold: "Clockwise bold";
    --text-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --cms-text-color: #212529;
    --bg-light: #fffcf0;
    --montserrat-medium: "Montserrat Medium";
    --pt-serif-bi: "PT Serif Bold Italic";
    --fira-sans: "Fira Sans Regular";
    --fira-sans-eb: "Fira Sans Extra Bold";
    --primary-color-svg: brightness(0) saturate(100%) invert(57%) sepia(99%) saturate(532%) hue-rotate(66deg) brightness(101%) contrast(94%);
    --dark-green-svg: brightness(0) saturate(100%) invert(25%) sepia(96%) saturate(5168%) hue-rotate(98deg) brightness(93%) contrast(104%);
    --text-color: black;
    --dark-green-bg: #012d01;
    --bg-grey-light: #f7f7f7;
}

body {
    overflow-x: hidden;
    font-family: var(--fira-sans), serif;
    background-color: white;
}

@media (min-width: 1200px) {
    .container {
        width: 1500px;
    }
    .container.container-mid {
        width: 1200px;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--fira-sans-eb), serif;

}
.underline {
    box-shadow: 0 -14px 0 var(--primary-color) inset;
}
h2 {
    font-size: 35px;
    color: var(--dark-green);
}
.sub-title {
    font-family: var(--montserrat-medium), serif;
    font-weight: normal;
    text-transform: uppercase;
}
.subtitle-italic {
    font-family: var(--pt-serif-bi), serif;
}

/**
 * COULEURS
 */
a, a:hover,
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i,
.dropdown:hover .expand-more,
.page-my-account #content .links a:hover i,
.search-widget form button[type=submit] .search:hover,
.top-menu .sub-menu a:hover,
.carousel .carousel-control .icon-prev:hover i,
.carousel .carousel-control .icon-next:hover i,
.ets_mp_tabs a.tab_link.active,
.product-miniature .highlighted-informations .quick-view:hover,
.product-price,
.tabs .nav-tabs .nav-link.active,
.ets_mp_content_left a.link_contact_back,
#subcategories ul li .subcategory-name:hover,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.cart-grid-body a.label:hover,
#blockcart-modal .product-name,
#footer .js-modal-content a
 {
    color: var(--primary-color);
}
a:hover, #header a:hover, .ets_mp_content_left a.link_contact_back:hover,
body#checkout a:hover, a:focus {
    color: var(--dark-green);
}
.wishlist-list-item:hover .wishlist-list-item-title {
    color: var(--primary-color) !important;
}
.text-primary,
html .text-primary,
body .text-primary,
#wrapper .text-primary,
#content .text-primary,
.wishlist-add-to-new i,
a.text-primary:focus, a.text-primary:hover {
    color: var(--primary-color) !important;
}
body#checkout section.checkout-step.-reachable.-current .step-number {
    background-color: var(--dark-green);
    border-color: var(--dark-green);
}
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover,
body#checkout section.checkout-step .address-item.selected {
    outline-color: var(--primary-color);
    border-color: var(--primary-color);
}

.ets_upload_file_custom .custom-file-label::after,
.wapper-follow .block-followed button.btn {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.page-my-account #content .links a:hover svg {
    fill: var(--primary-color) !important;
}

#prestablog_menu_cat nav ul, img.logo_home,
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {
    background: var(--secondary-color);
}
#blog_list_1-7 .prestablog_more,
.ets_mp_tabs a.tab_link.active:before, .wapper-follow .block-follow button.btn.follow,
ul.ets_mp_sort_by_dropdown_ul li:hover, ul.ets_mp_sort_by_dropdown_ul li.selected,
.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover,
.custom-radio input[type=radio]:checked+span {
    background-color: var(--primary-color);
}
#blog_list_1-7 a.blog_link:hover, #blog_list_1-7 .comments:hover, #blog_list_1-7 a.blog_link:hover::before, #blog_list_1-7 .comments:hover::before,
.wapper-follow .block-follow button.btn.follow:hover {
    background-color: var(--dark-green);
}

a.tab_link.active + span.ets_mp_block-categories_arrow:before {
    border-top-color: var(--primary-color);
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom-color: var(--primary-color);
}
div.tooltip-inner {
    background-color: var(--primary-color);
}
div.tooltip-inner:before {
    border-bottom-color: var(--primary-color) !important;
}
.has-discount .discount, .product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage, .product-flags li.product-flag {
    background-color: var(--dark-green);
}
/**
 * BOUTONS
 */
.btn-primary, .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus {
    background: linear-gradient(to right, #018901 0%, #61AF00 100%) !important;
    border: none;
    outline: none;
    border-radius: 50px;
    padding: 1rem 1rem;
    letter-spacing: 2px;
    font-size:14px;
}
.btn-secondary {
    border-radius: 50px;
    padding: 1rem 1rem;
}
.btn-sm {
    padding: .5rem 1.25rem !important;
}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:active:hover, .btn-primary.disabled:hover, .btn-primary:disabled:hover,
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:focus {
    background: var(--dark-green);
    border-color: var(--dark-green);
}
.btn.arrow::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    mask: url('/themes/yoomarkeet/assets/img/fleche-bouton.svg') no-repeat center;
    -webkit-mask: url('/themes/yoomarkeet/assets/img/fleche-bouton.svg') no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    vertical-align: middle;
    transition: transform 0.3s ease;
}
.btn.arrow-margin::after {
    margin-left: 40px;
}
.btn.arrow:hover::after {
    transform: translateX(4px); /* petit effet slide à droite au hover */
}
.ets_mp_product_tab_content #delete-combinations.btn-outline-secondary {
    padding: 0 1rem;
    color: white;
}
.btn-config-pickup, .btn-config-pickup i {
    padding: 0;
    font-size: 14px;
}
/**
 * INPUT FORM
 */
.form-control:disabled {
    background-color: #f6f6f6 !important;
}
.has-error input {
    border-color: red !important;
}
.form-control:focus {
    outline: none;
}
.form-control:focus {
    border-color: rgba(0,0,0,.25);
}
input  {
    border-radius: 50px !important;
    padding: .8rem 1rem !important;
}
textarea {
    border-radius: 25px !important;
    padding: .8rem 1rem !important;
}
select {
    border-radius: 50px !important;
    padding: 0.2rem 0.5rem !important;
}
select.form-control:not([size]):not([multiple]) {
    height: inherit;
}
.bootstrap-filestyle.input-group input, .ets_mp_content_left .form-control[type="file"], #checkout .js-customer-form .form-control.js-visible-password,
.register-form .form-control.js-visible-password {
    border-radius: 50px 0 0 50px!important;
}
.input-group .input-group-btn>.btn {
    border-radius: 0 50px 50px 0 !important ;
}
.input-group.focus {
    outline: none;
}
.forgotten-password .form-fields .center-email-fields button, .forgotten-password .form-fields .email input {
    height: inherit;
}
/**
 * HEADER
 */
#header {
    box-shadow: none;
}
#index .header-top {
    min-height: 80vh;
}
.header-top {
    display: flex;
    flex-direction: column;
}
#header .header-nav {
    max-height: inherit;
    border-bottom: none;
}
.header-top .header-nav-wrapper {
    flex: 0 0 auto; /* reste compact, hauteur auto */
}

.header-top.with-img-bg {
    position: relative;
    background-position: center 70%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    min-height: 40vh;
}
.header-top.with-img-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.header-top.with-img-bg > * {
    position: relative;
    z-index: 2;
}
.header-top.with-bg-light {
    background-color: var(--bg-light) !important;
}
/* LOGO HEADER */
#_desktop_logo {
    text-align: center;
}
#_desktop_logo img.logo {
    max-width: 130px;
}
    /*}*/
/* FIN LOGO HEADER */

/* HEADER HOME TEXT */
.header-top .header-home-text, .header-top .header-page-text {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 40px;
    color: #fff;
    text-align: center;
}

.header-top .header-home-text h2, .header-top .header-home-text h1 {
    color: var(--white);
    font-size: 45px;
}
.header-top .header-home-text h3 {
    font-size: 40px;
}
/* FIN HEADER HOME TEXT */


/* SEARCH BAR HEADER */
#search_widget {
    float: none;
    max-width: 100%;
}
/* FIN SEARCH BAR HEADER */

/* LISTE LIENS HEADER */
.header-icons-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: end;
}

.header-icons-list li {
    margin: 0 5px;
}

#header .header-icons-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    padding: 10px;
    border-radius: 8px;
    width: 55px;
    height: 55px;
}
#header .header-icons-list .header-picto {
    transition: filter 0.3s ease;
}
#header .header-icons-list .header-picto {
    filter: var(--dark-green-svg);
}
#header .header-icons-list li a:hover .header-picto {
    filter:var(--primary-color-svg);
}
#header .header-icons-list.with-bg .header-picto {
    filter: brightness(0) invert(1);
}
#header .header-icons-list.with-bg li a:hover .header-picto {
    filter: var(--primary-color-svg)
}

/* FIN LISTE LIEN HEADER */

/* LIEN PANIER */
.blockcart {
    position: relative;
}
#header .cart-products-count {
    position: absolute;
    top: -3px;
    right: 0;
    background-color: #ff0000;
    color: white;
    font-size: 12px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}
/* FIN LIEN PANIER */

/* BLOCK CONNEXION */
/*#_desktop_user_info {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: flex-end;*/
/*    height: 40px;*/
/*}*/

/*#_desktop_user_info .user-info {*/
/*    margin: 0;*/
/*}*/
/*.user-dropdown-wrapper {*/
/*    position: relative;*/
/*}*/

/*.user-dropdown {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*}*/

/*.user-dropdown .user-toggle {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 5px;*/
/*    cursor: pointer;*/
/*    padding: 8px 10px;*/
/*    color: white !important;*/
/*    text-decoration: none;*/
/*    width: 100%;*/
/*    box-sizing: border-box;*/
/*    border-radius: 4px 4px 0 0;*/
/*    justify-content: center;*/
/*}*/
/*@media (min-width: 768px) {*/
/*    .user-dropdown:hover .user-toggle {*/
/*        background: #fff;*/
/*        border: 1px solid #ddd;*/
/*        border-bottom: none;*/
/*        color: var(--primary-color) !important;*/
/*    }*/
/*}*/


/*.user-dropdown .dropdown-menu {*/
/*    display: none;*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    right: 0;*/
/*    z-index: 1000;*/
/*    background: #fff;*/
/*    border: 1px solid #ddd;*/
/*    border-top: none;*/
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
/*    list-style: none;*/
/*    padding: 10px 0;*/
/*    margin: 0;*/
/*    min-width: 180px;*/
/*    left: inherit;*/
/*    width: 100%;*/
/*    box-sizing: border-box;*/
/*    border-radius: 0 0 4px 4px;*/
/*}*/

/*.user-dropdown .dropdown-menu li {*/
/*    padding: 0;*/
/*}*/

/*.user-dropdown .dropdown-menu li a {*/
/*    display: block;*/
/*    padding: 8px 20px;*/
/*    color: #333;*/
/*    text-decoration: none;*/
/*}*/
/*.user-dropdown .dropdown-menu li a:hover {*/
/*    background: #f7f7f7;*/
/*}*/

/*!* Show dropdown on hover *!*/
/*.user-dropdown:hover .dropdown-menu {*/
/*    display: block;*/
/*}*/
/*@media (max-width: 768px) {*/
/*    .user-dropdown {*/
/*        min-width: auto;*/
/*        width: auto;*/
/*    }*/

/*    .user-dropdown .user-toggle {*/
/*        width: auto;*/
/*        background: transparent;*/
/*        border: none;*/
/*        border-radius: 0;*/
/*        padding: 8px;*/
/*    }*/

/*    .user-dropdown .dropdown-menu {*/
/*        width: auto;*/
/*        border-radius: 4px;*/
/*    }*/
/*}*/
/* FIN BLOCK CONNEXION */

/* RESPONSIVE HEADER */
@media (max-width: 991px) {
    #_desktop_logo {
        text-align: left;
    }
}
@media (max-width: 450px) {
    #header .header-icons-list a {
        padding: 5px;
        width: 40px;
        height: 40px;
    }
	#header .header-icons-list a img{
        padding: 5px;
        width: 40px;
        height: 40px;
    }
    #header .cart-products-count {
        top: -3px;
        right: 0;
        font-size: 10px;
        min-width: 15px;
        height: 15px;
    }
}
/* FIN RESPONSIVE HEADER */

/* BTN VENDEUR */
.block-btn-seller {
    position: relative;
}
.btn-seller {
    position: absolute;
    right: 0;
    top: -10px;
    background: var(--primary-color);
    color: #fff !important;
    padding: 10px 18px;
    border-radius: 6px 0 0 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    z-index: 9999;
    transition: background 0.3s;
}
.btn-seller:hover {
    background: var(--dark-green);
}
@media (max-width: 768px) {
    .btn-seller {
        top: -15px;
        padding: 5px 18px;
    }
}
/* FIN BTN VENDEUR */

/**
 * BREADCRUMB
 */
.breadcrumb ol {
    text-align: center;
}
#wrapper .breadcrumb li::after {
    content: "|"
}
.breadcrumb-last {
    font-weight: bold;
    color: var(--text-color);
}
/**
 * WRAPPER
 */
#wrapper {
    background-color: white;
}

#index #wrapper {
    padding-top: 0;
}
#index #content-wrapper {
    padding: 0;
}


/**
 * HOME PAGE
 */

/* SLIDER */
.carousel .carousel-inner {
    height: 60vh;
}
.carousel .carousel-item figure {
    height: 100%;
    width: 100%;

}
.carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.carousel .carousel-indicators {
    display: block;
}
.carousel .carousel-item .caption {
    max-width: 50%;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    bottom: inherit;
}
.carousel .carousel-item .caption .display-1 {
    font-family: var(--clockwise-bold), serif;
    font-size: 70px;
    text-shadow: 1px 2px 2px RGBA(0,0,0,0.5);
    line-height: 1;
    letter-spacing: normal;
    word-spacing: normal;
    margin-bottom: 2rem;
}

.carousel .carousel-item .caption .caption-description p {
    font-family: var(--clockwise), serif;
    font-size: 21px;
    text-shadow: 1px 2px 2px RGBA(0,0,0,0.5);
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0;
}
.carousel-indicators .active {
    background-color: white;
}
.carousel-indicators li {
    border-color: white;
}
@media (max-width: 1500px) {
    .carousel .carousel-item .caption {
        max-width: 70%;
    }
}
@media (max-width: 1200px) {
    .carousel .carousel-item .caption {
        max-width: 80%;
    }
    .carousel .carousel-item .caption .display-1, .carousel .carousel-item .caption .caption-description p {
        text-align: center;
    }
}
@media (max-width: 991px) {
    .carousel .carousel-item .caption {
        position: absolute;
        margin: 0;
    }
    .carousel .carousel-item .caption .display-1 {
        color: inherit;
        font-size: 50px;
    }
    .carousel .carousel-item .caption .caption-description p {
        color: inherit;
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    .carousel .carousel-inner {
        height: 40vh;
    }
    .carousel .carousel-item .caption .display-1 {
        font-size: 35px;
    }
    .carousel .carousel-item .caption .caption-description {
        display: none;
    }
}
/* FIN SLIDER */

/* IMAGE PUSH */
.banner-push {
    padding: 4rem 0;
}

.push-image-container {
    position: relative;
    padding: 1rem;
    overflow: hidden;
}

.push-image-container img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    border-radius: 15px;
    display: block;
    position: relative;
    z-index: 0;
}

.push-image-container::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    z-index: 1;
}

.push-title {
    position: absolute;
    color: #fff;
    font-size: 3rem;
    z-index: 2;
    left: 25%;
    bottom: 25%;
    font-family: var(--fira-sans-eb), serif;
}

.blog-grid.swiper-slide {
    width: 100% !important;
}
.banner-push .push-image-container .push-image-logo {
    position: absolute;
    z-index: 2;
    left: 25px;
    bottom: 0;
    width: 100px;
    height: auto;
    margin-left: 1rem;
    margin-bottom: 1rem;
}
/* FIN IMAGE PUSH */

/* PREVIEW BLOG PUSH */
.banner-push-row {
    display: flex;
}
.banner-push-row .push-article, .banner-push-row .push-article .block_cont {
    height: 100%;
}

.banner-push-row {
    display: flex;
    align-items: stretch;
}
.banner-push-row .push-article {
    padding: 1rem;
    height: 100%;
}
.banner-push-col {
    width: 50%;
    max-height: 560px;
}
.banner-push-row .push-article .block_cont {
    position: relative;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    background-color: var(--bg-grey-light);
    box-shadow: none;
}
.banner-push-row .push-article .block_top {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.banner-push-row .push-article .block_top > a,
.banner-push-row .push-article .block_top picture,
.banner-push-row .push-article .block_top img {
    display: block;
    width: 100%;
    height: 100%;
}
.banner-push-row .push-article .block_top img {
    object-fit: cover;
}


.banner-push-row .push-article .block_bas {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2rem 1rem 1rem 2rem;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    color: #000;
    z-index: 1;
}
.banner-push-row .push-article .block_bas h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--dark-green);
}
.banner-push-row .push-article .block_bas h4 {
    font-size: 13px;
}
.banner-push-row .push-article .block_bas .blog_link {
    float: right;
}
@media (max-width: 991px) {
    .banner-push-row {
        flex-direction: column;
    }
    .banner-push-col {
        width: 100%;
        max-height: 560px;
    }
    .banner-push-row .push-article .block_top {
        position: relative;
    }
}
@media (max-width: 575px) {
    .banner-push-row .push-article .block_bas {
        padding: 1rem;
    }
}
/* FIN PREVIEW BLOG PUSH */

/* MAP DRIVE */
.drive-map-container {
    background-color: var(--bg-light);
    padding: 8rem 0;
}
.drive-map-container h2, .drive-map-container h3 {
    text-align: center;
}
.drive-map-container h2 {
    margin-bottom: 2rem;
}
#drive-search-form input, #drive-search-form select,  #drive-search-form button {
    border-radius: 50px;
    padding: .8rem 1rem;
}
#drive-search-form select.form-control:not([size]):not([multiple]) {
    height: calc(3.1rem - 2px);
}
.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 2.5rem;
}
.custom-select-wrapper {
    position: relative;
}
.custom-select-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 20px;
    height: 20px;
    pointer-events: none;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 7L10 12L15 7" stroke="%237a7a7a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: contain;
    transform: translateY(-50%);
}
/* FIN MAP DRIVE */

/* BANNER STEP */
.banner-step {
    background-color: var(--dark-green-bg);
    padding: 4rem 0;
    position: relative;
}
.banner-step .step-content {
    text-align: center;
    /*padding: 0 3.5rem;*/
}
.banner-step .step-content img {
    margin-bottom: 1rem;
    max-width: 150px;
}
.banner-step .step-content h3 {
    color: white !important;
    font-size: 1.13rem;
    font-weight: 500;
    line-height: 1.2;
}
.banner-step .step-content p {
    color: var(--primary-color-light);
    font-family: var(--clockwise), serif;
    padding: 0 2rem;
}
/* FIN BANNER STEP */

/* BANNER CONCEPT */
.banner-concept {
    position: relative;
    padding: 4rem 1rem;
}

.banner-concept-row {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.banner-concept-col {
    width: 50%;
}
.banner-concept p {
    color: var(--text-color);
    font-size: 16px;

}
.banner-concept p.concept-final-text {
    font-size: 14px;
}
.banner-concept h2 {
    font-size: 40px;
    position: relative;
    margin-bottom: 2rem;
}
.banner-concept h3 {
    font-family: var(--pt-serif-bi), serif;
    color: var(--dark-green);
    font-size: 20px;
    margin: 2rem 0;
}
.banner-concept .concept-btn-container {
    margin-top: 1rem;
    text-align: center;
}
@media (min-width: 991px) {
    .concept-content h2, .concept-subtitle {
        padding-left: 1.5rem;
    }
    .concept-description, .concept-description2 {
        padding-left: 5rem;
    }
}
@media (max-width: 991px) {
    .banner-concept-row {
        flex-direction: column;
    }
    .banner-concept-col {
        width: 100%;
    }
}

/* FIN BANNER CONCEPT */

/**
 * PAGE BOUTIQUE
 */
.ets_mp_tabs_content_link_all .ets_mp_block-categories.block-categories {
    position: relative;
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    border: none;
    padding: 0;
    z-index: 0;
}
.ets_mp_tabs_content_link_all .ets_mp_block-categories.block-categories input.shop_categories {
    margin-right: 0.5rem;
}

.ets_mp_block-categories button.clear_selection, .ets_mp_block-categories button.clear_selection:not(:hover) {
    padding: 0.5rem 0.5rem !important;
    border-radius: 50px;
    color: white;
    border: none;
    font-size: 13px !important;
    margin-bottom: 0.5rem;
}
.arrows .add {
    display: inline-block;
}
.arrows .remove {
    display: none;
}
.arrows:not(.collapsed) .add {
    display: none;
}
.arrows:not(.collapsed) .remove {
    display: inline-block;
}
/* équivalents d-md-* */
@media (min-width:768px){
    .d-none-md{ display:none !important; }
    .d-inline-md{ display:inline-block !important; }
}
/* FILTRES CATEGORIES */
#mpFilters.collapse {
    display:none;
}
#mpFilters.collapse.show,
#mpFilters.collapse.in {
    display:block;
}
@media (min-width:991px){
    .mp-filter-toggle{
        display:none !important;
    }

    #mpFilters{
        display:block !important;
        height:auto !important;
        visibility:visible !important;
    }
    #mpFilters.collapse,
    #mpFilters.collapse.show,
    #mpFilters.collapse.in,
    #mpFilters.collapsing{
        display:block !important;
        height:auto !important;
    }

    .ets_mp_left .ets_mp_tabs_content_link_all .dropdown-menu{
        display:block !important;
        position:static !important;
        transform:none !important;
        float:none !important;
        box-shadow:none !important;
        border:0;
        width:auto;
        max-height:none;
        padding:0;
        margin:0;
    }
    .ets_mp_left .ets_mp_tabs_content_link_all .dropdown-toggle{
        display:none !important;
    }
}
/* RECHERCHE PRODUIT BOUTIQUE */
.ets_mp_tabs .block-search .col_search {
    display: inline-block;
}
@media (max-width: 1199px) {
    .ets_mp_tabs .block-search .col_search {
        position: relative;
        margin-right: 0;
        min-width: inherit;
    }
}

/**
 * PAGE CONNEXION
 */
.authentication-container {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.became-seller {
    text-align: center;
    font-size: 1rem;
}
.page-authentication #content, .page-registration #content {
    max-width: inherit;
}
.login-title, .login-subtitle {
    font-size: 45px;
    font-family: var(--fira-sans-eb), serif;
    color: var(--text-color);
    text-align: center;
}
.login-subtitle {
    font-family: var(--pt-serif-bi), serif;
    margin-bottom: 3rem;
}
.form-authentication-field {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.5rem;
}
.form-authentication-field label {
    text-align: center;
}

.authentication-container .js-input-column, .authentication-container .form-footer {
    max-width: 350px;
    width: 100%;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.authentication-container #submit-login {
    width: 100%;
}

.page-customer-account #content .forgot-password {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 0;
    font-size: 16px;
}
.page-customer-account #content .forgot-password a {
    font-weight: bold;
}
.authentication-container .block-login-link {
    margin-top: 3rem;
    font-weight: bold;
}

.password-wrapper {
  position: relative;
	width:100%;
}

.password-toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
  opacity: 0.7;
	z-index: 99;
}

.password-toggle:hover {
  opacity: 1;
}


/** col image **/
.authentication-img-container {
    max-width: 600px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    margin: 2rem auto;
}

.authentication-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/**
 * PAGE BOUTIQUE
 */
.seller-miniature .thumbnail-container {
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
    background-color: var(--bg-grey-light);
    box-shadow: none;
}
a.thumbnail.seller-thumbnail {
    display: block;
    overflow: hidden;
}
ul.ets_mp_list_seller li.seller-miniature .thumbnail.seller-thumbnail {
    margin-bottom: 0;
}
a.thumbnail.seller-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.seller-miniature .seller-description {
    margin: 0;
    border-top: none;
    box-shadow: none;
}
.seller-miniature .seller-description h3 a {
    text-transform: capitalize;
    color: var(--dark-green);
    font-family: var(--fira-sans-eb), serif;
}
.seller-miniature .seller-description .number-product {
    text-transform: uppercase;
    font-family: var(--montserrat-medium), serif;
}
.seller-miniature .seller-description .btn-container {
    margin: 1rem 0;
}
/**
 * PAGE BOUTIQUE UNIQUE
 */
.ets_mp_tabs, .ets_mp_tabs + div#products, .ets_mp_shop_tab .paggination {
    border: none;
}
.ets_mp_tabs_content_search {
    margin: 0.5rem 0;
}
/**
 * PRODUIT
 */
#product #wrapper {
    background: linear-gradient(to bottom, var(--bg-light) 0%, var(--bg-light) 31%, transparent 25%, transparent 100%);
}
#product #content {
    max-width: 500px;
}
.breadcrumb.product ol {
    text-align: left;
}
.product-container .h1 {
    font-family: var(--fira-sans-eb), serif;
    text-transform: capitalize;
    color: var(--dark-green);
    font-size: 30px;
}
.product-container .product-prices {
    margin-top: 0;
}
.product-container .product-prices .current-price-value {
    font-family: var(--montserrat-medium), serif;
    color: var(--text-color);
}
#product .product-description p {
    color: var(--text-color);
}
.product-variants select {
    height: calc(2.5rem - 2px);
    padding: 0.2rem 1.875rem 0.2rem .5rem !important;
}
#product .quantity-wrapper input, #product .quantity-wrapper button {
    font-weight: bold;
    font-family: var(--fira-sans-eb);
    color: var(--text-color);
}
.input-group-btn-vertical {
    display: none !important;
}
.product-cover {
    border-radius: 15px;
    overflow: hidden;
}
.product-images img {
    border-radius: 15px;
}
.product-seller-detail {
    font-family: var(--montserrat-medium), serif;
    font-style: italic;
    padding: 0.5rem 0;
    font-weight: 400;
}
.product-seller-detail .seller-name {
    font-weight: bold;
    color: #000;
}
.product-prices div {
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .product-container {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media (max-width: 500px) {
    .product-quantity {
        flex-direction: column;
    }
    .product-quantity .wishlist-button-product {
        margin-left: 0;
    }
}
/* produit réass */
.blockreassurance_product {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blockreassurance_product_item {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    align-items: center;
}
.blockreassurance_product_item p {
    text-align: center;
}

/*!* ====== Grille images produit : cover 500px + vignettes en colonne à droite ====== *!*/
/*.product-images>li.thumb-container .thumb {*/
/*    margin: 0 !important;*/
/*}*/

/*.images-container.js-images-container {*/
/*    display: grid;*/
/*    grid-template-columns: 500px 110px; */
/*    gap: 1rem;*/
/*    align-items: start;*/
/*    max-width: none;*/
/*    width: 100%;*/
/*}*/


/*.images-container .product-cover {*/
/*    grid-column: 1;*/
/*}*/
/*.images-container .product-cover picture,*/
/*.images-container .product-cover img.js-qv-product-cover {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/

/*!* Colonne de vignettes à droite *!*/
/*#main .images-container .js-qv-mask.scroll {*/
/*    width: 100px;*/
/*}*/
/*.images-container .js-qv-mask {*/
/*    grid-column: 2;*/
/*    align-self: stretch;*/
/*    max-height: 100%;*/
/*    overflow: hidden; !* le UL défile *!*/
/*}*/
/*.images-container .js-qv-mask .product-images {*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    display: flex;*/
/*    flex-direction: column;  */
/*    gap: .5rem;*/
/*    max-height: 100%;*/
/*    overflow-y: auto; */
/*    overscroll-behavior: contain;*/
/*    scrollbar-gutter: stable;*/
/*}*/
/*.images-container .js-qv-mask .thumb {*/
/*    width: 100%;*/
/*    height: 80px;    */
/*    display: block;*/
/*    object-fit: cover;*/
/*    border-radius: 12px; */
/*    cursor: pointer;*/
/*    transition: transform .15s ease, box-shadow .15s ease, outline-color .15s ease;*/
/*    outline: 2px solid transparent;*/
/*}*/
/*!*.images-container .js-qv-mask .thumb.js-thumb-selected,*!*/
/*!*.images-container .js-qv-mask .thumb.selected {*!*/
/*!*    outline-color: var(--dark-green, #2a7b6f);*!*/
/*!*}*!*/

/*.images-container .product-cover .layer {*/
/*    right: .75rem;*/
/*    bottom: .75rem;*/
/*}*/

/*@media (max-width: 991px) {*/
/*    .images-container.js-images-container {*/
/*        display: block;  */
/*    }*/
/*    .images-container .product-cover {*/
/*        margin-bottom: .75rem;*/
/*    }*/
/*    .images-container .js-qv-mask {*/
/*        max-height: none;*/
/*        overflow: visible;*/
/*    }*/
/*    .images-container .js-qv-mask .product-images {*/
/*        flex-direction: row; */
/*        gap: .5rem;*/
/*        overflow-x: auto;*/
/*        overflow-y: visible;*/
/*        -webkit-overflow-scrolling: touch;*/
/*    }*/
/*    .images-container .js-qv-mask .thumb {*/
/*        width: 100px;   */
/*        height: 70px;  */
/*    }*/
/*}*/
/**
 * PRODUIT MINIATURE
 */
div#products.loading:after {
    border-top-color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}
.product-miniature .product-title a {
    color: var(--dark-green);
    font-family: var(--fira-sans-eb), serif;
    font-size: 17px;
}
.product-miniature .product-price-and-shipping .price {
    font-family: var(--montserrat-medium), serif;
}
.product-miniature .thumbnail-container {
    border-radius: 15px;
}
.product-miniature .product-description, .product-miniature .highlighted-informations {
    background: var(--bg-grey-light);
}
.ajax-add-to-cart .input-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 0;
}
.product-actions .add-to-cart {
    height: inherit;
    padding: 0.9rem 1rem 0.8rem;
}
.ajax-add-to-cart .input-group .quantity-input {
    max-width: 100px;
}
.product-miniature .thumbnail-container:hover .product-description::after {
    border-top: none !important;
}
/**
 * Input quantité
 */
.quantity-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: white;
    border: 1px solid #ccc;
    overflow: hidden;
    max-width: 120px;
}

.quantity-wrapper input[type="number"] {
    border: none;
    outline: none;
    text-align: center;
    width: 40px;
    padding: 0.8rem 0 !important;
    font-size: 14px;
    background: transparent;
}

.quantity-btn {
    background: transparent;
    border: none;
    font-size: 18px;
    padding: 0 10px;
    cursor: pointer;
    line-height: 1;
    color: #333;
    user-select: none;
}

.quantity-btn:focus {
    outline: none;
}
/**
 * PANIER
 */
#cart .card-block h1 {
    font-family: var(--fira-sans-eb), serif;
    color: var(--dark-green);
}
/**
 * CHECKOUT
 */
#checkout form .form-control-label {
    /*font-family: var(--fira-sans-eb), serif;*/
    color: var(--dark-green);
}


/**
 * WHISHLIST
 */
.wishlist-list .wishlist-list-item p {
    color: #232323 !important;
}

/**
 * PAGE COMMANDE
 */
body#checkout #footer {
    padding: inherit;
    background: inherit;
}
#checkout #search_widget {
    display: block;
}
/**
 * PAGES CMS
 */
.cms-subtitle {
    font-family: var(--clockwise-bold), serif;
    margin-bottom: 0.5rem;
}
#cms p, #cms div, #footer .js-modal-content p {
    color: var(--cms-text-color);
    font-size: 16px;
}
#cms .page-content div, #footer .js-modal-content div {
    margin-bottom: 1rem;
}
#cms h1 {
    color: var(--dark-green);
    font-size: 4em;
}

/* Mobile */
@media (max-width: 768px) {
    #cms h1 {
        font-size: 2em;
    }
}

.cms-concept h2, .sub-section h2, .cms-concept h3, .sub-section h3 {
    color: #333;
    margin-bottom: 1.5rem;
}
.cms-concept h2, .sub-section h2 {
    font-size: 2.5em;
}
.cms-concept h3, .sub-section h3 {
    font-size: 1.75rem;
}
.sub-section p {
    line-height: 1.4;
}
.border-underline {
    box-shadow: 0 -14px 0 var(--primary-color) inset;
}

/* page concept */
.cms-concept img {
    border-radius: 5px;
}
.cms-concept p.p-left-border {
    border-left: 5px solid var(--primary-color);
    padding-left: 1rem;
    margin-bottom: 2rem
}
.cms-concept .block-doc-video {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #E4F4E4;
    border-radius: 5px;
    border-style: dashed;
    border-width: 5px;
    border-color: var(--dark-green);
    padding: 4rem 1rem;

}
.cms-concept .block-doc-video img {
    max-width: 50px;
    margin-bottom: 0.5rem;
}
.cms-concept .title-underline {
    border-bottom: 10px solid var(--primary-color);
    padding-bottom: 0.5rem;
}
/* error */
#search_widget form input {
    padding: 10px 20px 10px 40px !important;
}
/**
 * FOOTER
 */
#footer, body#checkout #footer {
    background-color: var(--dark-green-bg);
    font-family: var(--clockwise), serif;
    color: var(--primary-color-light);
    position: relative;
    padding-top: 2.5rem;
}
#footer .footer-top, #footer .footer-container {
    margin: 0 5rem;
}

#footer a {
    color: var(--primary-color-light);
}
#footer a:hover {
    color: white;
}

#footer .footer-container.footer-no-border-top {
    border-top: none;
}

@media (max-width: 575px) {
    #footer .footer-top, #footer .footer-container  {
        margin: 0 2rem;
    }
}

/* BLOCK REASSURANCE */
#footer .blockreassurance .block-title {
    color: white !important;
    font-size: 1.13rem;
    font-weight: 500;
    line-height: 1.2;
}

#footer .blockreassurance .block-icon {
    width: 145px;
    height: inherit !important;
    margin: auto;
}
#footer .blockreassurance .block-icon img {
    height: auto;
    max-width: 100%;
}
#footer .blockreassurance .block-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#footer .blockreassurance .block-description {
    padding: 0 2rem;
}
#footer .blockreassurance p {
    color: var(--primary-color-light) !important;
}
@media (max-width: 575px) {
    .blockreassurance {
        text-align: center;
    }
    .blockreassurance .block-icon {
        display: block;
        float: none;
    }
    .blockreassurance .block-icon img {
        width: 100px;
    }
}
/* FIN BLOCK REASSURANCE */

/* FOOTER LIENS */
#footer .footer-container {
    border-top: 1px solid var(--primary-color-light);
}
#footer .h3, #footer .h3 a, #footer .h4 {
    color: white;
    font-size: 1.13rem;
    font-weight: 500;
    line-height: 1.2;
}
#footer #contact-infos, #footer p {
    color: var(--primary-color-light);
}
.block-contact-logo-container {
    text-align: center;
}
.block-contact-logo {
    max-width: 150px;
    margin-bottom: 1rem;
}
#contact-infos p {
    margin: 0;
}
@media (max-width: 767px) {
    #footer p {
        text-align: center;
    }
    .footer-container .links ul {
        background-color: var(--dark-green-bg);
    }
    #footer .h3, #footer .h3 a, #footer .h4, .links .title, #contact-infos {
        text-align: center;
    }
    .links .title {
        border-bottom: none;
    }
    .footer-container .links ul>li {
        border-bottom: none;
        font-weight: 400;
        padding: .4rem !important;
        text-align: center;
    }
    .footer-container .wrapper {
        padding-bottom: 2rem;
    }

}
/* FIN FOOTER LIENS */

/**
 * DIVIDER
 */
/*.header-divider, .top-divider, .bottom-divider {*/
/*    width: 100%;*/
/*    height: 15px;*/
/*    margin-top: -1px;*/
/*    background-position: center top;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 100% 20px;*/
/*    position: absolute;*/
/*    z-index: 100;*/
/*}*/
/*.header-divider {*/
/*    background-image: url('../img/header-divider.svg');*/
/*}*/
/*.top-divider {*/
/*    background-image: url('../img/top-divider.svg');*/
/*    top: 0;*/
/*}*/
/*.bottom-divider {*/
/*    background-image: url('../img/bottom-divider.svg');*/
/*    height: 15px;*/
/*    bottom: -1px;*/
/*}*/

/*----------------- Home page -----------------*/

/*----------------- Article de blog -----------------*/
.blog-slider {
    position: relative;
    width: 100%;
}

.blog-slider-viewport {
    overflow: hidden;
    width: 100%;
}

.blog-slider-track {
    display: flex;
    transition: transform 0.4s ease;
    width: 100%;
}

.blog-slider .slide {
    flex: 0 0 100%; /* 1 slide visible par défaut */
    box-sizing: border-box;
}

.blog-slider-viewport {
    position: relative;
    width: 100%;
    /* ratio 16:9 */
    padding-bottom: 62%; 
    overflow: hidden;
}

.blog-slider-track, .blog-slider .slide {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.block_bas > h2{
font-size: 20px;
}

/*----------------- Boutons -----------------*/
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: #000;
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.slider-btn.prev {
    left: 10px;
}

.slider-btn.next {
    right: 10px;
}

/*----------------- Blog HP -----------------*/

.hp_article_blog .block_cont {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background-color: var(--bg-grey-light);
    box-shadow: none;
}

.hp_article_blog .block_top {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hp_article_blog .block_top > a,
.hp_article_blog .block_top picture,
.hp_article_blog .block_top img {
    display: block;
    width: 100%;
}

.hp_article_blog .block_top img {
    object-fit: cover;
}

.hp_article_blog .block_bas {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    color: #000;
    z-index: 1;
}

.hp_article_blog .block_bas h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--dark-green);
}

.hp_article_blog .block_bas h4 {
    font-size: 13px;
}

.hp_article_blog .block_bas .blog_link {
    float: right;
}

.block_bas > a {
    position: absolute;
    right: 10px;
    bottom: 1rem;
}

/*----------------- Logo overlay -----------------*/
.logo_after .elementor-cta-bg-wrapper::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    z-index: 2;
}

.logo_after::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 25px;
    bottom: 0;
    width: 100px;
    height: 130px;
    margin-left: 1rem;
    background-image: url("/img/cms/HP/logo-y.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

/*----------------- Texte sur image -----------------*/
.hp_text_image .ce-caption-text {
    position: absolute;
    left: 25%;
    bottom: 25%;
    z-index: 2;
}

/*----------------- Media Queries -----------------*/
@media (max-width: 991px) {
    /*
    .banner-push-row {
        flex-direction: column;
    }
    .banner-push-col {
        width: 100%;
        max-height: 560px;
    }
    */
    .hp_article_blog .block_top {
        position: relative;
    }
}

@media (max-width: 575px) {
    .hp_article_blog .block_bas {
        padding: 1rem;
    }
}