/*
Theme Name: My template
Theme URI: https://jordanbottin.fr
Template: hello-elementor
Author: Jordan Bottin
Author URI: https://jordanbottin.fr
Version: 1.0.1731072479
Updated: 2024-11-08 14:27:59
*/

body{
    overflow-x: hidden;
}


/* HEADER  */
.header,.header-wrapper{
    background-position:50% 0;
    background-size:cover;
    position:relative;
    transition:background-color .3s,opacity .3s;
    width:100%;
    z-index:1001;
}

.header-bottom,.header-top{
    align-items:center;
    display:flex;
    flex-wrap:no-wrap
}

.header-top{
    min-height:20px;
    position:relative;
    z-index:11
}
.header-main{
    position:relative;
    z-index:10
}
.header-bottom{
    min-height:35px;
    position:relative;
    z-index:9
}


.stuck{
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.3s ease;
}
.stuck .header-top, .stuck .header-main, .stuck .header-bottom{
    transition: all 0.3s ease;
}
.admin-bar .stuck{
    top: 32px;
}
.sticky-jump .stuck, .admin-bar .sticky-jump .stuck {
    -webkit-animation: stuckMoveDown 0.6s;
    animation: stuckMoveDown 0.6s;
}
.sticky-fade .stuck {
    -webkit-animation: stuckFadeIn 0.6s;
    animation: stuckFadeIn 0.6s;
}
.sticky-shrink .stuck .header-main {
    -webkit-transition: height 0.8s;
    -o-transition: height 0.8s;
    transition: height 0.8s;
}
.stuck .header-inner,
.stuck .logo,
.stuck .logo img {
    padding-top: 0;
    margin-top: 0;
}
.header-wrapper:not(.stuck) .logo img {
    -webkit-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    transition: max-height 0.5s;
}
.header.show-on-scroll .hide-for-sticky,
.stuck .hide-for-sticky {
    display: none;
}
.header-wrapper.stuck,
.header-shadow .header-wrapper,
.layout-shadow #wrapper {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
}



@media(max-width:549px){
    .hide-for-small,[data-show=hide-for-small]{
        display:none!important
    }
    .small-text-center{
        float:none!important;
        text-align:center!important;
        width:100%!important
    }
}
@media(min-width:550px){
    .show-for-small,[data-show=show-for-small]{
        display:none!important
    }
}
@media(min-width:1024px){
    .show-for-medium,[data-show=show-for-medium]{
        display:none!important
    }
}
@media(max-width:1023px){
    .hide-for-medium,[data-show=hide-for-medium]{
        display:none!important
    }
    .medium-text-center .pull-left,.medium-text-center .pull-right{
        float:none
    }
    .medium-text-center .ml{
        margin-left:auto
    }
    .medium-text-center .mr{
        margin-right:auto
    }
    .medium-text-center{
        float:none!important;
        text-align:center!important;
        width:100%!important
    }
}
@media(min-width:1024px){
    .hide-for-large,[data-show=hide-for-large]{
        display:none!important
    }
}


ul.nav {
	padding-left: 0px ;
}
.nav{
    align-items:center;
    display:flex;
    flex-flow:row wrap;
    width:100%
}
.nav,.nav>li{
    position:relative
}
.nav>li{
    display:inline-block;
    list-style:none;
    margin:0 7px;
    padding:0;
    transition:background-color .3s
}
.nav>li>a{
    align-items:center;
    display:inline-flex;
    flex-wrap:wrap;
    padding:10px 0
}
#top-bar .nav>li>a{
    padding: 0px;
}
.html .nav>li>a{
    padding-bottom:0;
    padding-top:0
}
.nav-center{
    justify-content:center
}
.nav-fill{
    justify-content:space-between
}
.nav-left{
    justify-content:flex-start
}
.nav-right{
    justify-content:flex-end
}

.dark .nav-vertical li li.menu-item-has-children > a, .nav-dark .header-button, .nav-dark .nav-vertical li li.menu-item-has-children > a, .nav-dark .nav > li.custom_html {
    color: #fff;
}

.transparent.light header .nav-vertical li li.menu-item-has-children > a, .transparent.light header .header-button, .transparent.light .nav-vertical li li.menu-item-has-children > a, .transparent.light .nav > li.custom_html {
    color: #fff;
}

.flex-row{
    align-items:center;
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    width:100%
}
.flex-row-start{
    justify-content:flex-start
}
.flex-row-center{
    justify-content:center
}
.flex-row-col{
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}
.text-center .flex-row{
    justify-content:center
}
.header .flex-row{
    height:100%
}
.flex-col{
    max-height:100%
}
.flex-grow{
    -ms-flex-negative:1;
    -ms-flex-preferred-size:auto!important;
    flex:1
}
.flex-center{
    margin:0 auto
}
.flex-left{
    margin-right:auto
}
.flex-right{
    margin-left:auto
}
.flex-wrap{
    flex-wrap:wrap
}
.flex-has-center>.flex-col:not(.flex-center),.flex-has-center>.flex-row>.flex-col:not(.flex-center),.flex-has-center>.nav-row>.flex-col:not(.flex-center){
    flex:1
}



