/*Header*/
    @media (min-width: 400px) {
        section.elementor-element.elementor-element-a877d7e.elementor-section-full_width.elementor-section-height-min-height.elementor-section-height-default.elementor-section-items-middle.elementor-section.elementor-top-section {
            display: none;
        }
    }
    .ets_mm_megamenu_content{
        background: linear-gradient(0.25turn,#3961c1, #2eaae7); /*dégradé du mega menu*/
    }
    .ybc-menu-toggle.ybc-menu-btn.closed{ /*Pour téléphone*/
        background: linear-gradient(0.25turn,#3961c1, #2eaae7); /*dégradé du mega menu*/
        text-align: center;
        color: #fff;
    }
    

/*Menu*/
    .ets_mm_megamenu {
        margin-top: 0;
    }
    .mm_menu_content_title{
        min-height: 45px;
    }
    @media (max-width: 1231px) {
        .ets_mm_megamenu_content .container{
            width: 100%;
        }
    }
    @media (max-width: 1199px) and (min-width: 768px) {
        .changestatus.ets_mm_megamenu.hook-custom {
            margin-top: 0;
        }
    }
    @media (max-width: 767px) {
        .ets_mm_megamenu.hook-custom {
            margin-top: 0;
        }
    }
    a.ets_mm_url{
        font-weight: 500;
        font-size: 1.1em;
    }
    i.fa {
        margin-right: 8px;
    }
    @media (max-width: 767px) {
        .arrow { /*icone + qui est en absolute*/
            top: 57px;
        }
    }
    .ybc-menu-toggle .icon-bar { /*menu burger blanc*/
        background-color: #fff;
    }


/*recherche*/
    .elementor-1170101 .elementor-element.elementor-element-15e4f15 > .elementor-element-populated {
        margin: 0 10px 0 10px;
    }
    .elementor-widget-container{
        min-height: fit-content;
    }
    #search_widget form i {
        right: 2%;
        color: #3961c1;
        overflow: hidden;
        width: 30px;
        height: 30px;
    }
    #search_widget {
        margin-bottom: 0;
        min-width: 100%;
    }


/*Footer bas de page*/
    #wrapper {
        min-height: calc(100vh - 100px); /*Pour obliger le footer à aller en bas de page lorsque le body est plus petit que la largeur d'écran*/
        box-sizing: border-box;
    }
    #footer{
        padding:0 !important; /*Pour coller le Footer au Body*/
    }
    #textFooter p {
        margin-bottom: 0;
    }
    #textFooter a {
         position: relative;
         display: inline-block;
         text-decoration: none;
         padding: 11px 20px;
         color: white; /* Conserve la couleur blanc */
         transition: color 0.5s ease;
     }
    #textFooter a:hover {
        color: #2eaae7;
    }
    #textFooter a::after {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 3px;
        background-color: #2eaae7;
        transition: width 0.5s ease; /* Animation douce */
    }
    #textFooter a:hover::after {
        width: 100%;
    }

/*Mentions legales*/
    #mention a{
        border-bottom: 3px solid rgba(0, 0, 0, 0);
        color: white; /*lien footer en blanc*/
    }
    #mention a:hover{
        color: #2eaae7 !important;
    }

