/*
Theme Name:     Groupe écho
Description:    Agences de communication - Angers, Troyes, Cholet
Author:         Maryline Cesbron
Template:       Divi
Version:        3.0
*/

/*
Rajoutez vos règles de CSS personnalisé ci-dessous
*/
img { height: auto; }
.centrer-verticalement {
    display: flex;
    flex-direction: column;
    justify-content: center;

    /* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
}

.alignement-bas {
    display: flex;
    flex-direction: column;
    justify-content: bottom;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: bottom;
    -webkit-justify-content: bottom;
    -moz-box-pack: bottom;
    -ms-flex-pack: bottom;
}


body {
    /*    hyphens: auto;*/
    font-family: 'Archia', Roboto Mono, monospace !important;
}


@font-face {
    font-family: 'Archia';
    src: url('font/Archia-Bold.woff');
    src: url('font/Archia-Light.woff');
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.archia {
    font-family: 'Archia', Roboto Mono, monospace !important;
}


body > .main-container:after {
    opacity: 0 !important;
}


/*ne pas afficher le menu burger en responsive pour les icones reseaux sociaux*/

/*show desktop menu on phone*/
@media (max-width: 980px) {
    .pa-open-mobile-menu .et_pb_menu__menu {
        display: flex !important;
    }

    .pa-open-mobile-menu .et_mobile_nav_menu {
        display: none !important;
    }
}

/*Fil ariane*/

.breadcrumb,
.breadcrumb a {
    color: #FFF;
}


/*Formulaire*/

.et_pb_contact_field_options_title {
    display: none !important;
}


/*--------------------------
-------- Accueil 1 ---------
--------------------------*/
#acc1-slider h1 {
    padding-bottom: 0 !important;
}

#acc1-blog article {
    margin-bottom: 0 !important;
}

/*--------------------------
-------- Fin accueil 1 ---------
--------------------------*/


/*--------------------------
-------- Accueil 2 ---------
--------------------------*/

/*-- changement couleur menu --*/

/*set the defautl background color of the header section*/
body .pa-header {
    background: transparent;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}


/*set the background color of the fixed header when scrolling*/
body .pa-fixed-header {
    background-color: #ffffff !important;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}

/*-- fin changement couleur menu --*/


/*--------------------------
-------- Fin accueil 2 ---------
--------------------------*/




/*--------------------------
-------- Accueil 4 ---------
--------------------------*/

#tel-acc4 .et_pb_blurb_container {
    padding-left: 0 !important;
}

#tel-acc4 .et-waypoint.et_pb_animation_top.et-animated,
#tel-acc4 .et_pb_animation_top.et-animated {
    animation: none !important;
    transition: none !important;
}

#acc4-marques .difl_cptcarousel_0 .swiper-pagination {
    margin-top: 0 !important;
}

/*--------------------------
-------- Fin accueil 4 ---------
--------------------------*/





/*--------------------------
-------- Accueil 5 ---------
--------------------------*/

header .et_pb_searchform::before,
.search header .et_pb_searchform::before {
    content: "\55";
    font-family: "ETmodules";
    font-size: 20px;
    color: #000000;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);


}

.search .et_pb_searchform::before {
    content: "\55";
    font-family: "ETmodules";
    font-size: 20px;
    color: #000000;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);


}

/*
li.menu-newsletter a {
    font-size: 12px !important;
    font-style: italic;
}

li.menu-newsletter i {
    font-size: 20px !important;
}
*/

.home #loftloader-wrapper {
    display: none !important;
}


#menu-principal ul.sub-menu li {
    padding: 0 !important;
    width: 100% !important;
}

#menu-principal ul.sub-menu li a {
    /*    padding: 0 !important;*/
    width: 100%;

}

#menu-principal ul.sub-menu li:last-of-type a {
    width: 100%;
    font-size: 15px;
    border-top: 1px solid #ffffff;
    text-align: center;
}

#menu-principal ul.sub-menu li:last-of-type {
    width: 100%;
    padding-top: 10px !important;
}

#menu-principal ul.sub-menu li:last-of-type a {
    padding-top: 10px !important;
}

#menu-principal ul.sub-menu {
    padding-bottom: 10px !important;

}

@media screen and (min-width:981px) {
    #menu-principal ul.sub-menu {
        min-width: 280px !important;
    }
}

@media screen and (max-width:980px) and (min-width:768px) {
    body #menu-princ .et_pb_column {
        margin-bottom: 0 !important;
    }
}

.smp-slider-14 .et-pb-arrow-next {
    opacity: 1;
    /*    right: -50px !important;*/
}

.smp-slider-14 .et-pb-arrow-next:before,
.smp-slider-14 .et-pb-arrow-prev:before {
    background-color: #000000;
}

.smp-slider-14 .et-pb-arrow-prev {
    opacity: 1;
    /*    left: -50px !important;*/
}

.et-pb-arrow-prev {
    left: -50px;
}

.et-pb-arrow-next {
    right: -50px;
}

.et_pb_slider:hover .et-pb-arrow-next {
    right: 25px;
}

.et_pb_slider:hover .et-pb-arrow-prev {
    left: 25px;
}

.smp-slider-14 .et-pb-controllers a {
    border-radius: 0px;
    width: 25px;
}

.smp-slider-14 .et-pb-active-slide {
    opacity: 1 !important;
}

.smp-slider-14 .underline-text {
    text-decoration: none;
    box-shadow: inset 0 -0.5em 0 #000;
    color: inherit;
}

/*.smp-slider-14 .et_parallax_bg_wrap {
    -webkit-filter: grayscale(100%) brightness(50%); !important;
    filter: grayscale(100%) brightness(50%); !important;
}  */

@media screen and (max-width:767px) {
    .smp-slider-14 .et-pb-arrow-next {
        opacity: 1;
        right: 28px !important;
        font-size: 40px !important;
    }

    .smp-slider-14 .et-pb-arrow-prev {
        opacity: 1;
        left: 28px !important;
        font-size: 40px !important;
    }

    .smp-slider-14 .et-pb-controllers a {
        border-radius: 0px;
        width: 25px;
    }

    .smp-slider-14 .et-pb-active-slide {
        opacity: 1 !important;
    }

    .smp-slider-14 .underline-text {
        text-decoration: none;
        box-shadow: inset 0 -0.5em 0 #000;
        color: inherit;
    }

    .smp-slider-14 .et_parallax_bg_wrap {
        -webkit-filter: grayscale(100%) brightness(50%);
         !important;
        filter: grayscale(100%) brightness(50%);
         !important;
    }
}

@media screen and (max-width:425px) {
    .smp-slider-14 .et-pb-arrow-next {
        opacity: 1;
        right: 7px !important;
        font-size: 32px !important;
    }

    .smp-slider-14 .et-pb-arrow-prev {
        opacity: 1;
        left: 7px !important;
        font-size: 32px !important;
    }

    .smp-slider-14 .et-pb-controllers a {
        border-radius: 0px;
        width: 25px;
    }

    .smp-slider-14 .et-pb-active-slide {
        opacity: 1 !important;
    }

    .smp-slider-14 .underline-text {
        text-decoration: none;
        box-shadow: inset 0 -0.5em 0 #000;
        color: inherit;
    }

    .smp-slider-14 .et_parallax_bg_wrap {
        -webkit-filter: grayscale(100%) brightness(50%);
         !important;
        filter: grayscale(100%) brightness(50%);
         !important;
    }
}



