/*-------------------------
* GENERAL
*-------------------------*/

/* TEMPORAIRE ! */
/* CACHER LE MENU COFFRETS GOURMANDS */

li#menu-item-coffrets-gourmands {
    display: none;
}

:root {
    --primary-color: #E16410;
    --secondary-color: #F9F9F9;
    --third-color: #e5e5e5;
    --primary-color-changed: #fdbb41;
    --text-color: #404040;
    --padding-btn: 10px 20px;
    --taille-container: clamp(1000px, 80vw, 1300px);
}

@media screen and (min-width: 576px) {
    :root { --h1-size: 2.6rem; --h2-size: 1.8rem; --h3-size: 1.6rem; }
    .container { border: 20px solid transparent; }
}

@media screen and (max-width: 576px) {
    :root { --h1-size: 2.4rem; --h2-size: 1.7rem; --h3-size: 1.6rem; }
    .container { border: 12px solid transparent; }
}

::selection {
    /*background-color: var(--primary-color);*/
    /*color: white;*/
}

.container {
    width: calc(var(--taille-container));
}

/*-------------------------
* LIENS ET BOUTONS
*-------------------------*/

a {
    color: var(--primary-color);
}

a.btn-contour {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: transparent;
    text-align: center;
}

a.btn-contour:hover, a.btn-contour:hover {
    background-color: var(--primary-color);
    color: white;
}

a.btn-orange {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

a.btn-orange:hover, a.btn-orange:hover {
    background-color: white;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

/*-------------------------
* PREHEADER
*-------------------------*/

section#preheader {
    background-color: var(--secondary-color);
    font-size: 1.3rem;
}

section#preheader ul {
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top-width: 6px;
    border-bottom-width: 6px;
    /*filter: contrast(0.5);*/
}

section#preheader svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
}

@media screen and (max-width: 992px) {
    section#preheader {display: none;}
}

/*-------------------------
* HEADER & NAVIGATION
*-------------------------*/

header#masthead {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top-width: 15px;
    border-bottom-width: 0px;
}

a#logo-header {
    flex: auto;
}

a#logo-header img {
    width: clamp(150px, 50vw, 200px);
    transition: ease all 0.2s;
}

button.menu-toggle {
    background: none;
    padding: 0;
}

ul#menu-principal a {
    color: inherit;
}

ul#zone-icones-utilisateur {
    padding: 0;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    column-gap: clamp(10px, 2vw, 16px);
}

button.menu-toggle svg {
    width: 28px;
    height: 28px;
    vertical-align: middle;
}

ul#zone-icones-utilisateur svg {
    display: block;
    margin: 0 auto;
    height: clamp(28px, 7vw, 32px);
    width: clamp(28px, 7vw, 32px);
    vertical-align: middle;
}

header form.woocommerce-product-search {
    position: relative;
}

header input.search-field {
    width: 100%;
}

header form.woocommerce-product-search button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    font-size: 0;
    width: 40px;
    padding: 0;
}

header form.woocommerce-product-search button:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNiAxNiIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDEwLjUgMSBDIDguMDE5NTMxIDEgNiAzLjAxOTUzMSA2IDUuNSBDIDYgNi41NTg1OTQgNi4zODI4MTMgNy41MjM0MzggNyA4LjI5Mjk2OSBMIDIuMDIzNDM4IDEzLjI2OTUzMSBMIDIuNzI2NTYzIDEzLjk4MDQ2OSBMIDcuNzA3MDMxIDkgQyA4LjQ3NjU2MyA5LjYxNzE4OCA5LjQ0MTQwNiAxMCAxMC41IDEwIEMgMTIuOTgwNDY5IDEwIDE1IDcuOTgwNDY5IDE1IDUuNSBDIDE1IDMuMDE5NTMxIDEyLjk4MDQ2OSAxIDEwLjUgMSBaIE0gMTAuNSAyIEMgMTIuNDM3NSAyIDE0IDMuNTYyNSAxNCA1LjUgQyAxNCA3LjQzNzUgMTIuNDM3NSA5IDEwLjUgOSBDIDguNTYyNSA5IDcgNy40Mzc1IDcgNS41IEMgNyAzLjU2MjUgOC41NjI1IDIgMTAuNSAyIFoiPjwvcGF0aD48L3N2Zz4=) 50% 50% no-repeat;
    background-size: 100%;
    display: block;
    margin: 0 auto;
}