.logo{
    line-height:1;
    margin:0
}
.logo-tagline{
    font-size:.9em;
    font-style:italic;
    line-height:1;
    margin:.85em 0
}
.logo a{
    color:var(--fs-color-primary);
    display:block;
    font-size:32px;
    font-weight:bolder;
    margin:0;
    text-decoration:none;
    text-transform:uppercase
}
.logo img{
    display:block;
    width:auto
}
.header-main .header-logo-dark,.header-logo-sticky,.transparent .header-main .header-logo,.sticky .dark .header-logo-dark,.sticky .has-sticky-logo .header-logo{
    display:none!important
}
.transparent .header-main .header-logo-dark,.stuck .header-logo-sticky{
    display:block!important
}
.stuck .header-logo-sticky+img,.stuck .header-logo-sticky+img+img{
    display:none!important
}
.nav-dark .logo a{
    color:#fff
}
.logo-left .logo{
    margin-left:0;
    margin-right:30px
}
.logo-center .flex-left{
    flex:1 1 0;
    order:1
}
.logo-center .logo{
    margin:0 30px;
    order:2;
    text-align:center
}
.logo-center .logo img{
    margin:0 auto
}
.logo-center .flex-right{
    flex:1 1 0;
    order:3
}


@media screen and (max-width:1023px){
    .header-inner .nav{
        flex-wrap:nowrap
    }
    .medium-logo-left .logo{
        margin-left:0;
        margin-right:15px;
        order:1
    }
    .medium-logo-left .flex-left{
        flex:1 1 0;
        order:2
    }
    .medium-logo-left .flex-right{
        flex:1 1 0;
        order:3
    }
    .medium-logo-center .flex-left{
        flex:1 1 0;
        order:1
    }
    .medium-logo-center .logo{
        margin:0 15px;
        order:2;
        text-align:center
    }
    .medium-logo-center .logo img{
        margin:0 auto
    }
    .medium-logo-center .flex-right{
        flex:1 1 0;
        order:3
    }
}


.header-shadow .header-wrapper,.header-wrapper.stuck,.layout-shadow #wrapper{
    box-shadow:1px 1px 10px rgba(0,0,0,.15)
}


ul {
    padding-left: 0px;
}

.nav-dropdown {
    position: absolute;
    background-color: #fff;
    z-index: 999;
    top: 100%; /* Aligner en dessous du parent */
    left: 0; /* Aligner par défaut à gauche */
    min-width: 200px;
    opacity: 0; /* Cacher le sous-menu au départ */
    visibility: hidden; /* Cacher le sous-menu au départ */
    transition: opacity 0.3s ease; /* Seulement pour l'entrée */
}
.nav-dropdown li {
    list-style: none;
}

.nav-dropdown .menu-item-has-children {
    position: relative;
}

.nav-dropdown .nav-column {
    position: absolute;
    background-color: #fff;
    z-index: 999;
    top: 0;
    left: 100%;
    min-width: 200px;
    opacity: 0; /* Cacher le sous-sous-menu au départ */
    visibility: hidden; /* Cacher le sous-sous-menu au départ */
    transform: translateY(10px); /* Décalage léger en Y */
    transition: opacity 0.3s ease, visibility 0s 0.3s, transform 0.3s ease; /* Transition pour l'opacité et le décalage */
}


.nav-dropdown li {
    padding: 0px 5px;
}

.nav-dropdown li a {
    padding: 10px;
    display: block;
}

.menu-align-right {
    left: auto;
    right: 0px; /* Positionner le sous-menu à gauche de son parent */
}

.menu-align-right .nav-column {
    right: 100%;
    left: auto;
}

.menu-item.hover-active > .nav-dropdown {
    opacity: 1; /* Rendre visible */
    visibility: visible; /* Rendre visible */
    transform: translateY(0); /* Remise en position d'origine avec léger effet */
}

.menu-item.hover-active > .nav-dropdown > .menu-item.hover-active > .nav-column {
    opacity: 1; /* Rendre visible */
    visibility: visible; /* Rendre visible */
    transform: translateY(0); /* Remise en position d'origine avec léger effet */
}

.nav-dropdown .menu-item-has-children > .nav-dropdown {
    left: 100%; /* Par défaut, sous-sous-menus alignés à droite */
    top: 0;
}

.menu-item.hover-active .nav-dropdown .menu-item.hover-active > .nav-dropdown {
    opacity: 1; /* Afficher les sous-sous-menus */
    visibility: visible; /* Afficher les sous-sous-menus */
    transform: translateY(0); /* Remise en position d'origine avec léger effet */
}

.nav-divided > li {
    margin: 0 0.7em;
}

.nav-divided > li + li > a:after {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    content: "";
    height: 15px;
    left: -0.7em;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 1px;
}

.nav-dark .nav-divided > li + li > a:after{
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}




.custom_menu_mobile{
    width: 100%;
}
.custom_menu_mobile .mobile-menu {
    list-style-type: none; /* Supprimez les puces des listes */
    padding: 0; /* Supprimez le remplissage */
    margin: 0; /* Supprimez la marge */
}

.custom_menu_mobile .mobile-menu li {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #ececec;
}

.custom_menu_mobile .mobile-menu a {
    text-decoration: none; /* Supprimez le soulignement */
    color: #333; /* Couleur du texte */
    padding: 10px; /* Espacement interne */
    display: flex; /* Flexbox pour aligner la flèche */
    justify-content: space-between; /* Espace entre le lien et la flèche */
    align-items: center; /* Centrer verticalement */
    flex: 1;
    font-size: 15px;
}
.custom_menu_mobile .mobile-menu li.active{
    background: #ececec;
}