/*Slider*/
    div.ls-thumbnail-inner{
        margin-top: -17% /*pagination à chevale entre slider et body*/
    }

    /*Page produit*/
    .titreProdPC {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .titreProdPC p {
        margin: 0;
        text-transform: none;
    }
    .titreProd {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .titreProd p {
        margin: 0;
        text-transform: none;
    }
    nav.breadcrumb {
        font-size: 0.8em;
    }
    .social-share {
        display: flex;
        gap: 10px;
        margin-left: 10px;
        margin-bottom: 3px;
    }
    .social-button {
        border-radius: 50%;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: none;
    }
    .icon {
        width: 24px;
        height: 24px;
        background-size: contain;
    }
    .facebook { background-color: #1877F2; background-image: none;}
    .facebook-icon { background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg'); }
    .linkedin { background-color: #0077B5; background-image: none; }
    .linkedin-icon { background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png'); }
    /*
    .messenger { background-color: #0099FF; background-image: none; }
    .messenger-icon { background-image: url('https://upload.wikimedia.org/wikipedia/commons/8/83/Facebook_Messenger_4_Logo.svg'); }
    */
    .whatsapp { background-color: #25D366; background-image: none; }
    .whatsapp-icon { background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg'); }

/* Bouton de copie */
    .copy { background-color: #555; background-image: none; }
    .copy-icon {
        background-image: url('/themes/classic-child/assets/icons/copy-regular.svg');
        background-repeat: no-repeat;
    }

/*image prod*/
    .espace{
        margin-right: 15px;
        margin-left: 15px;
        justify-items: center;
    }
    .images-container.js-images-container {
        background-color: white;
    }
    .col-lg-6 p.h1.titre {
        font-size: 1.2em;
        font-weight: 800;
    }
    @media (max-width: 767px) {
        #wrapper {
            padding-top: 0.5rem;
        }
        .breadcrumb {
            margin-bottom: 0.5rem;
        }
        .product-cover img {
            width: auto;
            height: 100%;
            max-height: 300px;
        }
        .images-container .js-qv-product-images .thumb {
            width: 70px;
            height: 70px;
            object-fit: contain;
        }
        .product-flags li.product-flag.on-sale {
            width: fit-content;
        }
        .images-container .js-qv-product-images .thumb {
            width: 50px;
            height: 50px;
        }
    }
    .images-container .js-qv-product-images {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    }
    .product-cover {
        margin-bottom: 0;
        justify-self: center;
    }

/*info prod PC*/
@media (min-width: 992px) {
    .row.product-container.js-product-container {
        display: flex;
        align-items: center;
    }
}
@media (min-width: 992px) {
    #infoPC{
        position: relative;
        padding-top: 50px;
    }
    #info{
        position: relative;
        padding-bottom: 50px;
    }
}
/*img prod PC*/
@media (max-width: 992px) {
    #imgPC{
        position: relative;
    }
    #image{
        position: relative;
    }
}

/*Flèches images*/
@media (max-width: 400px) {
    .scroll-box-arrows .left {
        left: -3px;
        font-size: 2.5em;
    }
    .scroll-box-arrows .right {
        right: 0;
    }
}
    .scroll-box-arrows .left {
        left: -3px;
        font-size: 2.5em;
    }
    .scroll-box-arrows .right {
        right: 0;
    }
@media (max-width: 767px) {
    .scroll-box-arrows i {
        bottom: 2rem!important;
        height: inherit;
        line-height: inherit;
    }
}
    .scroll-box-arrows i {
        bottom: 53px;
        height: inherit;
        line-height: inherit;
    }
    .scroll-box-arrows .right {
        right:0;
        font-size: 2.5em;
        text-align: right;
    }

/*promo & prix prod*/
    .product-prices {
        padding-bottom: 10px;
    }
    .product-prices div {
        margin-bottom: 0;
    }
    .product-discount {
        width: fit-content;
    }
    .product-flags li.product-flag.on-sale {
        background: #2eaae7;
    }
    li.product-flag.discount {
        background-color: #2eaae7!important;
    }
    span.current-price-value {
        color: white;
        background-color: #2eaae7;
        padding: 5px;
        font-size: 1.1em;
    }
    .has-discount .discount {
        background-color: transparent;
        color: #2eaae7;
        font-size: 0.8em;
    }
    .product-prices.js-product-prices {
        display: flex;
        flex-wrap: wrap;
    }

/*Variant prod*/
    .product-variants>.product-variants-item {
         margin: 0;
    }
    .clearfix.product-variants-item{
        display: inline-flex ;
        align-items: baseline;
    }
    span.control-label{
        width: fit-content;
        padding-right: 10px;
    }

/*ecoTax*/
    p.price-ecotax {
        font-size: 0.7em;
        margin-left: 10px;
    }

/*texte ht*/
    .tax-shipping-delivery-label {
        display: none;
    }

/*Ajouter au panier*/
    .product-add-to-cart.js-product-add-to-cart {
        padding: 0 0 1px 10px;
    }
    .product-quantity {
        display: flex;
        flex-wrap: wrap;
    }

    /*Liste de souhait*/
@media (max-width: 767px) {
    .wishlist-button-add{
        top: -386px!important;
        right: 0!important;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .wishlist-button-add{
        top: -580px !important;
        right: 0 !important;
    }
}
    .wishlist-button-add{
        background-color: #3961c1 !important;
        position: absolute;
        top: -10px;
        right: 45px;
    }
    .wishlist-button-add i {
        color: white!important;
    }
@media (max-width: 992px) {
    .wishlist-button-product {
        margin-left: 0.1rem !important;
    }
    button.btn.btn-primary.add-to-cart{
        padding: 0.5rem 0.3rem;
        margin: 0;
        font-size: 0.75rem;
    }
    i.material-icons.shopping-cart {
        margin: 0;
    }
    .material-icons {
        width: 1em;
    }
}
    /*inpout qty*/

.input-group.bootstrap-touchspin {
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 110px;
}
.input-group input {
    /* text-align: center; */
    border: 1px solid #ccc !important;
    /* width: 60px !important; */
    height: 40px !important;
}
.input-group-btn-vertical {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: flex-end !important;
    gap: 40px !important;
    position: absolute !important;
}
.btn-touchspin {
    background-color: #f8f9fa !important;
    border: 1px solid #ccc !important;
    height: 40px !important;
    width: 35px !important;
    z-index: 3 !important;
}
.btn-touchspin:first-child {
    border-radius: 0 8px 8px 0 !important;
}
.btn-touchspin:last-child {
    border-radius: 8px 0 0 8px !important
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
    content: '+';
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
    content: '-';
}
.product-quantity .input-group-btn-vertical .btn i {
    top: 0.5rem;
    left: 0.5rem;
}

    /*commentaire*/
    #product-comments-list-header {
        padding: 0;
    }
    .product-comment-list-item .comment-infos {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-between;
        align-items: baseline;
        min-height: 60px;
    }
    .product-comment-list-item .comment-infos .grade-stars {
        margin-bottom: 0;
    }
    .comment-author {
        margin-left: 5px;
    }
    .col-sm-9.comment-content {
        margin-left: 5px;
    }
    .social-sharing {
        margin-top: 0.5rem;
    }

    /*Bloc onglet prod*/
    #product-accordion .card:first-of-type .card-header {
        border-top: 3px solid rgba(0, 0, 0, 0.125);
    }
    .card-body {
        padding: 10px 10px 0 10px;
    }
    #product-accordion .btn-link{
        padding: 0;
        outline: none;
    }
    .accordion-button::after {
        font-weight: 900;
        content: "\f107"; /* Flèche vers le bas */
        transition: transform 0.3s;
    }
    .accordion-body {
        background: #f9f9f9;
        padding: 15px;
        font-size: 14px;
    }

    /*Détail prod*/
    .product-manufacturer { /*img detail prod*/
        width: fit-content;
    }
    .product-comments-additional-info {
        margin: 0;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
    }

    /*Buton avis*/
    .tab-pane.fade.js-product-tab-active.active .btn{
        background-color: #3961c1;
    }
    .tab-pane.fade.js-product-tab-active.active .btn-comment:hover{
        background-color: #2eaae7;
    }
    .btn-comment{
        background-color: #3961c1;
    }
    .btn-comment:hover{
        background-color: #2eaae7;
    }

/*Left column filter*/
    label.facet-label{
       padding-top: 10px;
    }
    p.h6.facet-title.hidden-sm-down{
        text-align: center; /*titre centré*/
    }
    #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
        display: contents; /*Aligner checkbox et texte*/
        font-size: 0.9em;
    }
    #search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio{
        top: 0; /*Aligner correctement checkbox et texte*/
    }
    /* Alignement de la checkbox et du texte */
    #search_filters .facet .facet-label {
        display: flex;
        align-items: center; /* Garde la checkbox et le texte alignés */
    }

    /* Texte des filtres (catégories) */
    #search_filters .facet .facet-label a {
        margin-top: 0;
        display: inline-block; /*décolle le texte de la quantité*/
        white-space: normal; /* Autorise les retours à la ligne */
    }