ul#menu-principal a.second-level {
    font-weight: bold;
}

li#panier {
    position: relative;
}

span.nbr-article {
    background-color: var(--primary-color);
    color: white;
    text-align: center;
    font-style: normal;
    border-radius: 50px;
    position: absolute;
    width: 16px;
    height: 16px;
    font-size: 1rem;
    right: 8px;
}

a.cart-wc i {
    position: relative;
    display: block;
}

@media screen and (min-width: 992px) {

    header#masthead {
        row-gap: 30px;
        column-gap: 80px;
    }

    main#frontpage {
        border-top-width: 0px;
    }

    nav#site-navigation {
        flex: 100%;
        max-width: 100%;
        order: 4;
    }

    nav#site-navigation svg, li#close-menu, li#menu-item-profil-utilisateur {
        display: none;
    }

    ul#menu-principal > li a.top-level {
        position: relative;
        padding: 8px 4px;
        display: inline-block;
    }

    ul#menu-principal > li a.top-level:after {
        content: '';
        background-color: var(--primary-color);
        height: 2px;
        left: 0;
        bottom: 0;
        width: 100%;
        position: absolute;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        transition: ease all 0.2s;
    }

    ul#menu-principal > li a.top-level:hover:after {
        opacity: 1;
        visibility: visible;
    }

    a#logo-header {
        flex: 260px;
        max-width: 260px;
    }

    a#logo-header:hover img {
        opacity: 0.75;
    }

    form.woocommerce-product-search {
        flex: 1;
    }

    nav#site-navigation ul.sub-menu.second-level {
        position: absolute;
        height: auto;
        left: 0;
        right: 0;
        background-color: white;
        z-index: 9;
        box-shadow: 0 6px 10px rgb(0 0 0 / 5%);
        margin-top: -10px;
    }

    nav#site-navigation ul.container {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        column-gap: 60px;
        row-gap: 20px;
    }

    nav#site-navigation ul.container li {
        flex: auto;
        max-width: 200px;
    }

    nav#site-navigation ul.container li.lien-categorie-parente {
        flex: 100%;
        max-width: 100%;
    }

    ul#menu-principal li.lien-categorie-parente a {
        color: grey;
        text-decoration: underline;
        display: inline-block;
    }

    ul#menu-principal a:not(.top-level) {
        font-size: 1.4rem;
        padding: 4px 20px 4px 6px;
        display: block;
    }

    ul#menu-principal a:not(.top-level):hover {
        background-color: var(--secondary-color);
    }

    ul#zone-icones-utilisateur a {
        position: relative;
    }

    ul#zone-icones-utilisateur a:after {
        content: '';
        background-color: var(--primary-color);
        height: 2px;
        left: 0;
        bottom: -6px;
        width: 100%;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        transition: ease all 0.2s;
    }

    ul#zone-icones-utilisateur a:hover:after {
        opacity: 1;
        visibility: visible;
    }

}

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

    header#masthead {
        row-gap: 12px;
        column-gap: 16px;
    }

    header form.woocommerce-product-search {
        order: 4;
        flex: 100%;
    }

    nav#site-navigation {
        flex: 30px;
        max-width: 30px;
    }

    nav#site-navigation > ul#menu-principal {
        position: fixed;
        width: 250px;
        z-index: 12;
        overflow-y: auto;
        left: -250px;
        top: 0;
        bottom: 0;
        background-color: white;
        transition: ease all 0.25s;
    }

    nav#site-navigation.toggled > ul#menu-principal {
        left: 0;
    }

    ul#menu-principal a {
        padding: 14px;
        border-bottom: 1px solid #e4e4e4;
    }

    ul#menu-principal a.third-level, ul#menu-principal a.second-level {
        border: none;
    }

    ul.sub-menu.second-level {
        background-color: #eee;
    }

    ul.sub-menu.third-level {
        border-bottom: 1px solid #e4e4e4;
    }

    ul#menu-principal li.lien-categorie-parente a {
        background-color: var(--secondary-color);
        color: grey;
        text-decoration: underline;
    }

    body.no-scroll {
        height: 100vh;
        overflow-y: hidden;
    }

    body.no-scroll:after, body.open-sidebar:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 8;
        background-color: rgba(0,0,0,0.1);
    }

    li#close-menu {
        text-align: right;
        margin-bottom: 20px;
    }

    li#close-menu button {
        background-color: transparent;
        color: var(--text-color);
        padding-right: 12px;
    }

    li#close-menu button svg {
        width: 26px;
        height: 26px;
    }

    li.menu-item-has-children svg {
        width: 20px;
        height: 20px;
        transform: rotate(90deg);
        float: right;
        fill: grey;
        transition: ease all 0.2s;
    }

    li.menu-item-has-children.focus svg {
        transform: rotate(-90deg);
    }

    li#menu-item-profil-utilisateur span {
        padding: 14px;
        font-weight: bold;
        background-color: #e4e4e4;
        display: block;
    }

    li#menu-item-profil-utilisateur svg {
        width: 26px;
        height: 26px;
        vertical-align: middle;
        margin-right: 5px;
    }

    li#menu-item-profil-utilisateur ul {
        position: static;
        visibility: visible;
        opacity: 1;
        height: auto;
    }
}