.custom_menu_mobile .mobile-menu li.active ul{
    padding-left: 0px;
}
.custom_menu_mobile .mobile-menu li.active ul li a{
    padding: 5px 20px 5px 20px;
}
.custom_menu_mobile .mobile-menu li.active ul li.active ul a{
    padding: 5px 20px 5px 30px;
}

/* Style pour les sous-menus */
.custom_menu_mobile .mobile-menu .sub-menu {
    width: 100%;
    display: none; /* Masquer le sous-menu par défaut */
    overflow: hidden; /* Cache le contenu débordant */
    transition: max-height 0.3s ease, opacity 0.3s ease; /* Transition fluide */
    padding-bottom: 15px;
}

.custom_menu_mobile .mobile-menu a {
    text-decoration: none;
    color: #333;
    padding: 10px 20px 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}
.custom_menu_mobile .mobile-menu .submenu-toggle{
    padding: 10px;
    padding-right: 15px;
    display: flex;
}

.custom_menu_mobile .mobile-menu  svg {
    height: 15px;
    transition: 0.1s all;
}
.custom_menu_mobile .mobile-menu li.active > .submenu-toggle > svg {
    transform: rotate(90deg);
}



/* Off-Canvas Mobile Styles */
.off_canvas_mobile {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 450px;
    background: #333;
    color: white;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 9999;
    display: flex;
    padding-top: 60px;
}
.admin-bar .off_canvas_mobile {
    top: 32px;
}

.off_canvas_mobile.right {
    transform: translateX(100%);
    right: 0;
    left: auto;
}
.off_canvas_mobile.center{
    width: 100%;
}
.off_canvas_mobile.center .custom_menu_mobile {
    max-width: 600px;
    margin: auto;
}
.off_canvas_mobile.open {
    transform: translateX(0);
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
}
.close-btn svg{
    width: 15px;
    height: 15px;
}

/* Overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 9998;
}
.overlay {
    cursor: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2Ij4KICA8Y2lyY2xlIGN4PSIyOCIgY3k9IjI4IiByPSIyOCIgZmlsbD0iIzI1MjYyNyIgZmlsbC1vcGFjaXR5PSIwLjEyIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIvPgogIDxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI3IiBmaWxsPSIjZmZmIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIvPgogIDxwYXRoIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBkPSJtMjIuMzQ0IDIyLjM0MyAxMS4zMTMgMTEuMzE0bS0xMS4zMTMgMCAxMS4zMTMtMTEuMzEzIiBzdHJva2U9IiMyNTI2MjciIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4='), auto;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}


.mobile-menu-icon{
    cursor: pointer
}
.mobile-menu-icon.fill-round {
    padding: 5px;
    border-radius: 5px
}

.mobile-menu-icon.fill {
    padding: 8px;
    border-radius: 50%
}
.mobile-menu-icon{
    display: flex
}

.off-canvas-content{
    width: 100%;
}

/* Off-Canvas Mobile Styles */
.off_canvas_cart {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 450px;
    background: #333;
    color: white;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 9999;
    display: flex;
}
.off-canvas-content{
    position: relative;
    overflow: auto;
}

.off_canvas_cart .custom-cart-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
.off_canvas_cart .woocommerce-mini-cart {
    margin-top: 90px !important;
    margin-bottom: 170px !important;
}


.off-canvas-content .woocommerce-mini-cart,
.off-canvas-content .woocommerce-mini-cart__total,
.off-canvas-content .woocommerce-mini-cart__buttons{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
.admin-bar .off_canvas_cart {
    top: 32px;
    height: calc(100vh - 32px);
}

.off_canvas_cart.right {
    transform: translateX(100%);
    right: 0;
    left: auto;
}
.off_canvas_cart.open {
    transform: translateX(0);
}

.woocommerce-mini-cart, .off-canvas-content .custom-cart-header{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.header-mini-cart .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 10px;
    background: #000;
    height: 20px;
    width: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    z-index: 9;
}
.close-btn svg{
    width: 15px;
    height: 15px;
}

/* ACCOUNT HEADER */

.account-item{
    cursor: pointer
}
.account-item.fill-round {
    padding: 5px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account-item.fill {
    font-size: 20px;
    padding: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.account-item a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.account-item svg {
    width: 20px;
    height: 20px;
}

.header-wishlist{
    cursor: pointer
}
.wishlist-menu-icon.fill-round {
    padding: 5px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wishlist-menu-icon.fill {
    font-size: 20px;
    padding: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.wishlist-menu-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}



.header-search{
    cursor: pointer
}
.search-menu-icon.fill-round {
    padding: 5px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-menu-icon.fill {
    font-size: 20px;
    padding: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.search-menu-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#search-lightbox {
    position: absolute;
    top: 0; /* Garde le positionnement */
    left: 0;
    width: 100%;
    height: 140px;
    background: #fff;
    border: 1px solid #eee;
    z-index: 9999999999999;
    opacity: 0; /* Rendre le popup invisible */
    transform: translateY(-100%); /* Le déplace en dehors de l'écran */
    transition: transform 0.3s ease-out, opacity 0.3s ease-out; /* Transition fluide pour mouvement et opacité */
    pointer-events: none; /* Désactiver les interactions lorsqu'il est caché */
    display: flex;
    justify-content: center;
    align-items: center;
}

#search-lightbox.active {
    opacity: 1; /* Rendre visible */
    transform: translateY(0); /* Réinitialiser la position pour afficher le popup */
    pointer-events: auto; /* Activer les interactions */
}

#search-lightbox .close{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    cursor: pointer;
}

#search-lightbox .search-container{
    max-width: 600px;
    margin: auto;
    width: 90%;
    position: relative;
}

#search-results ul {
    list-style: none;
}
#search-lightbox .search-container .search-results {
    position: absolute;
    background: #fff;
    border: 1px solid #eee;
    width: 100%;
    overflow: scroll;
    max-height: 300px;
}