/*--------------------------
-------- Fin accueil 5 ---------
--------------------------*/


/*REALISATION*/

.single-project .realisation_galerie {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.single-project .realisation_galerie .realisation_galerie_single {
    width: 33%;
    margin-top: 10px;
}


/*CSS pour afficher/masquer un texte via un bouton*/

/*Style du module TEXTE*/
.texte-cache1,
.texte-cache-showroom {
    position: relative;
    max-height: 230px;
    /*Hauteur du texte visible avant le clic*/
    overflow: hidden;
    /*On cache tout ce qui dépasse des 100px*/
    transition: max-height 1s ease;
    /* Transition CSS entre l'ouverture et la fermeture*/
}

.texte-cache-showroom {
    max-height: 50px;
}

/*Style du module TEXTE lorsqu'il est ouvert*/
.texte-cache1.ouvert,
.texte-cache-showroom.ouvert {
    max-height:
        /*100vh*/
        100%;
    /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
    margin-bottom: 20px !important;
}

/*On stylise l'effet de flou lorsque le module TEXTE est fermé, donc il n'a pas la classe "ouvert"*/
.texte-cache1:not(.ouvert)::after,
.texte-cache-showroom:not(.ouvert)::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));*/
    /*Couleur de notre effet*/
}


/*FIN CSS pour afficher/masquer un texte via un bouton*/


/*animation sur les images de réalisations*/

.realisation_galerie_single,
.focusprojet .dvmd_ib_image,
.esignerimg .dvmd_ib_image {
    overflow: hidden;
    /* Empêche l'image de déborder de son cadre */
}

.realisation_galerie_single img,
.focusprojet .dvmd_ib_image img,
.designerimg img {
    transition: transform 0.5s ease;
    /* Animation fluide pour l'effet de zoom */
    display: block;
    /* Évite les marges indésirables autour de l'image */
    width: 100%;
    /* Assure que l'image s'adapte à la largeur de son conteneur */
    height: auto;
    /* Garde les proportions de l'image */
}

.realisation_galerie_single:hover img,
.focusprojet .dvmd_ib_image:hover img,
.designerimg .dvmd_ib_image:hover img {
    transform: scale(1.1);
    /* Agrandit l'image de 10% lors du survol */
}




/*fin animation réalisations*/


/*CSS pour Filtre produits

.woof h4 {
    display: none;
}

.woof_redraw_zone {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woof_price_filter {
    width: 100% !important;
}

.woof_container {
    width: 49%
}

.woof_container .chosen-container.chosen-container-single {
    width: 100% !important;
}

.woocommerce .woocommerce-info {
    background-color: #000000;
}

.button.woof_submit_search_form {
    margin-top: 0 !important;
}

.irs--round .irs-handle {
    border-color: #000000 !important;
}

.irs--round .irs-bar,
.irs--round .irs-from,
.irs--round .irs-to {
    background-color: #000000 !important;
}

.chosen-container-single .chosen-single {
    background: none !important;
    border-color: #000;
}

.woof_submit_search_form_container {
    width: 100% !important;
}

.woof_submit_search_form_container button {
    margin-top: 25px !important;
    padding: 0.3em 1em !important;
    margin-bottom: 1px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    font-family: 'Archia', Roboto Mono, monospace !important;
    background-color: #000000 !important;
    color: #fff !important;
    border: 8px solid #000 !important;
    letter-spacing: 1px !important;
    transition: 0.5s all !important;
    cursor: pointer !important;
}

.woof_submit_search_form_container button:hover {
    letter-spacing: 2px !important;
    transition: 0.5s all !important;
}

.woocommerce button.button:not(.button-confirm):after,
.woocommerce-page button.button:not(.button-confirm):after {
    display: none !important;
}

.wpf_item input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
}

.wpf_item ul ul li,
.wpf_layout_vertical .wpf_item .wpf_hierachy ul {
    margin: 0 !important;
}

.wpf_item .wpf_submenu {
    padding-left: 5px !important;
}
*/
/*Fin CSS pour Filtre produits*/




/*-------------------
-----REALISATIONS-----
---------------------*/

@media screen and (max-width:880px) {
    .single-project .realisation_galerie .realisation_galerie_single {
        width: 49%;
        margin-bottom: 5px;
    }

    .woof_container {
        width: 100%
    }
}

@media screen and (max-width:580px) {
    .single-project .realisation_galerie .realisation_galerie_single {
        width: 100%;
    }
}

/*-------------------
-----FIN REALISATIONS-----
---------------------*/



/*-------------------
-----PAGE PRODUITS -----
---------------------*/

#liens-produits div.difl_hoverbox .content a:hover,
.lien-underline:hover {
    text-decoration: underline;
    font-weight: bold;
}

/*-------------------
-----FIN PAGE PRODUITS -----
---------------------*/




/*-------------------
-----PAGE CONTACT/RDV -----
---------------------*/

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date span {
    box-shadow: inset 0 0 0 2px #000000;
    color: #000 !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today:hover .date span {
    background: #000000 !important;
    color: #fff !important;
}

/*-------------------
-----FIN PAGE CONTACT/RDV -----
---------------------*/



/*-------------------
-----DEBUT PAGES ACTUALITÉS SINGLE -----
---------------------*/

.carousel-articles .difl_imagecarouselitem > div:first-of-type {
    display: inline-block !important;
}

/*-------------------
-----FIN PAGES ACTUALITÉS SINGLE -----
---------------------*/


/*Resultats de recherche*/
body.search-results .post-meta {
    display: none;
}

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

    #pict-guil,
    #pict-marine {
        margin-top: 0em !important;
        width: 150px;
        max-width: 150px;
    }
}

@media screen and (max-width:1650px) {
    #pict-accueil {
        width: 120px;
        max-width: 120px;
    }


}

@media screen and (max-width:1650px) and (min-width:981px) {

    #portrait-showroom .dvmd_image_box,
    #portrait-showroom .dvmd_image_box .dvmd_ib_image {
        height: 50vh !important;
    }

    #portrait-showroom .dvmd_image_box_3 img {
        top: 50% !important;
    }
}

@media screen and (max-width:1360px) {
    #pict-accueil {
        margin-top: 1em !important;
    }

    #prez-accueil .et_pb_text_5 {
        padding-bottom: 2em !important;
    }

    #pict-guil,
    #pict-marine {

        width: 100px;
        max-width: 100px;
    }
}

@media screen and (max-width:1100px) and (min-width:980px) {
    #footer-ic .et_pb_image_0_tb_footer {
        width: auto !important;
    }
}



/*Excception image en négatif sur les marques - USM*/

body article#post-281087 .difl_cptitem_0_tb_body,
body.postid-281087 .et_pb_image_0_tb_body {
    filter: invert(0%) !important;
}


#module-id:empty {
    display: none;
}


.divi-button-pdfmarque {
    background-color: #000000 !important;
    padding: 10px;
    font-weight: 600;
}

.divi-button-pdfmarque:hover {
    background-color: #494949 !important;
}