@media screen and (min-width: 576px) {
    ul#zone-icones-utilisateur a {
        font-size: 1.2rem;
        color: inherit;
        text-decoration: none;
        display: block;
    }
}

@media screen and (max-width: 576px) {
    ul#zone-icones-utilisateur a {
        font-size: 0;
    }

    ul#zone-icones-utilisateur {
        height: clamp(28px, 7vw, 36px);
    }
}

@media screen and (max-width: 450px) {
    li#profil {
        display: none;
    }
}

/*-------------------------
* SLIDER
*-------------------------*/

ul#slider-accueil {
    padding: 0;
}

ul.slick-dots {
    padding: 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

ul.slick-dots li {
    display: inline-block;
    margin: 0 3px;
}

ul.slick-dots li button {
    background-color: transparent;
    border-color: white;
    padding: 0;
    font-size: 0;
    width: 14px;
    height: 14px;
    border-radius: 50px;
}

ul.slick-dots li.slick-active button {
    background-color: white;
}

ul#slider-accueil img {
    width: 100%;
}

/*-------------------------
* CAROUSEL MARQUES
*-------------------------*/

ul#liste-des-marques {
    padding: 0 20px;
    margin: 20px auto;
}

ul#liste-des-marques img {
    width: 140px;
    filter: grayscale(100%);
    transition: ease all 0.2s;
}

ul#liste-des-marques img:hover {
    filter: grayscale(0%);
    transform: scale(0.98);
}

button.slick-arrow {
    background-color: transparent;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9;
}

button.slick-arrow svg {
    width: 32px;
    height: 32px;
    opacity: 0.25;
}

button.slick-arrow:hover svg {
    opacity: 1;
}

ul#liste-des-marques button.slick-prev {left: -8px;}
ul#liste-des-marques button.slick-next {right: -8px;}

button.slick-prev svg {
    transform: scale(-1);
}

button.product-arrows.slick-prev svg {
    position: relative;
    top: -2px;
}

/*-------------------------
* CATEGORIES PRODUITS
*-------------------------*/

nav#categories-produits {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
    margin: 0px auto 50px;
}

nav#categories-produits img {
    display: block;
    transition: ease all 0.2s;
}

nav#categories-produits a {
    position: relative;
    color: white;
    text-transform: uppercase;
    overflow: hidden;
}


nav#categories-produits a:hover img {
    transform: scale(1.03);
    filter: brightness(60%);
}

nav#categories-produits a h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    padding: 80px 10px 20px;
}

/*-------------------------
* SECTIONS PRODUITS
*-------------------------*/

section.section-produits {
    margin-bottom: clamp(20px, 10vw, 60px);
}

body.home ul.products li {
    max-width: 100%;
    margin-right: 10px;
    /*height: auto;*/
}

button.product-arrows svg {
    width: 28px;
    height: 28px;
    opacity: 0.25;
}

@media screen and (min-width: 1200px) {

    ul.products li {
        padding-bottom: 16px;
    }

    ul.products a.button.add_to_cart_button {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    button.product-arrows.slick-prev {
        left: -40px;
    }

    button.product-arrows.slick-next {
        right: -30px;
    }
}

@media screen and (min-width: 992px) {
    nav#categories-produits a {
        flex: calc(25% - 10px);
        max-width: calc(25% - 10px);
    }
}

@media screen and (min-width: 650px) and (max-width: 1200px) {
    section.section-produits ul.products, section.related.products ul.products, section.produits-preferes ul.products {
        padding: 0 30px 0 40px;
    }

    button.product-arrows.slick-prev {
        left: 0;
    }

    button.product-arrows.slick-next {
        right: 0;
    }
}