#search-lightbox .search-container .search-results > ul > li {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 15px;
    margin-bottom: 15px;
}

#search-lightbox .search-container .search-results > ul > li img {
    height: 80px;
    object-fit: cover;
}
#search-lightbox .search-container .search-results .search-details{
    display: flex;
    flex-direction: column;
}

#search-lightbox .search-container .search-results.active {
    padding: 20px;
}
.search_titre{
    font-size: 15px;
    font-weight: 600;
}

#search-lightbox .search-field{
    display: flex;
    align-items: center;
}
#search-lightbox .search-field i{
    position: absolute;
    right: 15px;
}

.header-social-icons .social-icons{
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    align-items: center;
}

.header-social-icons .social-icons a{
    display: flex;
    justify-content: space-between;
    column-gap: 5px;
    align-items: center;
}


.header-social-icons.fill a{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.header-social-icons.fill-round a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}


.header-wishlist a:before, .header-search a:before, .account-item a::before, .header-mini-cart a::before{
    display: none !important;
}
/* MINI CART */

.cart-menu-icon{
    cursor: pointer
}
.cart-menu-icon.fill-round {
    padding: 5px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-menu-icon.fill {
    padding: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-menu-icon{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart-menu-icon svg {
    width: 20px;
    height: 20px;
}

.off_canvas_cart .custom-cart-header{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.off_canvas_cart .woocommerce-mini-cart {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px){
    .off_canvas_cart, .off_canvas_mobile{
        width: 100%;
    }
    .off-canvas-content .custom-cart-header,
    .off-canvas-content .woocommerce-mini-cart,
    .off-canvas-content .woocommerce-mini-cart__total,
    .off-canvas-content .woocommerce-mini-cart__buttons{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
/*.woocommerce-mini-cart li {
    position: relative;
    list-style: none;
}
.woocommerce-mini-cart li .remove_from_cart_button{
    position: absolute;
    right: 0;
}

.woocommerce-mini-cart li a{
    display: flex !important;
    flex-direction: row;
    gap: 15px;
    align-items: flex-start;
}

.woocommerce-mini-cart li a:not(.remove) {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.woocommerce-mini-cart li img {
    width: 80px !important;
}

.woocommerce-mini-cart li .quantity{
    position: absolute;
    margin-top: -35px;
    margin-left: 80px;
}*/
.woocommerce-mini-cart li, .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
    position: relative;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 15px;
    margin-bottom: 15px;
}
.woocommerce-mini-cart li img, .mini_cart_product_image, .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    width: 80px !important;
    height: 100px !important;
    object-fit: cover;
    border-radius: 3px
}
.mini_cart_product_content{
    flex: 1;
}
.off_canvas_cart .woocommerce-mini-cart__total{
    display: flex;
    justify-content: space-between;
}

.off_canvas_cart .woocommerce-mini-cart__buttons{
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    justify-content: center;
    margin-bottom: 0px;
    padding: 15px;
}





.custom-button {
    height: 40px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 20px;
}
.btn-icon-left i{
    margin-right: 5px;
}
.btn-icon-left svg{
    margin-right: 5px;
}
.btn-icon-right i{
    margin-left: 5px;
}
.btn-icon-right svg{
    margin-left: 5px;
}
.custom-button.button-model-simple, .custom-button.button-model-underline {
    padding: 5px 0px;
}
.custom-button.button-model-underline span{
    position: relative;
}
.custom-button.button-model-underline span:after {
    content: "";
    bottom: 0;
    left: 0%;
    opacity: 1;
    position: absolute;
    transition: all 0.3s;
    width: 100%;
}
.custom-button.button-model-underline:hover span:after {
    left: 0%;
    opacity: 1;
    width: 0%;
}


.custom-button.hover-effect-text_reveal {
    overflow: hidden; /* Pour éviter que le texte ne déborde */
    position: relative; /* Position pour l'animation */
}

.custom-button.hover-effect-text_reveal span.texte > span{
    display: inline-block; /* Chaque lettre agit indépendamment */
    transition: opacity 0.4s ease, transform 0.4s ease; /* Transition douce avec une durée de 0.5s */
}

.custom-button.hover-effect-text_reveal:hover .texte {
    opacity: 0; /* Les lettres disparaissent lors du hover */
    transform: translateY(30px); /* Descendent de 30px */
}
.custom-button.hover-effect-text_reveal:hover .texte.animate {
    opacity: 1; /* Les lettres disparaissent lors du hover */
    transform: translateY(0px); /* Descendent de 30px */
}

.custom-button.hover-effect-text_reveal:hover .texte.animate > span {
    opacity: 0; /* Les lettres disparaissent lors du hover */
    transform: translateY(30px); /* Descendent de 30px */
}

.custom-button.hover-effect-text_reveal .texte.animate > span.animate {
    opacity: 1; /* Les lettres réapparaissent */
    transform: translateY(0); /* Remontent à leur position normale */
}


.custom-button.hover-effect-zoom, .custom-button.hover-effect-zoom_follow {
    position: relative; /* Nécessaire pour positionner correctement l'ombre */
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Transition douce pour le zoom et l'ombre */
}

.custom-button.hover-effect-zoom:hover {
    transform: scale(1.1); /* Zoom au survol */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); /* Ombre portée au survol */
}

.custom-button.hover-effect-zoom:hover::before {
    transform: translate(-50%, -50%) scale(1.1); /* L'effet de suivi sera un léger zoom */
}





.button-model-3d_normal {
    position: relative;
    height: 41.2px;
    transform-style: preserve-3d;
    transition: transform 300ms ease-in-out;
    transform: translateZ(-20.6px);
    min-width: 150px;
    display: inline-block;
}
.button-model-3d_normal .side {
    position: absolute;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
}

.button-model-3d_normal .default-side{
    transform: translateZ(20.6px);
}

.button-model-3d_normal .hover-side{

    transform: rotateX(90deg) translateZ(20.6px);
}
.button-model-3d_normal:hover {
    transform: rotateX(-90deg) translateY(50px);
}

.button-model-3d_normal .side i, .button-model-3d_normal .side svg{
    top: 0px;
    margin-left: 5px;
    margin-right: 0px;
}
.button-model-3d_normal.btn-icon-left .side i, .button-model-3d_normal.btn-icon-left .side svg{
    top: 0px;
    margin-right: 5px;
    margin-left: 0px;
}

.button-model-3d_normal .hover-side{
    transform: rotateX(90deg) translateZ(20.6px);
}




#ccm-4-etapes > .e-child{
    margin-top: 50px
}

#ccm-4-etapes > .e-child::before {
    content: '1';
    position: absolute;
    z-index: 2;
    transform: translate(-50%, -50%);
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

#ccm-4-etapes > .e-child:nth-child(1)::before {
    content: '1';
}
#ccm-4-etapes > .e-child:nth-child(2)::before {
    content: '2';
}
#ccm-4-etapes > .e-child:nth-child(3)::before {
    content: '3';
}
#ccm-4-etapes > .e-child:nth-child(4)::before {
    content: '4';
}