/*DESIGNERS*/
#designerstyle h2 a {
    position: relative;
    cursor: pointer;
    text-decoration: none;
    /* Supprime le soulignement par défaut */
}

#designerstyle h2 a::after {
    content: '';
    position: absolute;
    width: 0;
    /* Commence avec une largeur de 0 pour créer l'effet "dessiné" */
    height: 2px;
    /* Épaisseur de la ligne de soulignement */
    bottom: -5px;
    /* Ajustez en fonction de l'espacement désiré sous le texte */
    left: 0;
    background-color: currentColor;
    /* Utilise la couleur du texte par défaut, mais peut être modifié */
    transition: width 0.3s ease;
    /* Anime la largeur pour l'effet dessiné */
}

#designerstyle h2 a:hover::after {
    width: 100%;
    /* Étend la ligne à la largeur complète au survol */
}

img[data-lazy-src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4MCIgaGVpZ2h0PSI1NDAiIHZpZXdCb3g9IjAgMCAxMDgwIDU0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0VCRUJFQiIgZD0iTTAgMGgxMDgwdjU0MEgweiIvPgogICAgICAgIDxwYXRoIGQ9Ik00NDUuNjQ5IDU0MGgtOTguOTk1TDE0NC42NDkgMzM3Ljk5NSAwIDQ4Mi42NDR2LTk4Ljk5NWwxMTYuMzY1LTExNi4zNjVjMTUuNjItMTUuNjIgNDAuOTQ3LTE1LjYyIDU2LjU2OCAwTDQ0NS42NSA1NDB6IiBmaWxsLW9wYWNpdHk9Ii4xIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KICAgICAgICA8Y2lyY2xlIGZpbGwtb3BhY2l0eT0iLjA1IiBmaWxsPSIjMDAwIiBjeD0iMzMxIiBjeT0iMTQ4IiByPSI3MCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDgwIDM3OXYxMTMuMTM3TDcyOC4xNjIgMTQwLjMgMzI4LjQ2MiA1NDBIMjE1LjMyNEw2OTkuODc4IDU1LjQ0NmMxNS42Mi0xNS42MiA0MC45NDgtMTUuNjIgNTYuNTY4IDBMMTA4MCAzNzl6IiBmaWxsLW9wYWNpdHk9Ii4yIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KICAgIDwvZz4KPC9zdmc+Cg=="],
img["data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4MCIgaGVpZ2h0PSI1NDAiIHZpZXdCb3g9IjAgMCAxMDgwIDU0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0VCRUJFQiIgZD0iTTAgMGgxMDgwdjU0MEgweiIvPgogICAgICAgIDxwYXRoIGQ9Ik00NDUuNjQ5IDU0MGgtOTguOTk1TDE0NC42NDkgMzM3Ljk5NSAwIDQ4Mi42NDR2LTk4Ljk5NWwxMTYuMzY1LTExNi4zNjVjMTUuNjItMTUuNjIgNDAuOTQ3LTE1LjYyIDU2LjU2OCAwTDQ0NS42NSA1NDB6IiBmaWxsLW9wYWNpdHk9Ii4xIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KICAgICAgICA8Y2lyY2xlIGZpbGwtb3BhY2l0eT0iLjA1IiBmaWxsPSIjMDAwIiBjeD0iMzMxIiBjeT0iMTQ4IiByPSI3MCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDgwIDM3OXYxMTMuMTM3TDcyOC4xNjIgMTQwLjMgMzI4LjQ2MiA1NDBIMjE1LjMyNEw2OTkuODc4IDU1LjQ0NmMxNS42Mi0xNS42MiA0MC45NDgtMTUuNjIgNTYuNTY4IDBMMTA4MCAzNzl6IiBmaWxsLW9wYWNpdHk9Ii4yIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KICAgIDwvZz4KPC9zdmc+Cg=="] {
    display: none;
}

/*--------------------------------------------------------------------
debut css pour shortcode - designer, afficher en liste avec une photo au survol
--------------------------------------------------------------------*/
body .designers-archive li a:hover {
    text-decoration: underline !important;
}

/* Style pour l'infobulle */
.thumbnail-tooltip {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    display: none;
    /* Caché par défaut */
}

/* Style pour l'image dans l'infobulle */
.thumbnail-tooltip img {
    max-width: 100px;
    /* Ajustez selon vos besoins */
    height: auto;
    /* Ajustez selon vos besoins */
}

.designers-archive {
    columns: 2;
    /* Divise la liste en deux colonnes */
    -webkit-columns: 2;
    /* Prise en charge pour certains navigateurs WebKit */
    -moz-columns: 2;
    /* Prise en charge pour Firefox */
    list-style: none;
    /* Supprime les puces de la liste */
    padding: 0;
    /* Supprime le remplissage par défaut */
}

.designers-archive li {
    break-inside: avoid;
    /* Empêche la division d'un élément de liste */
    page-break-inside: avoid;
    /* Empêche la division d'un élément de liste pour l'impression */
}

.photodesigner {
    display: none;
}

#designer_image {
    overflow: hidden;

}

.blcinfo {}

.blcinfo.fixed {

    position: fixed;
    top: 15%;

}

.blcinfo.fixed2 {
    top: 0 !important;
    position: relative !important;

}

.designers-archive .bloclettre {
    position: relative;

    border-bottom: 1px solid black;
    padding-left: 25px;
    padding-bottom: 15px;
    display: block;
    margin-bottom: 30px;
}

.designers-archive .lettre {
    position: absolute;
    bottom: 20px;
    left: -15px;
    background-color: #fff;
    padding: 3px;
    display: block;
    width: 30px;

    text-align: center;
    font-size: 1.2em;

}

.designers-archive .lettre::after {
    content: '';
    /* Ajoutez cette ligne pour spécifier le contenu */
    position: absolute;
    bottom: -21px;
    /* Changez top: 100% pour que le pseudo-élément soit sous .lettre */
    left: 50%;
    /* Ajustez la position horizontale selon vos besoins */
    transform: translateX(-50%);
    /* Centre horizontalement le pseudo-élément */

    height: 20px;
    width: 1px;
    background-color: black;

}

.blcinfo.fixed img {
    width: 90%;

}

@media screen and (max-width:980px) {
    .photodesigner {
        display: block;
        margin-bottom: 10px;
    }

    .designers-archive li {
        margin-bottom: 40px;

    }

    #designer_image {
        display: none;
    }

    .designers-archive .bloclettre .lettre {
        display: none;
    }

    .designers-archive .bloclettre {
        border: 0px;
    }



}

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

    .designers-archive {
        columns: 1;
        /* Divise la liste en deux colonnes */
        -webkit-columns: 1;
        /* Prise en charge pour certains navigateurs WebKit */
        -moz-columns: 1;
        padding: 1em !important;

    }

    .designers-archive li {
        margin-bottom: 20px;

    }
}

/*--------------------------------------------------------------------
fin css pour shortcode - designer, afficher en liste avec une photo au survol
--------------------------------------------------------------------*/
/* carousel focus prosduit */
.df-carousel-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* gauche pour coller aux marques */
    text-align: left;
    padding: 15px;
    background: #fff;
    transition: transform 0.3s ease;
    height: 100%;
}