@media screen and (min-width: 650px) {
    section#actualites {
        row-gap: 20px;
    }

    button.product-arrows {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    div#liste-des-articles article {
        flex: calc(50% - 16px);
        max-width: 50%;
    }

    section#actualites h2, section#actualites a.btn-contour {
        flex: auto;
        margin: 0 auto;
    }

    section#actualites a.btn-contour {
        margin-right: 0;
        max-width: 280px;
    }
}

@media screen and (max-width: 650px) {
    nav#categories-produits a h3 {
        font-size: 1.4rem;
    }

    button.product-arrows {
        top: -48px;
        left: auto;
        right: 0;
        bottom: auto;
    }

    button.product-arrows.slick-prev {
        right: 30px;
    }

    div#liste-des-articles article {
        flex: 100%;
        max-width: 100%;
    }

    section#actualites h2 {
        flex: 100%;
        max-width: 100%;
    }

    section#actualites a.btn-contour {
        flex: 280px;
        max-width: 280px;
    }
}

@media screen and (min-width: 576px) and (max-width: 992px){
    nav#categories-produits a {
        flex: calc(33.3% - 10px);
        max-width: 33.3%;
    }
}

@media screen and (max-width: 576px) {
    nav#categories-produits a {
        flex: calc(50% - 10px);
        max-width: 50%;
    }
}

/*-------------------------
* LES PRODUITS DU MOIS
*-------------------------*/

section#produits-du-mois {
    margin-bottom: 60px;
}

.structure-bloc {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 12px;
}

section#produits-du-mois img {
    width: 100%;
    object-fit: cover;
}

.bloc-single.bloc-single-large {
    margin-bottom: 12px;
}

@media screen and (min-width: 992px) {
    div.structure-3-blocs-3-col .bloc-single {
        flex: calc(33.3% - 20px);
        max-width: calc(33.3% - 10px);
    }
}

@media screen and (min-width: 650px) {
    .structure-bloc .bloc-single {
        flex: calc(50% - 20px);
        max-width: calc(50% - 10px);
    }
}

@media screen and (max-width: 650px) {
    .structure-bloc .bloc-single {
        flex: 100%;
        max-width: 100%;
    }
}
/*-------------------------
* Delonghi + LS + Retours
*-------------------------*/
#layus-marques .col {
    margin: 40px 0 50px 0;
}
#layus-marques .col {
    display: inline-block;
    border-radius: 20px;
}
#layus-marques .container-top {
    display: flex;
    flex-direction: column;
}
#layus-marques .col h3{
    text-transform: uppercase;
}
#layus-marques .container-texte {
    padding: 20px 15px;
    color: var(--secondary-color);
}
#layus-marques .col-1 {
    background-color: #17243e;
    background-image: url('../img/image-delonghi.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top-left-radius: 0px;

}

#layus-marques .col-1 .container-texte img {
    width: 220px;
    margin-top: -55px;
    margin-left: -16px;
    position: absolute;
}

#layus-marques .col-2 {
    color: #17243e;
    /* border-top-right-radius: 0px; */
    background-color: #f5f5f5;
    background: url('https://www.chokate.com/wp-content/uploads/2025/02/torrefaction-artisanal-chokate.jpeg');
    position: relative;
    background-size: cover;
}

#layus-marques .col-2>div {
    z-index: 1;
    position: relative;
}

#layus-marques .col-2:before {
    width: 100%;
    height: 100%;
    background-color: #af977cad;
    position: absolute;
    z-index: 1;
    content: "";
    border-top-right-radius: 0px;
    border-radius: 20px;
}
#layus-marques .col-2 .container-texte img {
    width: 210px;
    margin-top: -51px;
    float: right;
    position: absolute;
    left: 30px;
    z-index: 2;
}
#layus-marques .container-texte a{
    background: #e16410;
    color: var(--secondary-color);
    text-decoration: none;
    padding: 10px;
    border-radius: 25px;
    margin: 5px 0 15px 0;
    font-weight: 900;
    display: inline-block;
}
#layus-marques .container-texte a:hover{
    background: var(--primary-color);
    color: #17243e;
}

@media screen and (min-width: 650px) {
    #layus-marques .col {
        width: 49%;
    }
    #layus-marques .container-top {
        flex-direction: row;
        justify-content: space-between;
    }
}