#ccm_3_etapes #row_box_3_etapes > .e-child::before {
    position: absolute;
    z-index: 1;
    transform: translatey(-50%);
    font-size: calc(30px + 1.5vw);
    border-radius: 50%;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    left: 25px;
}
#ccm_3_etapes #row_box_3_etapes > .e-child:nth-child(1)::before {
    content: '01';
}
#ccm_3_etapes #row_box_3_etapes > .e-child:nth-child(2)::before {
    content: '02';
}
#ccm_3_etapes #row_box_3_etapes > .e-child:nth-child(3)::before {
    content: '03';
}
#ccm_3_etapes #row_box_3_etapes > .e-child:nth-child(4)::before {
    content: '04';
}


.row-box-ccm .row-box::before{
    content :'';
    height: 120%;
    width: 3px;
    margin: auto;
    left: 0;
    right:0;
    top: 20px;
}
.row-box-ccm .row-box:last-child:before{
    content :'';
    height: 50%;
}

#chiffres_cles .elementor-counter-number{
    font-size: clamp(24px, 2.5vw, 40px);
    font-weight: 400
}
#slider_date .elementor-counter-number{
    font-size: clamp(24px, 2.5vw, 40px);
    font-weight: 400
}
#slider_date .box_rond{
    position: relative
}
#slider_date .box_rond::after {
    content: '';
    width: 120%;
    position: absolute;
    left: 0%;
    right: 0;
    margin: auto;
    top: calc(50% - 8px);
    z-index: 1;
}

#slider_date .box_rond svg{
    z-index: 2;
}


@media screen and (min-width: 1024px){
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content {
    padding-left: var(--tab-content-spacing, 40px) !important;
}

}


@media screen and (max-width: 767px) {
    .custom-button {
        height: 30px;
        padding: 5px 20px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px){

}

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

}
@media screen and (min-width: 1441px) {
 .custom-button {
        height: 40px;
        padding: 5px 20px;
    }
}


.dark *, .dark i, .dark svg, .dark svg *{
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important
}

.premium-blog-post-container {
    overflow: visible;
}
.premium-banner-ib img {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important
}
#carousel_images_et_icones .elementor-widget-icon-box{
    overflow: visible;
    z-index: 1
}
#carousel_images_et_icones .swiper-slide > .e-child{
    overflow: hidden;
}
.e-parent{
    overflow: hidden
}
.custom-button span {
    line-height: 26px !important
}




.qte_price_box {
    display: flex;
    align-items: center;
    margin-top: 5px;
    column-gap: 10px;
}
.mini_cart_item .qte_price_box .remove_from_cart_button:hover {
    background: transparent !important;
}
.product-quantity{
    display: flex;
}
.product-quantity .quantity-button{
    height: 34px;
    line-height: 34px;
    min-height: 34px;
    padding: 0px;
    width: 30px
}
.product-quantity .quantity-value,
.product-quantity .qty{
    width: 25px;
    display:inline-block;
    text-align:center;
    font-size: 14px;
    appearance: none !important;
    border: none;
    line-height: 34px;
    padding: 0px
}
.product-quantity .qty::-webkit-inner-spin-button, 
.product-quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.product-quantity .qty {
    -moz-appearance: textfield;
}
.qte_price_box .remove{
    line-height: 0px;
}
.qte_price_box .remove:hover *{
    stroke: #d02727;
}
.quantity-button{
    border: none;
    background: none !important
}
.product-quantity{
    border: 1px solid #e3e5e8
}
.mini_cart_product_content{
    font-size: 14px;
    font-weight: 500
}