.df-carousel-slide:hover {
    transform: translateY(-5px);
}

.df-carousel-slide img {
    max-width: 100%;
    /* max-height: 600px; fixe la hauteur pour aligner les titres */
    object-fit: contain;
    border-radius: 6px;
    margin-bottom: 10px;
}

.df-carousel-slide h3 {
    font-size: 1rem;
    margin: 0 0 5px;
    font-weight: 600;
    min-height: 40px;
    /* pour aligner les titres */
    display: flex;
    align-items: center;
}

.df-carousel-slide .price {
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
}

.df-carousel-slide .excerpt {
    font-size: 0.9rem;
    color: #666;
    margin-top: 10px;
    line-height: 1.4;
}

.produits-swiper {
    margin: 0;
    padding-bottom: 50px;
    position: relative;
}

.swiper-button-next,
.swiper-button-prev {
    color: #444;
}

.swiper-pagination-bullet-active {
    background-color: #000000;
}

.marque-info {
    margin-top: auto;
    /* pousse vers le bas */
    text-align: left;
    filter: invert(1);
    /* inversion de logo si besoin */
}

.logo-marque {
    max-width: 120px !important;
    height: auto !important;
    border-radius: 4px;
    display: inline-block !important;
    padding-bottom: 10px;
    margin-bottom: 0 !important;
    margin-left: 0;
}

.marque-nom {
    font-size: 0.85rem;
    color: #555;
    margin-top: 5px;
}

/*ECOMMERCE*/
/*Page boutique */
.wpzoom-wc-spi-secondary-img {
    width: 100% !important;
}

@media screen and (min-width:1200px) {
    body #eshop-prod-col1 {
        width: 10% !important;
    }

    body #eshop-prod-col2 {
        width: 90% !important;
    }
}

/*variantes couleurs*/

.inwp-archive-variations-wrapper {
    text-align: left !important;
    justify-content: flex-start !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    /* optionnel : espace entre les swatches */
    margin-top:-3px;
    /* un peu d’espace au-dessus */
}

body .veb-variation-swatches .inwp-archive-variations-wrapper .variable-items-wrapper .variable-item {
    /*        box-shadow: none !important;*/
    width: 16px !important;
    height: 16px !important;
}


/*
body .inwp-archive-variations-wrapper li {
    justify-content: center !important;
}

body .inwp-archive-variations-wrapper {
    position: absolute;
    display: block !important;
    width: auto !important;
    bottom: 3em;
    padding-left: 1em;
}*/


/*
.color-variable-items-wrapper {
    margin-bottom: 0.5em !important;
}

body .difl_productgrid_0_tb_body .df-product-inner-wrap {
    margin-bottom: 0 !important;
}

body .difl_productgrid .woocommerce a.button:hover,
.difl_productgrid .woocommerce a.button:hover,
.difl_productgrid .woocommerce.et-db #et-boc .et-l a.button:hover,
.difl_productgrid .woocommerce-page a.button:hover,
.woocommerce-page.et-db .difl_productgrid #et-boc .et-l a.button:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #d8b86a !important;
}

@media all and (min-width:981px) {
    body .inwp-archive-variations-wrapper {
        width: fit-content !important;
        position: absolute !important;
        right: 10px;
        bottom: 0;
    }

    body.archive .inwp-archive-variations-wrapper {

        bottom: 20px;
    }

    body .inwp-archive-variations-wrapper li {
        justify-content: flex-end !important;
    }

    .inwp-archive-variations-wrapper .variable-items-wrapper .variable-item:not(.radio-variable-item) {
        height: 25px !important;
        width: 25px !important;
    }
}
*/


/*
div.df-product-add-to-cart-wrap {
    float: right;
}*/


/*CSS pour le démarrage de CLS*/
/*Pour ordinateur*/
@media screen et (min-width: 922px) {
    .woocommerce-product-gallery {
        hauteur minimale: 630 px;
        hauteur maximale: 630 px;
    }
}

/*Pour mobile*/

@media screen et (largeur maximale : 500 px) {
    .woocommerce-product-gallery {
        hauteur maximale: calc((25vw - 1, 5 em) + (100vw - 56 px) + 1 em);
        hauteur: 500px !important;
        affichage: bloc;
    }
}

@media screen et (largeur min : 545 px) et (largeur max : 921 px) {
    .woocommerce-product-gallery {
        hauteur maximale: calc((25vw - 1, 5 em) + (100vw - 117 px) + 1 em);
    }
}

/*CSS pour CLS Fin*/


/*Page produit single - ecommerce*/
.woocommerce div.product form.cart .variations td {
    padding-bottom: 5px !important;
}

body.single-product button.reset_variations {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: #000000;
}

body.single-product table.variations td {
    padding-bottom: 0 !important;
}

/* Positionnement du logo de la marque */
.logo-marque-produit {
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    right: 0;*/
    max-width: 100px !important;
    height: auto !important;
    filter: invert(1);
    /* Inverse le blanc en noir */
    z-index: 10;
}

.veb-variation-swatches .inwp-style-rounded.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    width: 17px !important;
    height: 17px !important;
}

/*mettre la puce de couleur sur un produit simple*/
.custom-swatches-bloc {
    margin-bottom: 10px;
}

.swatch-label {
    font-size: 16px;
    margin-bottom: 5px;
}

.custom-swatches-bloc .swatch {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /*    border: 1px solid #ccc;*/
    /*    box-shadow: var(--inwp-hover-item-box-shadow, 0 0 0 3px #dddddd);*/
}

.et_pb_wc_add_to_cart form.cart .variations td.value span::after {
    display: none !important;
}

/* ===== Grille page panier ===== */
.cart-grid{
  display:grid;
  grid-template-columns: minmax(0,1fr) 380px; /* liste | récap */
  gap:32px;
  align-items:start;
}
@media (min-width:1280px){
  .cart-grid{ grid-template-columns: minmax(0,1fr) 23%; }
}
@media (max-width: 980px){
  .cart-grid{ grid-template-columns: 1fr; }
}