/*Votre compte*/
    .hidden-sm-down.col-sm-3.col-md-3.sort-by{
        min-width: fit-content;
        padding-right: 10px;
    }
    .swiper-slide-image{
        width: 50%!important;
    }
    .input-group .input-group-btn>.btn[data-action="show-password"] {
        padding: 0.78rem 1rem;
        background: #3960c1;
    }
    .btn-primary:hover{
        background-color: #2eaae7;
    }

/*Aperçu rapide*/
    @media (max-width: 768px){
        .elementor-12170101 .elementor-element.elementor-element-2a5a47d .elementor-swiper:nth-child(1) {
            width: 70%!important;
        }
    }

/*Page catégories bouton sous-cat*/
    .boutonCat a {
        padding: 5px 5px !important;
    }
    @media (min-width: 400px){
        .elementor-nav--main .elementor-nav a, .elementor-nav--main .elementor-nav a.highlighted, .elementor-nav--main .elementor-nav a:hover{
            padding: 5px 5px;
        }
    }

    @media (max-width: 768px){
        .js-product.product.col-xs-12 {
            width: 100%;
            min-width: inherit;
        }
    }
    @media (min-width: 991px) {
        .js-product.product.col-sm-6 {
            width: 33%;
            min-width: inherit;
        }
    }