.woocommerce-mini-cart-item::before,
.woocommerce-mini-cart-item::after{
    display: none !important
}


button:hover {
    color: inherit
}


.wishlist-count{
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 10px;
    background: #000;
    height: 20px;
    width: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

/* CHECKOUT */

#masthead_checkout{
    background: #fff;
    border-bottom: 1px solid #dedede
}
#masthead_checkout.header-main {
    height: 70px
}
#masthead_checkout.header-main #logo {
    color: #000;
    font-weight: 700;   
}

.woocommerce-checkout header #top-bar,
.woocommerce-checkout header #masthead,
.woocommerce-checkout header #wide-nav,
.woocommerce-checkout footer{
    display: none
}

.woocommerce-checkout .e-checkout__column.e-checkout__column-end {
    background: #fff !important;
    border-left: 1px solid #eee;
    padding-left: 25px;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle{
    display: none
}
.woocommerce-checkout .wp-block-woocommerce-checkout {
    padding-top: 0px !important;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
    border: none !important
}

@media screen and (min-width: 768px){
.woocommerce-checkout .wc-block-components-main:after {
    content: '';
    background: #f5f5f5;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index:-1;
    top: 0;
    right: -54%;
    border-left: 1px solid #dedede
}

.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
    width: 55% !important;
}
.woocommerce-checkout .wc-block-components-sidebar {
    width: 44% !important;
    }
}


@media screen and (max-width: 767px){
.woocommerce-checkout .wc-block-components-main:after {
    content: '';
}

.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100% !important;
    padding: 0px 20px !important
}
.woocommerce-checkout .wc-block-components-sidebar {
    width: 100% !important;
    padding: 0px 20px !important
    }
}



/* Définir la largeur de la colonne "Quantité" */
table.wc-block-cart-items th.wc-block-cart-items__header-quantity,
table.wc-block-cart-items td.wc-block-cart-item__quantity-cell *{
    text-align: center;
    margin: auto;
}
table.wc-block-cart-items td.wc-block-cart-item__quantity-cell, .wc-block-cart-items__header-quantity{
    padding-left: 20px !important;
    padding-right: 20px !important
}

.wp-block-woocommerce-cart.alignwide{
    margin: 0px
}

.wc-block-cart-items__header *{
    border: none !important;
    text-transform: initial;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px !important
}


.wc-block-cart-item__image img{
    width: 80px !important;
    height: 100px;
    object-fit: cover;
    border-radius: 3px
}

.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title,
.wp-block-woocommerce-cart-order-summary-coupon-form-block{
    display: none !important
}
.wc-block-cart__sidebar{
    border: 1px solid #d3d3d3;
    padding: 20px 20px;
    border-radius: 5px
}
.wc-block-components-totals-wrapper, .wp-block-woocommerce-cart-order-summary-totals-block{
    border: 0px !important
}

.wc-block-components-form .wc-block-components-checkout-step{
    margin-bottom: 10px !important
}
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
    border-top: 0px !important;
    padding-top: 25px !important;
}
.wp-block-woocommerce-checkout-shipping-method-block, .wp-block-woocommerce-checkout-pickup-options-block{
    display: none
}
.wc-block-components-text-input input, .wc-blocks-components-select__container {
    border-color: #dedede !important
}
.woocommerce-checkout .header-top > .container, .woocommerce-checkout .header-main > .container, .woocommerce-checkout .header-bottom > .container, .woocommerce-checkout .elementor-element .e-con-inner{
    max-width: 1140px !important
}
.wc-block-checkout__shipping-fields p {
    margin-bottom: 0px
}
.wp-block-woocommerce-checkout-contact-information-block{
    padding-top: 15px !important
}


.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button{
    background: var(--e-global-color-d51716b);
    color: #fff;
    border-color: var(--e-global-color-d51716b);
}