/* Récap à droite */
.cart-grid__right{
  position: sticky;
    background-color: #f1f1f1;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 2em;
  padding-left: 1em;
  top: 20px;
}
.cart-collaterals{ /* neutralise le layout Woo par défaut */
  width: 100%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{
  float:none !important;
  width:100% !important;
  margin:0 !important;
}
.woocommerce .cart-collaterals .cross-sells{
  float:none;
  width:100%;
}

/* ===== Liste des lignes ===== */
.cart-lines{list-style:none;margin:0;padding:0}
.cart-line{
  display:grid;
  grid-template-columns: 160px 1fr 180px 180px; /* photo | infos | qty | total */
  gap:24px;
  padding:22px 18px;
  border:1px solid #eee;
  border-radius:4px;
  margin-bottom:18px;
  align-items:center;
  background:#fff;
}
.line-col{min-width:0}
.line-media img{width:100%;height:auto;display:block}

/* Col. 2 – infos */
.line-info{align-self:start}
.line-title{margin:0 0 .25rem;font-size:18px;line-height:1.3}
.line-brand{font-size:.9rem;opacity:.85;margin-bottom:.35rem}
.line-unit-price{font-weight:600;margin:.25rem 0}
.line-disponibilite{color:#000;margin-top:.25rem;font-size:12px!important;}
.line-attrs{margin-top:.25rem;opacity:.85;font-size:.9rem}

/* Col. 3 – quantité */
.line-qty{display:flex;justify-content:center}
.line-qty input[type=number]{width:90px}

/* Col. 4 – total + supprimer */
/* Colonne 4 = total + supprimer, alignée à droite */
.line-total{
  display:grid;
  justify-items:end;
  align-content:center;
  row-gap:.5rem;           /* total au-dessus, supprimer en dessous */
  min-width:0;
}

/* Reset agressif des styles Woo/thème sur le lien remove */
.cart-line .line-remove .remove{
  position: static !important;
 
  gap: .35rem;
  margin: 0 !important;
  padding: 0 !important;
  top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap;
  text-indent: 0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
    font-weight:normal!important;
  color: #000!important; /* optionnel */
    text-transform: uppercase!important;
}

.cart-line .line-remove .remove:before{
  content: "×";
  font-size: 16px;
  line-height: 1;
}
.woocommerce a.remove {
    width: inherit;
}
.cart-line .line-remove{ margin-top:.25rem;}


/* S'assure que le total n'écrase rien */
.cart-line{ grid-template-columns:160px 1fr 180px 200px; }


/* Fix "SUPPRIMER" vertical dans notre layout personnalisé */
.cart-line .line-remove .remove{
 
  gap: .35rem;
  white-space: nowrap;
  writing-mode: horizontal-tb;
  transform: none;
  text-indent: 0;
  margin: 0;
  line-height: 1.2;
  letter-spacing: 0;

}
.cart-line .line-remove .remove:before{
  content: "×";
  font-size: 16px;
  line-height: 1;
}

/* Col. 4 : total + supprimer (mise en colonne) */
.cart-line .line-total{
  display:block;;
 
}

/* Reset AGRESSIF des styles thème sur a.remove uniquement dans le panier custom */
.woocommerce-cart .cart-grid .cart-lines .cart-line .line-total .line-remove .remove{
  position: static !important;
  inset: auto !important;           /* remplace top/right/bottom/left */
  transform: none !important;
  writing-mode: horizontal-tb !important;
  display: inline-flex !important;
  align-items: center;
  gap: .35rem;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
}

/* Optionnel : ajouter la croix devant */
.woocommerce-cart .cart-grid .cart-lines .cart-line .line-total .line-remove .remove:before{
  content:"×";
  font-size:16px;
  line-height:1;
}

/* S'assure que la 4e colonne garde la place nécessaire */
.cart-line{ grid-template-columns:160px 1fr 180px 200px; }



/* ===== Responsive lignes ===== */
@media (max-width:980px){
  .cart-line{
    grid-template-columns:120px 1fr;
    grid-template-areas:
      "media info"
      "qty   total";
    row-gap:12px;
  }
  .line-media{grid-area:media}
  .line-info{grid-area:info}
  .line-qty{grid-area:qty;justify-content:flex-start}
  .line-total{grid-area:total;align-items:flex-start}
}


/*caas spécifique, rupture de stock sur divi flash*/
.texte-rupture {
    color: red;
    /*    font-weight: bold;*/
}

@media screen and (max-width:980px) {
    .df-equal-height .df-product-inner-wrap {
        height: auto !important;
    }
}


/*fiche produit - partie description et designer*/
.logo-designer-produit {
    width: 100% !important;
    max-width: 100% !important;
}

.nom-designer-produit {
    font-style: italic;
    font-size: 14px;
}
}
body.woocommerce-order-received .colonethank{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Ligne coupon dans le tableau des totaux (colonne droite) */
/* Récap : ligne "Code promo" en pile (input au-dessus, bouton dessous) */
.cart-collaterals .cart_totals .shop_table .cart-coupon-row td .woocommerce-form-coupon--inline{
  display:flex;
  flex-direction: column;   /* <= le point clé */
  align-items: stretch;
  gap: 8px;
}

.cart-collaterals .cart_totals .shop_table .cart-coupon-row .input-text{
  width: 100%;
    min-height: 40px;
}

.cart-collaterals .cart_totals .shop_table .cart-coupon-row .button{
           /* bouton pleine largeur (enlever si tu veux) */
}





/* Mobile : bouton plein largeur en dessous */
@media (max-width: 480px){
  .cart-collaterals .woocommerce-form-coupon--inline{
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
}


.wc-proceed-to-checkout a.checkout-button, .shop_table .cart-coupon-row .button, .cart-actions button,button.woocommerce-form-login__submit, button#wpmc-back-to-cart, button#wpmc-skip-login, button#wpmc-prev, button#wpmc-next, button#place_order, .woof_submit_search_form_container button.woof_reset_search_form,  button.woocommerce-form-register__submit{
    background-color: #000!important;
    color:#fff!important;
    font-family: 'Archia', Roboto Mono, monospace !important;
    font-size:16px!important;
    border: 0px!important;
}
.cart-actions button{
    color:#000!important;
    background-color: #fff!important;
    border: 1px solid #000!important;
}


/* ===== Grille checkout (étape 1) ===== */
.ge-ms-checkout-grid{
  display:grid;
  grid-template-columns: minmax(0,1fr) 380px; /* gauche | récap */
  gap:32px;
  align-items:start;
}
.ge-ms-right{ position:sticky; top:20px; }

/* Responsive */
@media (min-width:1280px){ .ge-ms-checkout-grid{ grid-template-columns:minmax(0,1fr) 420px; } }
@media (max-width:980px){
  .ge-ms-checkout-grid{ grid-template-columns:1fr; }
  .ge-ms-right{ position:static; }
}

/* ===== Carte récap colonne droite (comme la PJ2) ===== */
.ge-ms-right{
  background:#f5f5f5;               /* fond gris clair encart */
  padding:16px;
  border-radius:6px;
}
.ge-ms-right .ge-ms-title{
  margin:0 0 12px;
  font-size:28px;
  line-height:1.2;
}

/* Tableau Woo par défaut rendu propre */
.ge-ms-right .shop_table{
  width:100%;
  
  border:1px solid #e8e8e8;
  border-radius:6px;
  overflow:hidden;
}
.ge-ms-right .shop_table th,
.ge-ms-right .shop_table td{
  padding:12px 14px;
  vertical-align:middle;
}
.ge-ms-right .shop_table th{
  font-weight:700;
}
.ge-ms-right .shop_table tr + tr > *{
  border-top:1px solid #efefef;
}
.ge-ms-right .shop_table tfoot th,
.ge-ms-right .shop_table tfoot td{

  font-weight:700;
}

/* Ligne "Code promo" si tu l'utilises dans le tableau */
.ge-ms-right .cart-coupon-row .woocommerce-form-coupon--inline{
  display:flex;
  flex-direction:column; /* input au-dessus, bouton dessous */
  gap:8px;
}
.ge-ms-right .cart-coupon-row .button{ width:100%; }

/* Bouton Valider (plein largeur, style bouton panier) */
#payment ~ .form-row.place-order .button,
.ge-ms-right .wc-proceed-to-checkout .checkout-button, #woocommerce-checkout-form-coupon button{
  display:block;
  width:100%;
  background:#000!important;
  color:#fff;
  border:2px solid #000;
  padding:14px 18px;
  border-radius:6px;
  text-align:center;
}

#payment ~ .form-row.place-order .button:hover,
.ge-ms-right .wc-proceed-to-checkout .checkout-button:hover{
  background:#111;
  border-color:#111;
}
/* Cache le 2e tableau de récap après la zone de paiement */
#order_review #payment + table.shop_table.woocommerce-checkout-review-order-table{
    display: none;
}