/*-------------------------
* ACTUALITES
*-------------------------*/

section#actualites {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    align-items: center;
}

div#liste-des-articles {
    padding: 0;
    margin: 20px auto;
    flex: 100%;
    max-width: 100%;
}

ul.post-categories {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    column-gap: 10px;
}

ul.post-categories a, span.post-categories  {
    background-color: var(--primary-color);
    color: white;
    text-decoration: none;
    display: inline-block;
    padding: 4px 12px;
    font-size: 1.3rem;
}

.entry-meta {
    color: #ababab;
    display: block;
    margin-bottom: 12px;
}

a[rel="bookmark"] {
    color: var(--text-color);
}

section#actualites p, section#related-post p {
    margin-bottom: 10px;
}

section#related-post h2.entry-title {
    margin-bottom: 12px;
}

article.post {
    border: 1px solid #e3e3e3;
}

body:not(.archive, .blog, .home) main article.post:not(.related-post):first-of-type { border: 0;}
body:not(.archive, .blog, .home) main article.post:not(.related-post):first-of-type div.post-inside {padding: 0; margin-top: 30px;}
body:not(.archive, .blog, .home) main article.post:not(.related-post):first-of-type .entry-header .post-categories {margin-bottom: 12px;}

@media screen and (min-width: 992px) {
    div#liste-des-articles article, section#main-blog article, section#related-post article, section#main-archives article {
        display: flex;
        flex-wrap: wrap;
        column-gap: 8px;
    }

    ul article .post-thumbnail, section article .post-thumbnail {
        flex: calc(40% - 8px);
        max-width: 40%;
    }

    ul article .post-thumbnail img, section article .post-thumbnail img {
        height: 100%;
    }

    ul article .post-inside, section article .post-inside {
        flex: calc(60% - 8px);
        max-width: 60%;
    }
}

@media screen and (min-width: 768px) {
    section#main-blog article:first-child, section#main-blog article:first-child .post-thumbnail,section#main-blog article:first-child .post-inside {
        flex: 100%;
        max-width: 100%;
    }

    section#main-blog article:first-child img {
        height: 250px;
    }
}

/*-------------------------
* NEWSLETTER
*-------------------------*/

section#newsletter {
    display: flex;
    flex-wrap: wrap;
    column-gap: 60px;
    row-gap: 20px;
    align-items: center;
    background-color: var(--primary-color);
    color: white;
    text-align: center;
    padding: 54px 30px;
    background-image: url(https://www.chokate.com/wp-content/uploads/2025/02/chokate-newsletter-4.jpeg);
    background-size: 120%;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-attachment: fixed;
    /* background-repeat: no-repeat; */
}

section#newsletter h2, section#newsletter p {
    margin: 0 auto;
    color: white;
}

section#newsletter h2 {
    font-size: 33px;
    margin-bottom: 5px;
}

input.sib-email-area {
    width: calc(100% - 50px);
}

input.sib-default-btn {
    font-size: 0;
    padding: 0;
    height: 42px;
    width: 42px;
    vertical-align: top;
    border-radius: 2px;
    /* background-color: #E18413; */
}

#newsletter input.sib-default-btn {
    background-color: #E18413;
}

#newsletter input.sib-email-area {
    backdrop-filter: blur(20px) !important;
    /* background-color: #ffffff5e!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    /* color: green!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

span.champ-newsletter {
    position: relative;
}

span.champ-newsletter:after {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjAiIGhlaWdodD0iMjAiCnZpZXdCb3g9IjAgMCAyMjYgMjI2IgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDIyNnYtMjI2aDIyNnYyMjZ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEzLjI0MjE5LDEzLjM1MjU1bDQuNzQ1MTIsMTUuMjI4NTJsMjQuMDU2NjQsNzcuMzU2NDRsLTI4LjgwMTc2LDkyLjUyOTc4bDE5OS41MTU2MywtOTIuNTI5Nzh6TTM2LjE5NTMxLDM5LjYxNjIybDEyNy43ODcxMSw1OS4yNTg3OGgtMTA5LjM1ODM5ek01NC42MjQwMywxMTNoMTA5LjM1ODM5bC0xMjcuNzg3MTEsNTkuMzEzOTd6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4=) 50% 50% no-repeat;
    background-size: 100%;
    content: '';
    position: absolute;
    right: 6px;
    top: -3px;
    pointer-events: none;
}

span.champ-newsletter div:first-of-type {
    display: inline;
}

@media screen and (max-width: 387px){ /*responsive du re captcha page accueil*/
#newsletter #sib_captcha{
transform: scale(0.80);
transform-origin: left top; 
}
}