.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{
    background: var(--e-global-color-8767fd4);
    color: #fff;
    border-color: var(--e-global-color-8767fd4);

}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button{
    background: var(--e-global-color-d51716b) !important;
    color: #fff;
    border-color: var(--e-global-color-d51716b)!important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover{
    background: var(--e-global-color-8767fd4);
    color: #fff;
    border-color: var(--e-global-color-8767fd4);
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a{
    color: var(--e-global-color-text);
}

.custom_li li{
    list-style: none;
    padding-left: 20px;
    margin-bottom: 5px;
}
.custom_li li::before{
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.custom_li li::before {
    content: "\e918";
    height: 15px;
    width: 15px;
    font-size: 70%;
    position: absolute;
    left: -0px;
    margin-top: 5px
}

.custom-grid-area{
    float: right;
    margin: 0 0 1em;
    min-height: 38px;
    line-height: 38px;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 5px;
    margin-right: 10px;
}
.custom-grid-area span {
    position: relative;
    border: 1px solid #555;
    padding: 0px 10px;
    min-height: 38px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
}
.custom-grid-area span:hover > .tooltip, .value li:hover .tooltip{
    opacity: 1;
}
.color-swatch-list > li, .label-swatch-list > li {
    position: relative;
}
.custom-grid-area span > .tooltip, .color-swatch-list .tooltip, .label-swatch-list .tooltip{
    position: absolute;
    line-height: 24px;
    max-width: 360px;
    z-index: 2;
    text-align: center;
    font-size: 10px;
    white-space: nowrap;
    transition: all .3s;
    will-change: transform;
    padding: 0px 8px;
    transform: translateY(-100%);
    left: auto;
    right: auto;
    top: -2px;
    opacity: 0;
    min-height: 20px;
    border-radius: 99px;
    background: #000;
    color: #fff;
    font-weight: 600;
}
.color-swatch-list .tooltip, .label-swatch-list .tooltip{
    left: 0px;
}

.custom-add-to-cart:hover .tooltip{
    opacity: 1;
}
.custom-add-to-cart .tooltip {
    position: absolute;
    line-height: 24px;
    max-width: 360px;
    z-index: 2;
    text-align: center;
    font-size: 10px;
    white-space: nowrap;
    transition: all .5s;
    will-change: transform;
    padding: 0px 8px;
    transform: translate(-25%, -120%);
    left: 0px;
    top: -2px;
    opacity: 0;
    min-height: 20px;
    border-radius: 99px;
    background: #000;
    color: #fff;
    font-weight: 600;
}


@media screen and (min-width: 1441px) {
    .custom_li li::before {
        font-size: 60%;
        margin-top: 7px
    }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
    .custom_li li::before {
        font-size: 11px;
        margin-top: 8px
    }
}
@media screen and (max-width: 1024px) {
    .custom_li li::before {
        font-size: 10px;
        margin-top: 10px
    }
}



@media screen and (max-width: 768px){
.is-mobile .wc-block-components-form .wc-block-components-checkout-step:after, .is-small .wc-block-components-form .wc-block-components-checkout-step:after{
    display: none
}
    .is-mobile .wc-block-components-form .wc-block-components-checkout-step, .is-small .wc-block-components-form .wc-block-components-checkout-step {
        padding-top: 0px !important;
    }   
.is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper, .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper, .is-small .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper{
    padding-left: 0px !important;
    padding-right: 0px !important
    }

    #search-lightbox .search-container .search-results > ul > li img {
        height: 50px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1140px){
.woocommerce-checkout .header-top > .container, .woocommerce-checkout .header-main > .container, .woocommerce-checkout .header-bottom > .container, .woocommerce-checkout .elementor-element .e-con-inner{
    padding-left: 20px
}
}

@media screen and (max-width: 768px){
.woocommerce-checkout .header-top > .container, .woocommerce-checkout .header-main > .container, .woocommerce-checkout .header-bottom > .container{
    padding-left: 20px
}
}
@media screen and (max-width: 1024px){
.wc-block-cart__sidebar{
    padding: 20px;
}

.off_canvas_mobile .header-button{
    margin: 10px 20px;
}
.off_canvas_mobile .header-button a{
    min-height: 40px;
}
}



@media screen and (min-width: 1441px) {
    .header-top > .container, .header-main > .container, .header-bottom > .container {
        max-width: 90% !important;
    }
}



.products .product-image {
    position: relative;
    overflow: hidden;
    height: auto;
    display: block;
}
.products .product-image .main-image,
.products .product-image .secondary-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.products .product-image .secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; /* L'image secondaire est cachée par défaut */
    z-index: 1; /* L'image secondaire est au-dessus de l'image principale */
}

.products .product-image:hover .main-image {
    opacity: 0; /* Masquer l'image principale au hover */
}

.products .product-image:hover .secondary-image {
    opacity: 1; /* Afficher l'image secondaire au hover */
}

.products .product-image img {
    transition: transform 0.3s ease-in-out; /* Transition du zoom */
    position: absolute;
    top: 0;
}

.products .product-image:hover img {
    transform: scale(1.2);
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
    padding: 0px;
}
.jb-swatch_color{
    height: 24px;
    width: 24px;
    display: inline-flex;
    border-radius: 50%;
    border: 1px solid #eee;
}
.jb-swatches {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 10px;
    min-height: 24px;
}
.jb-swatches a {
    display: flex;
}
.jb-swatch.jb-swatch--color {
    display: flex;
    align-items: center;
}
.color-swatch-item.active {
    box-shadow: 0 0 0 2px #000;
    border: 2px solid #fff;
}


.label-swatch-item.active {
    box-shadow: 0 0 0 2px #000;
    border: 2px solid #fff;
}


.single-product .variations tr {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
}
.single-product .variations .label{
    padding: 0px;
    line-height: 24px !important;
    vertical-align: middle !important
}
.single-product div.product form.cart .variations td, .single-product div.product form.cart .variations th{
    background: transparent
}

.icon-add-to-cart{
    width: 20px;
    height: 20px;
    fill: var(--e-global-color-primary);
}

.custom-add-to-cart > a:hover .icon-add-to-cart{
    fill: #fff;
}

.div_image_product{
    position: relative;
}
.custom-add-to-cart .add_to_cart_button{
    background-color: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 5px !important
}

.custom-add-to-cart .add_to_cart_button:hover, .custom-add-to-cart .ajax_add_to_cart.added{
    background-color: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}
.custom-add-to-cart{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    opacity: 0;
    visibility: hidden;
    transform: translate(1rem);
    transition: opacity .5s, transform .5s, visibility .5s;
    transition-timing-function: cubic-bezier(.645,.045,.355,1);
}
.products .product:hover .custom-add-to-cart{
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    z-index: 2;
}

.products .product .added_to_cart{
    display: none 
}
.products .product .product-price{
    display: flex;
    column-gap: 10px;
}
.woocommerce ul.products li.product .price del{
    opacity: 1;
}

.products .product .top-infos-loop{
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    z-index: 2;
    align-items: center;
}

.products .product .top-infos-loop .badge{
    background: #fff;
    color: #000;
    padding: 0px 10px;
    border-radius: 5px;
}
.products .product .product-badges *{
    font-size: 0.9rem !important;
}


.products .product .product-badges {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    margin-left: 15px;
}
.products .product .yith-wcwl-add-to-wishlist-button > span {
    display: none;
}
.products .product .custom-wishlist {
    margin-right: 15px;
    margin-top: 5px;
}

.products .product .yith-add-to-wishlist-button-block:hover .yith-wcwl-add-to-wishlist-button > span {
    display: block;
    position: absolute;
    background: #000;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    width: 80px;
    border-radius: 5px;
    top: 30px;
    padding: 3px 0px;
}
.products .product .yith-add-to-wishlist-button-block:hover svg {
    fill: #000;
}


.ajax_add_to_cart.added:after,
.ajax_add_to_cart.loading:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: var(--e-global-color-primary) !important;
    color: #fff !important;
    height: 20px;
    margin: 0px !important;
    animation: none !important;
}


.woocommerce-mini-cart__buttons.buttons > a, .woocommerce-mini-cart__buttons.buttons > a:hover{    
    background: initial !important;
    color: #fff;
}


/* CUSTOM FILTRE WOOCOMMERCE */

.category-item{
    list-style: none;
}
.category-item [class^="item-"]{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.category-item [class^="item-"] label {
    width: calc(100% - 40px);
    gap: 7px;
    display: flex;
    align-items: center;
    min-height: 50px;
}
.toggle-subcategories{
    width: 40px;
}

[class^="subcategory-list"]{
    width: 100%;
}
[class^="subcategory-list"] ul{
    width: 100%;
}

.color-swatch-filtre.active {
    box-shadow: 0 0 0 2px #000;
    border: 2px solid #fff;
}


.label-swatch-filtre.active {
    box-shadow: 0 0 0 2px #000;
    border: 2px solid #fff;
}

#price_range{
    width: 100%;
}

.jb-icon-box-left .elementor-icon{
    margin-top: 5px;
}

.wpforms-render-modern{
    margin-top: 0px !important;
}
.wpforms-field-label{
    margin-bottom: 5px !important;
}

.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{
    padding-top: 0px !important;
}
.wpforms-submit{
    background-color: var(--e-global-color-d51716b) !important;
}
.wpforms-submit:hover{
    background-color: var(--e-global-color-8767fd4) !important;
}


.wc-block-components-product-metadata__description{
    display: none
}

.header-button .btn-icon-right span {
    order: 1
}
.header-button .btn-icon-right i {
    order: 2;
}


.custom-filter-form h4, .custom-filter-form h5{
    margin-bottom: 10px;
    font-size: 17px
}

/* FOOTER */
.footer_classique li{
    list-style: none
}

.footer_classique li a{
    display: flex;
    align-items: center;
    column-gap: 7px
}




/* WOOCOMMERCE MON COMPTE */
.woocommerce-account h1 {
    font-size: clamp(14px, 1.5vw, 34px)
}

.woocommerce-MyAccount-navigation li{
    list-style: none
}
.woocommerce-MyAccount-navigation a {
    text-decoration: none;
}
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-around;
}
.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px !important;
}
.woocommerce-MyAccount-navigation ul li a {
  border-radius: 5px !important;
    font-size: clamp(14px, 1.5vw, 17px) !important;
    font-weight: initial !important
}