.wpmc-steps-wrapper{
    margin-top:30px;
}
/* ===== Colonne gauche : formulaires harmonisés ===== */
.ge-ms-left .woocommerce-billing-fields__field-wrapper,
.ge-ms-left .woocommerce-shipping-fields__field-wrapper{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:16px;
}
.ge-ms-left .form-row-wide{ grid-column:1 / -1; }
.ge-ms-left .form-row{ margin:0 !important; } /* anti styles thème */

/* Petites finitions */
.ge-ms-right .shipping .woocommerce-shipping-destination{ margin-top:6px; }
.ge-ms-right .woocommerce-shipping-destination b{ font-weight:700; }


/* ===== Grille checkout multistep ===== */
.ge-ms-layout{
  display:grid;
  grid-template-columns: minmax(0,1fr) 380px;  /* gauche | droite */
  gap:32px;
  align-items:flex-start;
  margin-top:24px;
}
.ge-ms-left{ min-width:0; }
.ge-ms-right{
  min-width:0;
  background:#f7f7f7;
  padding:16px;
  border-radius:6px;
}
.ge-ms-title{
  margin:0 0 12px;
  font-size:22px;
  font-weight:600;
}

/* responsive */
@media (min-width:1280px){
  .ge-ms-layout{
    grid-template-columns:minmax(0,1fr) 23%;
  }
}
@media (max-width:980px){
  .ge-ms-layout{
    grid-template-columns:1fr;
  }
  .ge-ms-right{
    margin-top:24px;
  }
}

/* ===== Carte "Votre commande" (template review-order.php) ===== */
.ge-ms-right #order_review{
   border:1px solid #e5e5e5;
  border-radius:6px;
  overflow:hidden;
}

/* tableau Woo */
.ge-ms-right .shop_table{
  width:100%;
  margin:0;
}
.ge-ms-right .shop_table th,
.ge-ms-right .shop_table td{
  padding:10px 14px;
  vertical-align:top;
}
.ge-ms-right .shop_table thead th{
  font-weight:600;
}
.ge-ms-right .shop_table tbody tr + tr td,
.ge-ms-right .shop_table tfoot tr + tr td,
.ge-ms-right .shop_table tfoot tr + tr th{
  border-top:1px solid #efefef;
}

/* Totaux */
.ge-ms-right .shop_table tfoot th{
  font-weight:600;
}
.ge-ms-right .shop_table tfoot tr.order-total th,
.ge-ms-right .shop_table tfoot tr.order-total td{
  font-weight:700;
}

/* Bouton passer commande (en bas de la colonne droite) */
.woocommerce-checkout #payment ~ .form-row.place-order .button{
  display:block;
  width:100%;
  margin-top:16px;
  background:#000;
  color:#fff;
  border-radius:6px;
  padding:14px 18px;
  border:2px solid #000;
  text-align:center;
}
.woocommerce-checkout #payment ~ .form-row.place-order .button:hover{
  background:#111;
  border-color:#111;
}

/* Dans la colonne de droite, ne garder que le 1er tableau de récap */
.ge-ms-right .shop_table.woocommerce-checkout-review-order-table:not(:first-of-type), .ge-ms-right #payment{
    display: none;
}


.icone-recap-commande{
  border:1px solid #e5e5e5;
  border-radius:6px;
  padding:12px 14px;
 
}

.icone-recap-lignes{
  list-style:none;
  margin:0 0 10px;
  padding:0;
}

.icone-recap-ligne{
  display:flex;
  justify-content:space-between;
  padding:4px 0;
  font-size:14px;
}

.icone-recap-ligne + .icone-recap-ligne{
  border-top:1px solid #f1f1f1;
}

.icone-recap-total{
  display:flex;
  justify-content:space-between;
  font-weight:700;
  padding-top:6px;
  border-top:1px solid #e5e5e5;
  font-size:14px;
}


#woocommerce_before_checkout_form, #payment{
    display: none!important;
}
.wpmc-step-item.wpmc-step-payment.current #payment{
    display: block!important;
}


 .woocommerce-checkout #payment {
  background:transparent;
  border-radius: 5px;
}
 .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  -webkit-appearance: none;
  background-color: #fff;
  max-width: 100%;
  border-width: 0;
    border-bottom-width: 0px;
  border-radius: 0;
  color: #000;
  font-size: 14px;
  padding: 8px;
  line-height: 1.7em;
  border-style: solid;
    border-bottom-style: solid;
  border-bottom: 1px solid rgba(0,0,0,0.7);
}

.thank-you .colonethank{
    display: none;
}



.hide{
    display:none!important;
}
.et_pb_menu_1_tb_header.et_pb_menu ul li.eshopmenu{
  
    margin: 0!important;
    color: #000!important;
    background-color:#fff!important;
  padding-top: 0.7em;
}
 .et_pb_menu_1_tb_header.et_pb_menu ul li.eshopmenu a{
  
    margin: 0!important;
 color: #000!important;

}

.et_pb_menu_1_tb_header.et_pb_menu ul li.eshopmenu.current-menu-item a{
     color: #000!important;
}

.woocommerce a.remove:hover {
  color: #000 !important;
  background:#fff;
}

.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu ul li.eshopmenu a {
  font-weight: 800;
  font-size: 20px;
  color: #000000 !important;
  transition: color 300ms ease 0ms;
}

a.et_pb_menu__icon, button.et_pb_menu__icon {
  
  font-size: 19px;
 
}
a.et_pb_menu__icon, button.et_pb_menu__icon {
  
  font-size: 19px!important;
 
}

a.et_pb_menu__icon, button.et_pb_menu__icon .et_pb_menu__cart-count{
    font-size:17px!important;
}

.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals.shipping td[data-title="Expédition"] {
    font-size: 14px!important;
}

.icone-recap-commande .product-thumbnail img{
    max-width: 70px!important;
}

.icone-recap-commande  .laposteproexp-parcel-point {

  display: block!important;

}
.woocommerce-checkout #main-content .cart-subtotal td{
border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.icone-social-login-checkout {
    margin-bottom: 20px;
}
.icone-social-login-checkout p {
    margin-bottom: 10px;
    font-weight: 600;
}


#et-boc .aws-container .aws-search-form .aws-form-btn {
  background: #f7f7fc!important;
  border: 0px solid #d8d8d8!important;
  margin: 0 0 0-1px;
  border-radius: 20px 0 0px 20px !important;
}
#et-boc .aws-container .aws-search-field {
  border: 0px solid #d8d8d8!important;
     background: #f7f7fc!important;
  padding: 6px 15px;
    font-size: 16px;
  text-align: left;
    color: #a1a0a0;
}
.aws-container .aws-search-form .aws-search-btn_icon {

  color: #000;
}
.aws-search-result .aws_result_title {
  display: block;
  font-weight: 400;
  margin-bottom: 3px;
  color: #000;
  font-size: 14px;
}