/*Inscription*/

    @media (min-width: 768px) {
        .js-input-column.col-md-6 {
            width: 75%;
        }
    }
    .form-group.row{
        .col-12{
            margin-left: 12.5%;
        }
    }
    .page-authentication #content, .page-registration #content{
        max-width: inherit;
    }
    .form-footer {
        display: flex;
        justify-content: center; /* Centre le bouton horizontalement */
    }

    .custom-checkbox input[type="checkbox"]+span {
        margin-right: 5px;
    }

    .custom-checkbox label em {
        margin-left: 25px; /* aligne texte selon la taille de l'icône de la checkbox */
        display: block;
    }

    /*MDP oublié*/
    .forgotten-password .form-fields label.required {
        width: inherit;
        text-align: left;
    }

/*Contact*/
    #file-upload-5d34a6f{
        margin: 0;
    }

/*FAQ*/
    /* .elementor-accordion-item:first-of-type {
        display: none;
    } */
    .elementor-accordion {
        border-top: 1px solid  #D4DFF2C7;
    }

/*Cookies*/
    .lgcookieslaw-button-container{
        background: rgba(255, 255, 255, 0);
    }

/*Panier*/
    .bootstrap-touchspin {
        display: flex; /*Btn quantité et la valeur aligné*/
    }

    .product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name {
        text-transform: inherit!important;
    }

.product_show_list .product-miniature {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.product_show_list .thumbnail-container {
    margin-right: 20px;
    max-width: 120px;
}

#js-product-list .js-product {
    background: white;
    border-bottom: 1px solid #ddd;
    padding-left: 0!important;
    padding-right: 0!important;
}
.product-miniature {
    justify-content: flex-start!important;
}
.product-miniature .thumbnail-container {
    margin-bottom: 0!important;
}
.product-miniature .product-title {
    text-align: left!important;
}
.product-miniature .product-title a{
    font-size: 1em!important;
    font-weight: 600;
}
.product-miniature .product-description {
    max-width: 700px;
    width: 100%;
}
.product-miniature .product-flags li.product-flag {
    font-size: .7rem!important;
}
.products article .wishlist-button-add {
    top: 0.135rem;
    right: 0.135rem;
}
.product-miniature .product-flags {
    flex-direction: row-reverse!important;
}
.product-flags li.product-flag {
    margin-top: 0!important;
}