.woocommerce-MyAccount-content-wrapper{
    border: none !important;
    padding: 0px !important
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select {
    border-radius: 5px !important;
    font-size: 14px;
  padding: var(--forms-fields-padding, 15px);
}




/* NEWSLETTER */
.bloc_newsletter_coller .wpforms-form{
    display: flex;
    align-items: center;
    max-width: 300px
}
.bloc_newsletter_coller .wpforms-form .wpforms-submit-container{
    margin-top: 0px !important
}
.bloc_newsletter_coller .wpforms-field.wpforms-field-text{
    padding-bottom: 0px
}

.bloc_newsletter_coller .wpforms-submit {
  font-size: 0px !important;
}
.bloc_newsletter_coller .wpforms-submit:before {
    content: "\e918";
    font-family: 'icomoon' !important;
    font-size: 15px;
    line-height: 1;
    transition: 0.3s all
}
.bloc_newsletter_coller .wpforms-submit:hover{
    background: none !important
}
.bloc_newsletter_coller .wpforms-submit:hover:before {
    font-size: 17px;
}


.bloc_newsletter_coller input {
    background: transparent !important;
    padding-left: 0px !important;
    border:0px !important;
}


.bloc_newsletter_coller .wpforms-field-container{
    flex: 1
}
.bloc_newsletter_coller ::placeholder {
    opacity: 1 !important;
    font-style: italic !important
}


.bloc_newsletter_coller .wpforms-form{
    border-bottom: 1px solid;
}


.bloc_newsletter_coller #wpforms-1800-field_1-error{
    position: absolute;
}

.bloc_newsletter_coller .wpforms-confirmation-container-full{
    background: none !important;
    border: none !important;
    padding: 0px !important;
}