.aws-search-result .aws_result_link{
    display: flex;
  align-items: center;
}
.aws_result_item.aws_search_more a{
    color:#000;
}
.listeproduct li a.button, .listeventeplus a.button{
    display: none!important;
}
.listeproduct li .df-product-inner-wrap a.button{
    display: block!important;
}

.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu ul li.eshopmenu.current-menu-item a{
    color:#000!important;
}

.logged-in .connectgoogle{
    display: none!important;
}
.connectgoogle  .nsl-container-buttons {
  display: inline-grid;
  grid-template-columns: minmax(145px, auto);
  justify-items: center!important;   /* centre horizontalement les éléments */
  align-items: center!important;     /* centre verticalement (si besoin) */
}

div.nsl-container[data-align="left"] {
  text-align:center!important;
}
/* Remplacer le loader WooCommerce par un "I" animé */
/* Remplacer le loader WooCommerce par un "I" qui se remplit de bas en haut */
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
    content: "i";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Archia', Roboto Mono, monospace !important;
    font-size: 80px;          /* taille du I */
    font-weight: 700;
    
    /* Texte transparent mais avec un dégradé en fond */
    color: transparent;
    background-image: linear-gradient(to top, #000 0%, #000 50%, #fff 50%, #fff 100%);
    background-size: 100% 200%;
    background-position: 0 100%;
    -webkit-background-clip: text;
    background-clip: text;

    border: none !important;          /* on enlève l’ancien spinner rond */
    background-color: transparent !important;
    margin: 0 !important;

    animation: wcciFillI 1.2s linear infinite;
}

/* Animation : le noir “remonte” dans le I */
@keyframes wcciFillI {
    0% {
        background-position: 0 100%;  /* Noir en bas, presque invisible */
    }
    100% {
        background-position: 0 0%;    /* Noir en haut, tout le I noir */
    }
}

/* Pour toutes les lignes de filtre couleur */
/* Cacher les <li> dont le label n’a pas de style (donc pas de couleur) */
li[class^="wpf_pa_couleur_"]:has(> label:not([style])),
li[class^="wpf_pa_couleur_"]:has(> label[style=""]) {
    display: none;
}

.wpf_hide_text li > input:checked + label > i::after, .wpf_item input[type="checkbox"]:checked::before {
 
 content: "\25CF" !important;
  position: relative;
  top: -11px;
  left: -4px;
  font-size: 30px !important;
    color:#000;
 
}
.wpf_item input[type="checkbox"]:checked {
   border: 1px solid #fff;
}
 .wpf_item_pa_couleur .wpf_hide_text li > input:checked + label > i::after,.wpf_item_pa_couleur .wpf_item input[type="checkbox"]:checked::before { 
 content: "\e800" !important;
     font-size: 15px !important;
     top: 0;
  left: 0;
 
}
/* Le conteneur des pastilles couleur en flex */
.wpf_form .wpf_items_wrapper ul.wpf_color_icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;              /* espace horizontal/vertical entre les pastilles (optionnel) */
    padding: 0;
    margin: 0;
}

/* Chaque pastille : 4 par ligne */
.wpf_form .wpf_items_wrapper ul.wpf_color_icons li {
   flex: 0 0 22%;
  max-width: 22%;
    float: none !important;
    margin-right: 0 !important;
}

.laposteproexp-parcel-point {
  background-color: rgba(0,0,0,.03);
  display: block;
  padding: 12px;
}

.wc_payment_method.payment_method_moneticoPaiement label[for="payment_method_moneticoPaiement"]::before {
    content: url("https://icones-store.fr/wp-content/uploads/2025/12/applepay.jpg");
    display: inline-block;
    margin-right: 6px;      /* espace avec le texte */
    vertical-align: middle;
}

/* Conteneur du loader HUSKY */
#woof_html_buffer.woof_info_popup {
    position: relative;      /* pour centrer le ::before à l'intérieur */
    font-size: 0;            /* on masque le texte "Chargement" */
    color: transparent;
    border: none !important;
    background: transparent !important;
}

/* Notre "i" stylisé à la place du texte */
#woof_html_buffer.woof_info_popup::before {
    content: "i";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-family: 'Archia', Roboto Mono, monospace !important;
    font-size: 80px;
    font-weight: 700;

    /* Texte transparent mais rempli par un dégradé */
    color: transparent;
    background-image: linear-gradient(to top, #000 0%, #000 50%, #fff 50%, #fff 100%);
    background-size: 100% 200%;
    background-position: 0 100%;
    -webkit-background-clip: text;
    background-clip: text;

    border: none !important;
    background-color: transparent !important;
    margin: 0 !important;

    animation: wcciFillI 1.2s linear infinite;
}

/* Optionnel : tu peux réutiliser ton @keyframes existant
   ou coller celui-ci si besoin */
@keyframes wcciFillI {
    0%   { background-position: 0 100%; }
    100% { background-position: 0   0%; }
}

/* filtre woof/husky */

.woof-front-builder-container .woof_container h4 {
  margin-bottom: 11px;
font-size: 15px!important;
  line-height: 1.12em;
  background: #fff!important;
  padding: 0px!important;
  color: #000!important;
  text-align: left!important;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-weight: 700;
  margin: 0 0 .8em;
    margin-top: 0px;
  padding-bottom:1.2em!important;
  position: relative;
  width: 100%;
}
.woof_sid_flat_white {
  background: #fff;
  border: solid 0px #eee!important;
  padding: 0px!important;
}

a.woof_front_toggle {
  float: right;
  text-decoration: none !important;
  font-size: 30px!important;
  font-weight: 100 !important;
}
.woof_childs_list_opener span.woof_is_closed {
  background:none!important;
    background-repeat: repeat;
    background-size: auto;
}
.woof_childs_list_opener span.woof_is_closed::before {
   content: "+";
  width: 12px;
  font-size: 25px;
  font-weight: lighter;
  font-family: courrier;
  position: absolute;
  right: 0;
  padding-top: 2px;
   
}
.woof_radio_label{
    font-size:14px;
}
.woof_childs_list_opener span.woof_is_opened {
  background:none!important;
    background-repeat: repeat;
    background-size: auto;
}
.woof_childs_list_opener span.woof_is_opened::before {
   content: "-";
  width: 12px;
  font-size: 25px;
  font-weight: lighter;
  font-family: courrier;
  position: absolute;
  right: 0;
  padding-top: 2px;
   
}
.woof_radio_term_reset_visible {
  display: none !important;
  padding: 2px 0 0 7px;
  position: absolute;
}

.iradio_minimal-aero {
    background-image:inherit;
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  border: 1px solid #000;
  border-radius: 100%;
}
.iradio_minimal-aero.checked {
    background-color: #000!important;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #000!important;
  color: white;
  border-radius: 4px;
}
.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #000;
}

.yith-wcwl-add-to-wishlist-button__label{
    display: none!important;
}


/* La carte produit doit servir de repère */
ul.products li.product {
    position: relative!important;
}