/* 1 produit = 1 ligne, partout */
#js-product-list .products .product-miniature,
#js-product-list .products .js-product {
  width: 100%;
}

/* Si des colonnes Bootstrap reviennent (col-md-4 etc.), on les neutralise */
#js-product-list .products [class*="col-"] {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.product-miniature .product-price-and-shipping {
    text-align: right!important;
}

/* Listing uniquement */
#js-product-list .input-group-btn-vertical,
#js-product-list .bootstrap-touchspin .btn,
#js-product-list .bootstrap-touchspin input[type="number"],
#index .input-group-btn-vertical,
#index .bootstrap-touchspin .btn,
#index .bootstrap-touchspin input[type="number"] {
  display: none !important;
}

/* Évite les espacements vides */
#js-product-list .bootstrap-touchspin,
#js-product-list .qty,
#index .bootstrap-touchspin,
#index .qty {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
}

#products .js-product-add-to-cart,
#index .js-product-add-to-cart
{
    float: right;
}
#products .js-product-add-to-cart .add,
#index .js-product-add-to-cart .add
{
    margin-top: -0.8em;
}
    
.btn.btn-primary.add-to-cart {
    border-radius: 50px;
    margin-left: 10px;
}
.btn.btn-primary.add-to-cart .material-icons {
    margin: 0!important;
}

#products .product-miniature .product-description {
    padding-bottom: 0!important;
}
#products .product-miniature .product-description .desc {
    height: 2.7em;
    overflow: hidden;
}

.out-of-stock {
    background: none !important;
    color: #8f1212!important;
}

.out-of-stock.reappro {
    background: none !important;
    color: #f89c33!important;
}

.out-of-stock.in-stock {
    background: none !important;
    color: #26c93c!important;
}

.btn:disabled {
  opacity: 0.45!important;
}

.product-miniature .product-title a {
    color:#000;
}

#index .product-miniature .product-title {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

p, .page-content.page-cms ul {
  color: inherit!important;
}

#index .ls-carousel .ls-thumbnail {
  top: -40px!important;
}

#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {
    color: #555!important;
}

.product-miniature .product-title {
  margin-top: 20px;
}

@media (max-width: 767px) {
    #js-product-list .product-miniature .product-title {
        margin-top: 20px !important;
    }

    #index #layerslider_2 .ls-bottom-slidebuttons {
        display: none!important;
    }

    .titreProd {
        width: 100%;
        display: block;
    }

    .titreProd p {
        width: 100%;
        white-space: normal;  /* le texte s’étale sur plusieurs lignes */
        margin-bottom: 8px;
    }

    .social-share {
        width: 100%;
        justify-content: flex-start; /* aligne les icônes à gauche */
        flex-wrap: wrap;             /* autorise le retour à la ligne si besoin */
        margin-bottom: 10px;
    }

    /* Autorise le retour à la ligne dans le bloc info */
    .cart-overview .cart-item .product-line-info,
    .cart-overview .cart-item .product-line-content,
    .cart-overview .cart-item .product-line-grid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    /* La boîte de quantité reste sur sa ligne */
    .cart-overview .cart-item .bootstrap-touchspin {
        order: 2;
        margin-top: 6px;
    }

    /* Le prix passe en dessous, pleine largeur */
    .cart-overview .cart-item .product-price,
    .cart-overview .cart-item .price {
        order: 3;
        width: 100%;
        margin-top: 6px;
        display: block;
    }

    /* Évite tout masquage par superposition */
    .cart-overview .cart-item .product-price,
    .cart-overview .cart-item .price { position: relative; z-index: 2; }
    .cart-overview .cart-item .bootstrap-touchspin { position: relative; z-index: 1; }
    .cart-overview .cart-item .product-line-content,
    .cart-overview .cart-item .right-block { overflow: visible; }
}