/*-------------------------
* LISTE REASSURANCE
*-------------------------*/

ul#liste-reassurance {
    margin: 60px auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 30px;
    text-align: center;
}

ul#liste-reassurance h3 {
    text-transform: uppercase;
    color: var(--primary-color);
    margin: 12px auto 6px;
}

ul#liste-reassurance p {
    margin: 0;
    color: grey;
}

ul#liste-reassurance svg {
    width: 56px;
    height: 56px;
    display: block;
    margin: 0 auto;
}

ul#liste-reassurance a {
    color: inherit;
    text-decoration: none;
}

ul#liste-reassurance i.icon-phone svg {
    width: 16px;
    height: 16px;
    display: inherit;
    vertical-align: middle;
    fill: grey;
}

@media screen and (min-width: 992px) {
    ul#liste-reassurance li {
        flex: calc(25% - 20px);
        max-width: 25%;
    }

    ul#liste-reassurance h3 {
        font-size: 1.6rem;
    }

    section#newsletter .col-1, section#newsletter .col-2 {
        flex: calc(50% - 60px);
        max-width: 50%;
    }

    section#newsletter .col-1 {text-align: left;}
    section#newsletter .col-2 {text-align: right;}
}

@media screen and (max-width: 992px) {
    ul#liste-reassurance li {
        flex: calc(50% - 20px);
        max-width: 50%;
    }

    ul#liste-reassurance h3 {
        font-size: 1.4rem;
    }

    section#newsletter .col-1, section#newsletter .col-2 {
        flex: 100%;
        max-width: 100%;
    }
}

/*-------------------------
* FOOTER
*-------------------------*/

#avisverifies_footer {
    padding: 50px 0;
    margin-bottom: 30px;
    background: var(--secondary-color);
    height: auto;
}
#avisverifies_footer h2{
    margin-left: 25%;
}
#container-col-avis {
    display: flex;
    align-items: center;
}

#avisverifies_footer .col-1, #avisverifies_footer .col-2 {
    display: inline-block;
}
#avisverifies_footer .col-1  {
    width: 25%;
}
#avisverifies_footer .col-1  a{
    width: 80%;
    margin: auto;
}
#avisverifies_footer .col-2  {
    width: 75%;
    padding: 0 0px;
}
#liste-avis-clients {
    display:flex;
    padding-left:0;
    margin-bottom:20px;
}
#liste-avis-clients li{
    margin-right: 10px;
    width:33%;
}
#liste-avis-clients .container-avis{
    padding: 10px;
    background:white;
}
#liste-avis-clients .container-avis img{
    height: 15px;
}
#liste-avis-clients .container-avis_comment{
    height:90px;
    margin: 10px 0;
    font-size:13px;
    font-style: italic;
}

@media screen and (max-width: 860px) {
    #avisverifies_footer h2{
        margin-left: 0;
        text-align: center;
    }
    #container-col-avis {
        flex-direction: column;
    }
    #avisverifies_footer .col-1  {
        width: 40%;
    }
    #avisverifies_footer .col-2  {
        width: 85%;
    }
    #avisverifies_footer .col-1  a{
        width: 100%;
        margin-bottom: 25px;
        max-width: 175px!important;
    }
    #liste-avis-clients {
        flex-direction: column;
    }
    #liste-avis-clients li{
        width: 100%;
        margin: 0 0 20px 0!important;
    }
    #liste-avis-clients .container-avis_comment{
        height:auto;
    }
}



footer#colophon {
    background-color: var(--secondary-color);
    text-align: center;
    margin-top: 60px;
}

img#logo-footer {
    width: 220px;
    margin-top: -30px;
    margin-bottom: 30px;
}

footer#colophon h4 {
    text-transform: uppercase;
}

section#navigation-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 20px;
    row-gap: 36px;
}

section#navigation-footer h4 {
    font-size: 1.4rem;
    margin: 0 auto 12px;
}

footer ul {
    padding: 0;
}

section#navigation-footer .margin-top {
    margin-top: 30px;
}

section#navigation-footer a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

section#navigation-footer a:hover {
    text-decoration: underline;
}

ul#liste-methodes-paiement img, ul#liste-methodes-livraison img {
    height: 40px;
    vertical-align: middle;
}