/* On place le cœur en haut à droite */
ul.products li.product .yith-add-to-wishlist-button-block, ul.products li.product  button.yith-wcwl-add-to-wishlist-button {
    position: absolute;
    top: 10px;      /* ajuste la hauteur si besoin */
    right: 10px;    /* colle plus ou moins au bord */
    left: inherit!important;
    margin: 0!important;
    z-index: 99999!important;
}

/* On enlève le centrage automatique de l’ancre */
ul.products li.product .yith-wcwl-add-to-wishlist-button {
    margin: 0 !important;
}


.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor svg.yith-wcwl-icon-svg, .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor img {
  width: 22px;
  color: currentColor;
  max-width: 35px;
}
body .yith-wcwl-share .share-button a{
    color:#fff!important;
    border-radius: 0px;
}

.woof_color_term {
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid #cfcfcf!important;

  padding: 2px;
  background-clip: content-box;
  color: #292f38;
    
  font-size: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 100%;
  transition: border-color .35s ease;
  background-size: cover !important;
}

.wishlist_table thead tr th, .wishlist_table tfoot td td, .widget_yith-wcwl-lists ul.dropdown li.current a, .widget_yith-wcwl-lists ul.dropdown li a:hover, .selectBox-dropdown-menu.selectBox-options li.selectBox-selected a, .selectBox-dropdown-menu.selectBox-options li.selectBox-hover a {
  background:  #000000;
}
table.wishlist_table thead th, table.wishlist_table tbody td {
  border-color: #000000;
}
.entry-content thead th, .entry-content tr th {
  color: #fff;
  font-weight: 700;
}
.wishlist-items-wrapper .product-name a {
  color: #111111 !important;
  font-size: 18px;
  font-weight: 400;
}

.wishlist_table tr td.product-thumbnail a {
  display: block;
  border: none;
  max-width: 150px;
}
.wishlist_table tr td.product-thumbnail a img {
  width: 100%;
  min-width: 150px;
}

.irs--sharp .irs-min, .irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #000!important;
  border-radius: 2px;
}
.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #000!important;
}
.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #000!important;
}
.irs-grid{
    opacity:0;
}
.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
    border-top-color: transparent;
  border-top-color: #000!important;
}
.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #000!important;
  color: white;
  border-radius: 2px;
}
.irs--sharp .irs-from::before, .irs--sharp .irs-to::before, .irs--sharp .irs-single::before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
    border-top-color: transparent;
  border-top-color: #000!important;
}
.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #000!important;
}
.irs--round .irs-handle {
  top: 28px!important;
  width: 18px!important;
  height: 18px!important;
  border: 2px solid #000!important;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
    border-top-color: transparent;
  border-top-color: #000!important;
}
.woof_submit_search_form_container button.woof_reset_search_form{
    font-size: 14px!important;
}

.moncomptecion a svg{
    width: 30px;
    height: 30px;
}
.moncomptecion{
    padding-right: 0px!important;
}
.woof_radio_count, .woof_checkbox_count{
    display: none;
}
.icheckbox_minimal-aero.checked {
  background-position: -40px 0;
  background-color: #000;
  background-image: none;
}

 .entry-content .cart-grid__right thead th, .entry-content .cart-grid__right tr th{
    color: #000!important
}

.icheckbox_minimal-aero, .iradio_minimal-aero {
 
  width: 11px!important;
  height: 11px!important;
 
}
.woof_radio_label {
  font-size: 13px!important;
}

/* Apple Pay après le label Monetico */
label[for="payment_method_moneticopaiement"]::after {
    content: "";
    display: inline-block;

    width: 31px;          /* ajuste si besoin */
    height: 20px;

    margin-left: 10px;
    vertical-align: middle;

    background-image: url("https://icones-store.fr/wp-content/uploads/2025/12/applepay.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


/* Apple Pay après le label Monetico */
.woocommerce-checkout label[for="payment_method_moneticopaiement"]::after {
    content: "";
    display: inline-block;
     width: 31px;          /* ajuste si besoin */
    height: 20px;
    margin-left: 10px;
    vertical-align: middle;
    background: url("https://icones-store.fr/wp-content/uploads/2025/12/applepay.jpg") center/contain no-repeat;
}

/* Cache le contenu du bloc Prix quand il est fermé */
.woof_price3_search_container.is-closed .woof_container_inner > :not(h4) {
  display: none !important;
}

/* Optionnel : petit alignement du titre */
.woof_price3_search_container .woof_container_inner > h4{
  display:flex;
  align-items:center;
  justify-content:space-between;
}


/* ===== Gift wrap (final) ===== */
.ge-gw{ margin-top:10px; }

.ge-gw-line{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
}

.ge-gw-check{ flex:0 0 auto; }

.ge-gw-main{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1 1 auto;
  min-width:0;
}

.ge-gw-title{
  font-weight:600;
  white-space:nowrap;
}

.ge-gw-price{
  flex:0 0 auto;
  white-space:nowrap;
  font-weight:600;
}

/* Tooltip wrap */
.ge-gw-tooltip-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.ge-gw-info{
  width:18px;
  height:18px;
  border-radius:50%;
  border:1px solid #bbb;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  line-height:1;
  user-select:none;
  cursor:pointer;
}

/* Tooltip box (2 colonnes image + texte) */
.ge-gw-tooltip{
  position:absolute;
  left:0;
  top:130%;
  display:none;

  background:#fff;
  border:1px solid #e5e5e5;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  border-radius:8px;
  z-index:9999;

  width:420px;
  padding:12px;
}

.ge-gw-tooltip-wrap:hover .ge-gw-tooltip,
.ge-gw-tooltip-wrap:focus-within .ge-gw-tooltip{
  display:flex;
  gap:12px;
}

/* Colonne image */
.ge-gw-tip-img{ flex:0 0 120px; }
.ge-gw-tip-img img{
  width:120px;
  height:auto;
  display:block;
  border-radius:6px;
}

/* Colonne texte */
.ge-gw-tip-text{
  flex:1 1 auto;
  font-size:14px;
  line-height:1.35;
}

/* =========================
   Mobile fix (gift wrap)
   ========================= */
@media (max-width: 768px) {

  .ge-gw-line{
    align-items:flex-start;
  }

  .ge-gw-main{
    flex-wrap:wrap;
  }

  .ge-gw-price{
    margin-left:auto;
  }

  /* Tooltip mobile */
  .ge-gw-tooltip{
    position:fixed;          /* clé du fix */
    left:50%;
    top:auto;
    bottom:20px;             /* remonte au-dessus du bas */
    transform:translateX(-50%);
    width:calc(100% - 24px); /* presque plein écran */
    max-width:420px;

    display:none;
    flex-direction:column;   /* image AU-DESSUS du texte */
    gap:12px;

    z-index:99999;
  }

  .ge-gw-tooltip-wrap:hover .ge-gw-tooltip,
  .ge-gw-tooltip-wrap:focus-within .ge-gw-tooltip{
    display:flex;
  }

  /* Image mobile */
  .ge-gw-tip-img{
    flex:0 0 auto;
    width:100%;
    text-align:center;
  }

  .ge-gw-tip-img img{
    width:100%;
    max-width:200px;
    margin:0 auto;
  }

  .ge-gw-tip-text{
    font-size:14px;
    line-height:1.4;
  }
}