li#visa img {
    height: 25px;
}

section#paiement-livraison-reseaux {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 30px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    column-gap: 75px;
    row-gap: 20px;
    justify-content: center;
}

section#paiement-livraison-reseaux ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    justify-content: center;
}

ul#liste-reseaux-sociaux svg {
    width: 40px;
    height: 40px;
}

ul#liste-reseaux-sociaux li {
    display: inline-block;
}

.copyright {
    margin-top: 50px;
    background-color: #3D2612;
    color: white;
    padding: 6px 20px;
    position: relative;
}

.copyright_aideregion {
    margin: 10px 0;
}
.copyright_aideregion img {
    width: 80px!important;
    vertical-align: middle!important;
    margin-left: 15px;
}

/* Barre latérale popup */

section#bloc-popup {
    position: fixed;
    top: 16%;
    right: -468px;
    height: 300px;
    width: 500px;
    background-color: white;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    transition: ease all 0.2s;
    z-index: 12;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    background-image: url('https://www.chokate.com/wp-content/uploads/2025/02/newsletter_bg.png');
    background-size: cover;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

section#bloc-popup:not(.open):hover {
    right: -458px;
}

section#bloc-popup.open {
    right: 0;
}

.barre-toggle {
    background-color: var(--primary-color);
    color: white;
    flex: 35px;
    max-width: 40px;
    height: 100%;
    padding: 17px 10px;
    position: relative;
    cursor: pointer;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.barre-toggle span.intitule {
    position: absolute;
    top: 50%;
    left: 45%;
    height: 32px;
    width: 300px;
    text-align: center;
    transform: translate(-51%, -10%) rotate(-90deg);
    font-size: 2.2rem;
}

.barre-toggle svg {
    height: 24px;
    width: 24px;
    fill: white;
    position: relative;
    transform: scale(-1);
}

.contenu-bloc {
    flex: 1;
    padding: 30px 20px 30px 0;
}

span.titre {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
}


@media screen and (min-width: 992px) {
    section#navigation-footer nav {
        flex: calc(25% - 20px);
        max-width: 25%;
    }
}

@media screen and (max-width: 992px) {
    section#bloc-popup {display: none;}
}

@media screen and (min-width: 576px) and (max-width: 992px) {
    section#navigation-footer nav {
        flex: calc(50% - 20px);
        max-width: 50%;
    }
}

@media screen and (min-width: 576px) {
    section#navigation-footer {
        text-align: left;
    }

    section#navigation-footer a {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 576px) {
    section#navigation-footer nav {
        flex: 100%;
        max-width: 100%;
    }

    section#navigation-footer a {
        padding: 6px 0;
        font-size: 1.3rem;
    }

    section#paiement-livraison-reseaux, section#paiement-livraison-reseaux ul {
        text-align: center;
        justify-content: center;
    }
}

/*-------------------------
* PAGES INTERNES
*-------------------------*/

body:not(.home) header#masthead {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

nav#breadcrumbs-pages-internes {
    color: #acacac;
    font-size: 1.4rem;
}

nav#breadcrumbs-pages-internes a {
    color: #acacac;
    text-decoration: none;
}

body.page:not(.home) main {
    margin: 20px auto 0;
}

body.page:not(.home) main h2:not(.woocommerce-loop-product__title), body.single-post article h3 {
    color: var(--primary-color);
}

body.page:not(.home) h1.entry-title {
    margin-bottom: 30px;
}

span.wpcf7-form-control.wpcf7-checkbox {
    margin-top: 12px;
    display: block;
}

.wpcf7 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right: 6px;
}

input.wpcf7-form-control.wpcf7-number {
    margin-top: 12px;
}

@media screen and (min-width: 576px) {

    article#post-11002 form p:nth-child(1), article#post-11002 form p:nth-child(2), article#post-11002 form p:nth-child(3), article#post-11002 form p:nth-child(4),
    article#post-11002 form p:nth-child(5) {
        width: calc(50% - 10px);
        display: inline-block;
    }

    article#post-11002 form p:nth-child(2), article#post-11002 form p:nth-child(4) {
        margin-right: 16px;
    }

}

/*-------------------------
* NOTATIONS ARTICLES
*-------------------------*/

.listStars{
    width:fit-content !important;
    display:block !important;
    min-width:128px !important;
    margin:0px auto auto auto !important;
}