/*--------- [THEME WAKA PAR AGENCE WAKA Copyright 2020-2023 https://agence-waka.fr/] ---------*/
/* Polices auto-hébergées (perfs + RGPD : plus aucune requête vers Google) — fichiers woff2 dans assets/fonts/ */
@font-face{font-family:"DM Sans";src:url("../fonts/dmsans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"DM Sans";src:url("../fonts/dmsans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"DM Sans";src:url("../fonts/dmsans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}
* { border:0; margin:0; padding:0; list-style:none;  outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display:block; }
:root {
    --c-primary:#143947;
    --vert_primary:#3C7554;
    --vert_secondary:#40AE49;
    --ff-second:"DM Sans", system-ui, sans-serif;
}


/*--------- [ STYLAGE DES PAGES ] ---------*/


.section { overflow: hidden  }
.section.padd-50 { padding: 50px 0}
.section-white {  background: #fff }
@media all and (max-width:650px) {
    .section.padd-50 { padding: 35px 0}
}

.boutons-blocs { display: flex; gap:10px; flex-wrap: wrap; padding-top: 25px}

/* Bloc hero */
.bloc-hero { background: #fff}
.bloc-hero h1 {  color:var(--vert_primary); margin-bottom: 2.5rem}
.bloc-hero h2 { color:var(--vert_secondary); font-size: 1.8rem; line-height: 2.5rem; letter-spacing: 1px }
.bloc-hero .flex { gap:40px 40px}
.bloc-hero .flex > div:nth-child(1) { flex: 0 0 370px}
.bloc-hero .flex > div:nth-child(2) { flex: 1; min-width: 1px; }
.bloc-hero .flex .media {  height: 422px; }
.bloc-hero .flex .media img { width: 100%; height: 100%; object-fit: cover }
.conteneur_slider {  text-align: right; }
.conteneur_slider .right { display: inline-block; max-width: 567px; line-height: 0; position: relative; vertical-align: top; width: 100% }
.conteneur_slider .owl-nav { position:relative; margin-top:-45px !important; top:-3px;}
.conteneur_slider .deco_1 { position: absolute; top:-50px; left:-90px; z-index: 10 }
.conteneur_slider .deco_2 { position: absolute; bottom:-45px; right:-50px; z-index: 10 }
@media all and (max-width:1200px) {
    .conteneur_slider .deco_1 { left:-40px; top:-40px}
    .conteneur_slider .deco_2 {  right: -40px }
    .conteneur_slider .deco_1 img, .conteneur_slider .deco_2 img { width: 150px }

}
@media all and (max-width:650px) {
    .bloc-hero .flex { flex-direction: column}
    .bloc-hero .flex .media { height: 250px}
    .conteneur_slider .deco_1 { left:-20px; top:-40px}
    .conteneur_slider .deco_2 {  right: -20px }
    .conteneur_slider .deco_1 img, .conteneur_slider .deco_2 img { width: 100px}
}





    /* Bloc engagements */
#engagements .wysiwyg h3 {   margin-bottom:17px; font-weight: 500}
#engagements .pillar__icon { width:auto; height:120px; margin-bottom:40px; text-align: center}
#engagements  .pillar__icon img { max-height:125px; width:auto; object-fit:contain; }
#engagements .owl-nav { padding-top: 25px}

/* Bloc Image Texte Background */
.text-image-background { padding: 75px 0; background: var(--vert_primary)}
.text-image-background .flex {  max-width: 850px; margin: 0 auto; gap:50px 35px; align-items: center}
.text-image-background .medias { position: relative; line-height: 0; text-align: right}
.text-image-background .medias .media img { width: 487px; height:auto;}
.text-image-background .medias .deco {  position: absolute; bottom: 20px; left:-145px}
.text-image-background .medias .deco img { max-height: 273px}
.text-image-background .wysiwyg, .text-image-background .wysiwyg h2,  .text-image-background .wysiwyg h3 { color:#fff;}
.text-image-background .content { max-width: 325px}
@media all and (max-width:989px) {
    .text-image-background .medias .deco { left:-65px}
    .text-image-background .medias .deco img { max-height:200px}
}
@media all and (max-width:900px) {
    .text-image-background .medias { text-align: center}
    .text-image-background .flex { flex-direction: column}
    .text-image-background .medias .deco img { max-height: 140px}
    .text-image-background .medias .deco { left:-20px; bottom: -30px}
    .text-image-background .content { max-width: 100%}
}

/* Bloc Image Texte */
.text-image { padding: 40px 0}
.text-image .titre { position: relative}
.text-image .plus { position: absolute; right: 0; bottom: -25px; display: none}
.text-image .open .plus img {  transform: rotate(45deg);
    transition: transform 0.3s ease; }
.text-image .flex { max-width: 989px; margin:0 auto; gap:40px; padding: 40px 0; align-items: center}
.text-image .medias { flex:0 0 44.5%; text-align: center}
.text-image .medias img { width: 100%; height:auto;}
.invert .medias { order:2}
@media all and (max-width:900px) {
    .text-image { padding: 20px 0}
    .text-image .flex { flex-direction: column; gap: 20px; padding: 30px 0}
    .text-image .content { order:2 !important;  }
    .text-image .medias { order:1 !important; }
}
@media all and (max-width:767px) {
    .text-image .plus { display: block}
}

/* Bloc Atualties + Liste actus */
.actualites { background: #f7eee2;  }
#slider-actualites .owl-stage-outer { padding:20px 20px 30px; margin:-20px -20px -30px; }
.une_actu { display: block; border-radius: 5px; background: #fff; transition: all 0.2s ease;}
.une_actu .media {  display: flex; align-items: center; justify-content: center; height: 212px; overflow: hidden; border-radius: 5px}
.une_actu .media {  display: flex; align-items: center; justify-content: center; height: 212px; overflow: hidden; border-radius: 5px}
.une_actu .media img { object-fit: cover; width: 100%; height: auto }
.une_actu .title_actu { color:var(--vert_primary); font-weight: bold; margin-top: 15px; padding: 0 75px 20px 20px; background:url(../images/arrow-right.svg) no-repeat right 35px top 3px;   }
.une_actu:hover { transform:translateY(-8px); box-shadow:10px 10px 0 rgba(60,117,84,0.4); border-radius: 5px;  }
/* Actualités en grille (page liste, layout=grille) */
.grille-actus {display:grid; grid-template-columns:repeat(3,1fr); gap:45px 30px;}
@media all and (max-width:900px) {.grille-actus {grid-template-columns:repeat(2,1fr);}}
@media all and (max-width:650px) {.grille-actus {grid-template-columns:1fr;}}
/* Page détail actualité (single) — colonne de lecture */
.single-actu__inner {max-width:760px; margin:0 auto;}
.single-actu__back {margin-bottom:20px;}
.single-actu__back a {color:var(--vert_primary); font-family:var(--ff-second); font-weight:700;}
.single-actu h1 {color:var(--vert_primary);}
.single-actu__meta {color:#928f8f; font-family:var(--ff-second); margin:-8px 0 24px;}
.single-actu__media {height:380px; border-radius:5px; overflow:hidden; margin-bottom:30px;}
.single-actu__media img {width:100%; height:100%; object-fit:cover;}

/*--------- [ SINGLE ARTICLE ] ---------*/
.article {background:#fff;}
/* Bannière hero pleine largeur */
.article-hero {position:relative; display:flex; flex-direction:column; min-height:300px; padding-top:10px; padding-bottom:30px; background:linear-gradient(135deg, var(--vert_primary) 0%, #2c5a40 100%); background-size:cover; background-position:center;}
.article-hero.has-media::before {content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(20,57,71,.82) 0%, rgba(20,57,71,.32) 50%, rgba(20,57,71,.30) 100%);}
.article-hero__inner {position:relative; z-index:1; flex:1; display:flex; flex-direction:column; justify-content:space-between; padding-top:30px; padding-bottom:0;}
/* Sans bannière : header compact sur fond beige + texte foncé (lisible) */
.article-hero:not(.has-media) {min-height:0; background:#FCF9F4;}
.article-hero:not(.has-media) .article-hero__head {margin-top:24px;}
.article-hero:not(.has-media) .article-hero__title {color:var(--vert_primary);}
.article-hero:not(.has-media) .article-hero__back {color:var(--vert_primary);}
.article-hero:not(.has-media) .article-hero__date {color:#928f8f;}
.article-hero__back {display:inline-flex; align-items:center; gap:9px; align-self:flex-start; color:#fff; font-family:var(--ff-second); font-size:14px; font-weight:700; text-decoration:none; opacity:.92; transition:opacity .2s ease;}
.article-hero__back:hover {opacity:1;}
.article-hero__back svg {flex-shrink:0;}
.article-hero__head {max-width:820px; margin-top:30px;}
.article-hero__meta {display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:16px;}
.article-hero__date {color:rgba(255,255,255,.9); font-family:var(--ff-second); font-size:15px; font-weight:500;}
.article-hero__title {color:#fff; font-size:4.4rem; line-height:1.12; margin:0;}

/* Corps de l'article sur fond blanc, colonne de lecture */
.article-body {background:#fff; min-height:50vh; padding:58px 0 80px;}
.article-body__inner {max-width:760px; margin:0 auto; color:var(--c-primary); font-size:17px; line-height:1.75;}
.article-body__inner p, .article-body__inner ul, .article-body__inner ol, .article-body__inner blockquote {margin-bottom:24px;}
.article-body__inner > p:first-of-type {font-size:19px; line-height:1.7; color:var(--vert_primary);}
.article-body__inner h2 {color:var(--vert_primary); font-size:2.8rem; line-height:1.25; margin:42px 0 16px;}
.article-body__inner h3 {color:var(--vert_primary); font-size:2.1rem; line-height:1.3; margin:34px 0 12px; padding-top:0;}
.article-body__inner a {color:var(--vert_secondary); text-decoration:underline;}
.article-body__inner img {border-radius:12px; margin:14px 0;}
.article-body__inner figure {margin:30px 0;}
.article-body__inner figcaption {text-align:center; color:#928f8f; font-size:14px;}
.article-body__inner blockquote {border-left:4px solid var(--vert_secondary); padding:6px 0 6px 24px; margin-left:0; color:var(--vert_primary); font-size:19px;}
.article-body__inner ul li {list-style:disc;}
.article-body__inner ol li {list-style:decimal;}

@media all and (max-width:767px) {
    .article-hero {min-height:230px;}
    .article-hero__inner {padding-top:24px; padding-bottom:30px;}
    .article-hero__head {margin-top:22px;}
    .article-hero__title {font-size:3.1rem;}
    .article-body {padding:38px 0 56px;}
    .article-body__inner {font-size:16px;}
    .article-body__inner > p:first-of-type {font-size:17px;}
}

/* Bloc cards */
.une_card { position: relative; overflow: hidden; width:100%}
.une_card .media { width: 63%; float: right; height: 437px; line-height: 0}
.une_card .media img { width: 100%; object-fit: cover; height: 100%}
.une_card .content {  background-color:#FCF9F4; border-radius: 52px 52px 0 0; width: 340px; position: absolute; bottom:-5px; left:0; padding: 25px}
.une_card .btn { padding: 11px 50px 11px 24px; margin-bottom: 30px; position: relative;}
.une_card .btn:before { content:"";  background:url(../images/pic-fleur.svg) no-repeat; width: 32px; height: 37px; display: block; position: absolute; top:-10px; right:10px;}
.une_card .bouton-scroll { padding-top: 25px}
.une_card .bouton-scroll a { font-size: 14.5px; background: #fff url(../images/arrow-bottom.svg) no-repeat right 22px top 20px;; color:var(--vert_primary); font-weight: bold; padding: 18px 70px 18px 20px; border-radius: 100px; display: block}
.bloc-cards-doubles.invert .media { float: none  }
.bloc-cards-doubles.invert .une_card .content { left:inherit; right: 0}
@media all and (max-width:900px) {
    .une_card .media { width: 75%}
}
@media all and (max-width:768px) {
    .une_card .media { width: 100%; float: none; }
    .une_card .content { position: relative; left:0 !important; right: 0 !important; bottom: inherit; top:inherit; width: 100%; margin-top: -30px}
}


/*--------- [ NOUVEAUX BLOCS PAGES INTERNES ] ---------*/

/* Bloc Hero — variante pages internes (texte large, aligné à gauche) */
.bloc-hero--page .flex {gap:40px 70px;}
.bloc-hero--page .flex > div:nth-child(1) {flex:0 0 44%;}
.bloc-hero--page h1 {text-align:left;}
.bloc-hero--page .wysiwyg p {margin-bottom:18px;}
.bloc-hero--page .conteneur_slider .deco_1 {left:-30px;}
.bloc-hero--page .conteneur_slider .deco_2 {bottom:-15px;}
@media all and (max-width:650px) {
    .bloc-hero--page .flex > div:nth-child(1) {flex:1;}
}

/* Bloc FAQ (accordéon) */
.bloc-faq__intro {max-width:720px; margin:-25px auto 40px; color:var(--c-primary);}
.faq-list {max-width:550px; margin:0 auto;}
.faq-item {border-bottom:1px solid #e7ddcb;}
.faq-q {display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; text-align:left; background:none; font-size:2.5rem; line-height:3.2rem; font-weight:bold; color:var(--vert_primary); padding:22px 0; cursor:pointer;}
.faq-ico {display:none; position:relative; flex-shrink:0; width:18px; height:18px;}
.faq-ico:before, .faq-ico:after {content:""; position:absolute; background:var(--vert_secondary); border-radius:2px; transition:transform .3s ease, opacity .3s ease;}
.faq-ico:before {top:8px; left:0; width:18px; height:2px;}
.faq-ico:after {top:0; left:8px; width:2px; height:18px;}
.faq-item.open .faq-ico:after {transform:rotate(90deg); opacity:0;}
.faq-a {padding:0 0 24px; color:var(--c-primary);}
.faq-a .wysiwyg {line-height:1.6;}

/* Barre de filtres (catégories produits) */
.grille-filtres {display:flex; flex-wrap:wrap; gap:16px 32px; justify-content:center; margin-bottom:40px;}
.grille-filtres .filtre {display:inline-flex; align-items:center; gap:11px; font-family:var(--ff-second); font-size:15px; color:var(--vert_primary); cursor:pointer;}
.grille-filtres .filtre__box {width:18px; height:18px; border-radius:5px; background:#D9D9D9; flex-shrink:0;}
.grille-filtres .filtre.is-active .filtre__box {background:var(--vert_secondary);}

/* Grille produits (tuiles image + nom) */
.grille-produits {display:grid; grid-template-columns:repeat(4,1fr); gap:30px 24px;}
.produit-card .media {height:230px; border-radius:5px; overflow:hidden; margin-bottom:14px; background:#eee;}
.produit-card .media img {width:100%; height:100%; object-fit:cover;}
.produit-card .titre {font-family:var(--ff-second); font-weight:700; color:var(--c-primary); font-size:15px; text-align:center;}
.produit-card .cat {font-family:var(--ff-second); font-size:13px; color:var(--vert_secondary); text-align:center; margin-top:4px;}
@media all and (max-width:900px) {.grille-produits {grid-template-columns:repeat(3,1fr);}}
@media all and (max-width:650px) {.grille-produits {grid-template-columns:repeat(2,1fr); gap:24px 16px;}}

/* Grille de cartes (producteurs, articles, logos / soutiens) — bloc unique */
.grille-cards {display:grid; grid-template-columns:repeat(3,1fr); gap:45px 30px;}
.grille-card {display:flex; flex-direction:column;}
.grille-card .media {height:204px; border-radius:5px; overflow:hidden; margin-bottom:16px; background:#eee;}
.grille-card .media img {width:100%; height:100%; object-fit:cover;}
.grille-card h3 {font-size:1.8rem; line-height:2.3rem; color:var(--vert_primary); margin-bottom:10px;}
.grille-card .wysiwyg {color:var(--c-primary); line-height:1.55; flex:1 0 auto; margin-bottom:16px;}
.grille-card .liens {display:flex; flex-wrap:wrap; gap:8px; align-self:flex-start;}
.grille-card .cta {align-self:flex-start;}
.grille-cards .cta-lien-externe-clair {background:#fff;}
.grille-cards .cta-lien-externe-clair:hover {background:#f1ece3;}
@media all and (max-width:900px) {.grille-cards {grid-template-columns:repeat(2,1fr);}}
@media all and (max-width:650px) {.grille-cards {grid-template-columns:1fr;}}

/* Bloc 100% (réutilise cards-doubles) — chiffre + légende dans le panneau */
.une_card .num {font-family:var(--ff-second); font-size:3rem; line-height:1; font-weight:700; color:var(--vert_secondary); margin-bottom:8px;}
.une_card .content .text {line-height:1.5;}

/* Bloc contact (infos/horaires + formulaire) */
.bloc-contact { padding-bottom: 0 !important;}
.bloc-contact .flex {gap:40px 60px; align-items:flex-start;}
.bloc-contact .flex > div {flex:1; min-width:1px;}
.contact-horaires .wysiwyg h3 {color:var(--vert_primary); padding-top:1.8rem;}
.contact-horaires .faq-list {max-width:none; margin-top:20px;}
.contact-form {}
.contact-form .intro {margin-bottom:20px; font-weight: bold}
.contact-form .btn {border:0; cursor:pointer; width:auto;}
.contact-form .note {font-size:14px; margin:6px 0 18px; font-weight: 500}


@media all and (max-width:900px) {.bloc-contact .flex {flex-direction:column;}}

/* Bandeau vert — variante texte long */
.text-image-background--wide .flex {max-width:1010px;}
.text-image-background--wide .content {max-width:none; flex:1; min-width:1px;}
.text-image-background--wide .medias {flex:0 0 auto;}
@media all and (max-width:900px) {
    .text-image-background--wide .content {flex:1 1 100%;}
}

/* Lignes partenaires (page fournisseurs) */
.bloc-partenaires .partenaire {display:flex; gap:40px; align-items:center; max-width:989px; margin:0 auto; padding:35px 0;}
.bloc-partenaires .cta {margin-top:20px;}
.bloc-partenaires .partenaire .logo {flex:0 0 36%; overflow:hidden;}
.bloc-partenaires .partenaire .logo img {width:100%; height:auto; display:block;}
.bloc-partenaires .partenaire.invert .logo {order:2;}
.bloc-partenaires .partenaire h3 {color:var(--vert_primary); margin-bottom:12px;}
.bloc-partenaires .partenaire .wysiwyg {line-height:1.6;}
.bloc-partenaires .partenaire .lien {display:inline-flex; align-items:center; gap:8px; font-family:var(--ff-second); font-weight:700; color:var(--vert_primary); margin-top:14px;}
.bloc-partenaires .partenaire .cta-lien-externe-clair {background:#fff;}
@media all and (max-width:767px) {
    .bloc-partenaires .partenaire {flex-direction:column; gap:22px; padding:28px 0;}
    .bloc-partenaires .partenaire.invert .logo {order:0;}
    .bloc-partenaires .partenaire .logo {width:100%; flex:1;}
}


/*--------- [ CTA / FORMATS WYSIWYG TinyMCE — réf _doc/pages/CTA.png ] ---------*/
/* Côté WordPress : déclarer dans style_formats des items appliquant deux classes,
   ex. { title:'Action principale', selector:'a', classes:'cta cta-principale' } */
.cta {display:inline-flex; align-items:center; gap:10px; font-family:var(--ff-second); font-weight:700; font-size:16px; line-height:18px; letter-spacing:-0.2px; text-decoration:none; border:0; border-radius:100px; padding:12px 22px; cursor:pointer; transition:background-color .15s ease;}
.wysiwyg a.cta {text-decoration:none;}
.cta::after {content:""; width:16px; height:16px; flex-shrink:0; background-color:currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain;}

/* Remplissages */
.cta-principale, .cta-lien-externe, .cta-voir-menu {background:var(--vert_secondary); color:#fff !important;}
.cta-principale:hover, .cta-lien-externe:hover, .cta-voir-menu:hover {background:#379a40;}
.cta-secondaire, .cta-lien-interne-bas, .cta-lien-interne-secondaire, .cta-lien-externe-clair {background:#FCF9F4; color:var(--vert_primary);}
.cta-secondaire:hover, .cta-lien-interne-bas:hover, .cta-lien-interne-secondaire:hover, .cta-lien-externe-clair:hover {background:#f9f1e4;}
.cta-tertiaire {background:#fff; color:var(--vert_primary);}
.cta-tertiaire:hover {background:#f1ece3;}

/* Icônes à droite (recolorées par currentColor via mask) */
.cta-principale::after, .cta-secondaire::after, .cta-tertiaire::after {display:none;}
.cta-lien-interne-bas::after {-webkit-mask-image:url(../images/arrow-bottom.svg); mask-image:url(../images/arrow-bottom.svg);}
.cta-lien-interne-secondaire::after {-webkit-mask-image:url(../images/arrow-right.svg); mask-image:url(../images/arrow-right.svg);}
.cta-lien-externe::after, .cta-lien-externe-clair::after {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M13%204h7v7'/%3E%3Cpath%20d='M20%204%209%2015'/%3E%3Cpath%20d='M19%2014v5a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1h5'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M13%204h7v7'/%3E%3Cpath%20d='M20%204%209%2015'/%3E%3Cpath%20d='M19%2014v5a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1h5'/%3E%3C/svg%3E");}

/* « Voir le menu » : pousse de marque débordant en haut à droite */
.cta-voir-menu {position:relative; padding-right:10px;}
.cta-voir-menu::after {width:28px; height:37px; margin-top:-20px; background:url(../images/pic-fleur.svg); }

/* État désactivé + conservation espacement bouton dans les cards home */
.cta.disabled {opacity:.5; pointer-events:none;}
.une_card .cta {margin-bottom:30px;}

/* Bandeau RGPD (GDPR Cookie Compliance) : boutons au vert d'Alice */
.mgbutton, #moove_gdpr_cookie_info_bar .mgbutton {background-color:var(--vert_secondary) !important; border-color:var(--vert_secondary) !important;}
.mgbutton:hover {background-color:#379a40 !important; border-color:#379a40 !important;}













    /*--------- [ STYLAGE DE BASE ] ---------*/
.txt-center { text-align: center}
.flex { display: flex}
.media img { border-radius: 5px;}
a {   text-decoration: none; color:var(--c-primary)}
a:hover {  }
h1, h2, h3, h4, h5  { font-weight: bold; }
h1 {     font-size: 3rem;    line-height: 3.4rem; margin-bottom:1.5rem; font-weight: bold  }
h2 { font-size:2.5rem; line-height:3.2rem; margin-bottom:1.5rem; color:var(--vert_primary);}
h2.txt-center { margin-bottom: 4.5rem}
h3 { font-size: 2rem; line-height:2.5rem; margin-bottom:1.2rem; font-weight: 500}
h4 { font-size:1.7rem; line-height:2.2rem; margin-bottom:1rem; font-weight: bold}
h5 { font-size:1.5rem; line-height:1.5rem; margin-bottom:0.8rem; font-weight: bold}
.wysiwyg { overflow-wrap: break-word;  }
.wysiwyg a { text-decoration: underline}
.wysiwyg ul li { list-style: disc}
.wysiwyg ol li {list-style-type:decimal}
.wysiwyg hr {   clear: both;}
.wysiwyg h3 { padding-top: 2rem}
.wysiwyg img { display: block; max-width: 100%; height: auto}
.wysiwyg figcaption { padding-top:0.5rem; font-style: italic}
.wysiwyg blockquote{ font-style: italic  }
.wysiwyg .aligncenter {display:block; margin-left:auto; margin-right:auto;}
.wysiwyg .alignright {float:right; margin:0 0 1rem 1.5rem;}
.wysiwyg .alignleft {float:left; margin:0 1.5rem 1rem 0;}
.wysiwyg .alignnone {margin-bottom:1rem;}
.wysiwyg figure.aligncenter, .wysiwyg figure.alignleft, .wysiwyg figure.alignright {width:fit-content; max-width:100%;}
.wysiwyg p, .wysiwyg ul, .wysiwyg ol, .wysiwyg blockquote   {  margin-bottom:20px;}
.wysiwyg p:last-child { margin-bottom: 0}
.wysiwyg ul, .wysiwyg ol  {  margin-left:40px;}
img { max-width: 100%}
.txt_center { text-align: center}

/* Boutons */
.btn {  font-family: var(--ff-second); color:#fff !important;  display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:18px 24px; border-radius:30px; font-size:16px; line-height:18px; font-weight:700; text-align:center; white-space:nowrap; transition:background-color 150ms ease; }
.btn-secondary { background-color:#fff;color:var(--vert_primary) !important; }
.btn-primary    { background-color:var(--vert_secondary);     }

/* Carousel */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-carousel .owl-stage  { transition:all 0.8s ease !important; }
.owl-carousel .owl-item { padding: 0 !important;}
.owl-carousel .owl-dots { text-align: center; padding-top: 25px }
.owl-carousel .owl-dots .owl-dot { margin: 0 6px; }
.owl-carousel .owl-dots .owl-dot span { display: block; background: var(--vert_primary); opacity: 0.4;  width: 12px; height: 12px; border-radius: 12px; position: relative;transition: all 0.3s ease; }
.owl-carousel .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { opacity: 1; transform: scale(1.6) }
.owl-carousel .owl-dots .owl-dot.active span:before, .owl-dots .owl-dot:hover span:before {  opacity: 1; }
.owl-carousel .owl-nav {   width: 42px; margin:0 auto 0; overflow: hidden }
.owl-carousel .owl-nav button  {   text-decoration: none; overflow: hidden; font-size: 0; text-indent: -999px;}
.owl-carousel .owl-nav button.disabled { opacity: 0.5}
.owl-carousel .owl-nav button span { line-height: 0; display: block;  width: 11px; height:17px; background-size: 11px auto }
.owl-carousel .owl-nav button:hover {            }
.owl-carousel .owl-prev {float: left  }
.owl-carousel .owl-prev span { background:url(../images/arrow-slider.svg) no-repeat; transform:rotate(-180deg);  }
.owl-carousel .owl-next  { float: right }
.owl-carousel .owl-next span { background:url(../images/arrow-slider.svg) no-repeat }

/* Formulaires */
label, input[type=submit], button { cursor:pointer; -webkit-appearance:none; }
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select  {  font-family:"Montserrat", system-ui, sans-serif; font-size: 15px; font-weight:500; vertical-align:middle;  background:#fff;  border-radius: 8px; width: 100%; padding:1.2rem 2.5rem; margin-bottom: 1rem; }
input[type="file"] { border:0 !important;}
textarea {  resize:none; min-height: 100px}
inpuT[type="checkbox"], input[type="radio"] { margin-right: 0.6rem; position: relative; top:2px;}
input[type="file"] { border:0 !important;}
textarea {  resize:none;}
::placeholder { color:var(--c-primary); transition: all 0.3s ease;}
:focus::placeholder {  opacity:0.2; }
.custom_select { /* Chercher 000000 pour changer couleur */ background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');    background-repeat: no-repeat, repeat;    background-position: right 10px top 50%, 0 0;    background-size: .65em auto, 100%;    -moz-appearance: none;    -webkit-appearance: none;    appearance: none;  padding-right: 25px;   }
.custom_select::-ms-expand {    display: none;}
@media all and (max-width:767px) {
    .alignright, a img.alignright, .wp-caption.alignright, .alignleft, a img.alignleft, .wp-caption.alignleft {        float: none;        margin: 0 auto 2rem;        display: block    }
}



/*--------- [ LAYOUT ] ---------*/
html {    font-size: 62.5%; }
body { background-color:#FCF9F4;  font-family:"Montserrat", system-ui, sans-serif; font-size:16px; line-height:20px; color:var(--c-primary) }
.container       { width:100%; max-width:1180px; padding: 0 40px;   margin:0 auto; /*background: red;*/}
#main {  min-height:90vh; padding-bottom: 3rem}

/* Header */
#header {position:sticky; top:0; z-index:9980; background:#fff; transition:box-shadow .3s ease;}
#header.is-scrolled {box-shadow:0 2px 16px rgba(20,57,71,.06);}
.header__top {padding:18px 0; transition:padding .3s ease;}
#header.is-scrolled .header__top {padding:12px 0;}
.header__top-inner {display:flex; align-items:center; justify-content:space-between; gap:20px;}
.header__logo {display:block; line-height:0; flex-shrink:0; position:relative;}
.header__logo img {height:40px; width:auto; transition:height .3s ease;}
#header.is-scrolled .header__logo img {height:34px;}
.header__actions {display:flex; align-items:center; gap:10px;}
.header__pill {display:inline-flex; align-items:center; gap:8px; background:#FCF9F4; border-radius:100px; padding:10px 18px; font-family:var(--ff-second); font-size:14px; font-weight:500; color:#3C7554; transition:background-color .2s ease;}
.header__pill img {width:18px; height:18px; flex-shrink:0;}
.header__pill:hover {background:#f9f1e4;}
.header__cta {padding:12px 22px !important; font-size:14px !important;}
.header__menu-btn {display:none; align-items:center; gap:10px; background:#FCF9F4; border-radius:100px; padding:10px 18px; font-family:var(--ff-second); font-size:13px; font-weight:700; color:#3C7554; cursor:pointer; transition:background-color .2s ease;}
.header__menu-btn:hover {background:#f9f1e4;}
.header__menu-icon {display:inline-block; width:18px; height:14px; position:relative;}
.header__menu-icon span {display:block; position:absolute; left:0; right:0; height:2px; background:#3C7554; border-radius:2px; transition:transform .3s ease, opacity .2s ease, top .3s ease;}
.header__menu-icon span:nth-child(1) {top:0;}
.header__menu-icon span:nth-child(2) {top:6px;}
.header__menu-icon span:nth-child(3) {top:12px;}
.is-menu-open .header__menu-icon span:nth-child(1) {top:6px; transform:rotate(45deg);}
.is-menu-open .header__menu-icon span:nth-child(2) {opacity:0;}
.is-menu-open .header__menu-icon span:nth-child(3) {top:6px; transform:rotate(-45deg);}
#header.is-scrolled .header__menu-btn {display:inline-flex;}

.header__nav {background:#FCF9F4; max-height:80px; overflow:visible; transition:max-height .35s ease, opacity .25s ease;}
#header.is-scrolled .header__nav {max-height:0; opacity:0; pointer-events:none; overflow:hidden;}
.header__nav-inner > ul {display:flex; align-items:center; justify-content:space-between; gap:8px; padding:18px 0; flex-wrap:wrap;}
.header__nav-inner li {position:relative;}
.header__nav-inner li > a {display:inline-flex; align-items:center; gap:6px; font-family:var(--ff-second); font-size:16px; font-weight:700; color:var(--c-primary); padding:6px 4px; transition:color .2s ease;}
.header__nav-inner li > a:hover, .header__nav-inner li.is-active > a {color:var(--vert_secondary);}
.header__nav-inner .has-dropdown svg {transition:transform .25s ease;}
.header__nav-inner .has-dropdown:hover svg {transform:rotate(180deg);}
.header__nav-inner .has-dropdown > ul {position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(8px); min-width:220px; background:#fff; border-radius:14px; box-shadow:0 10px 30px rgba(20,57,71,.12); padding:10px; opacity:0; visibility:hidden; transition:all .25s ease; z-index:10;}
.header__nav-inner .has-dropdown:hover > ul {opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
.header__nav-inner .has-dropdown > ul li {display:block;}
.header__nav-inner .has-dropdown > ul a {display:block; padding:10px 14px; border-radius:8px; font-size:14px; font-weight:500;}
.header__nav-inner .has-dropdown > ul a:hover {background:#FBF3E5; color:var(--vert_primary);}

/* Menu overlay (fullscreen) */
.menu-overlay {position:fixed; inset:0; background:#fff; z-index:9970; opacity:0; visibility:hidden; transform:translateY(-12px); transition:opacity .35s ease, transform .4s cubic-bezier(.16,1,.3,1), visibility 0s linear .35s; overflow-y:auto;}
.menu-overlay.is-open {opacity:1; visibility:visible; transform:translateY(0); transition:opacity .35s ease, transform .4s cubic-bezier(.16,1,.3,1), visibility 0s;}
.menu-overlay__inner {min-height:100%; display:flex; flex-direction:column; align-items:center; gap:40px; padding:120px 30px 60px; max-width:600px; margin:0 auto; text-align:center;}
.menu-overlay__list {display:flex; flex-direction:column; gap:28px; width:100%;}
.menu-overlay__list > li {opacity:0; transform:translateY(12px); transition:opacity .4s ease, transform .4s ease;}
.menu-overlay.is-open .menu-overlay__list > li {opacity:1; transform:translateY(0);}
.menu-overlay.is-open .menu-overlay__list > li:nth-child(1) {transition-delay:.1s;}
.menu-overlay.is-open .menu-overlay__list > li:nth-child(2) {transition-delay:.16s;}
.menu-overlay.is-open .menu-overlay__list > li:nth-child(3) {transition-delay:.22s;}
.menu-overlay.is-open .menu-overlay__list > li:nth-child(4) {transition-delay:.28s;}
.menu-overlay.is-open .menu-overlay__list > li:nth-child(5) {transition-delay:.34s;}
.menu-overlay.is-open .menu-overlay__list > li:nth-child(6) {transition-delay:.4s;}
.menu-overlay__list > li > a {display:inline-flex; align-items:center; gap:8px; font-family:var(--ff-second); font-weight:700; font-size:19px; color:var(--vert_secondary); transition:color .2s ease;}
.menu-overlay__list > li > a:hover {color:var(--vert_primary);}
.menu-overlay__list > li > p {font-family:var(--ff-second); font-size:15px; color:var(--c-primary); margin-top:6px;}
.menu-overlay__list .has-dropdown > ul {display:none; margin-top:14px; gap:10px; flex-direction:column;}
.menu-overlay__list .has-dropdown.is-open > ul {display:flex;}
.menu-overlay__list .has-dropdown > ul a {font-size:15px; font-weight:500; color:var(--c-primary);}
.menu-overlay__list .has-dropdown > ul a:hover {color:var(--vert_secondary);}
.menu-overlay__list .has-dropdown.is-open > a svg {transform:rotate(180deg);}
.menu-overlay__list .has-dropdown > a svg {transition:transform .25s ease;}
.menu-overlay__actions {display:none; flex-direction:column; gap:10px; width:100%; max-width:340px; opacity:0; transform:translateY(12px); transition:opacity .4s ease .46s, transform .4s ease .46s;}
.menu-overlay.is-open .menu-overlay__actions {opacity:1; transform:translateY(0);}
.menu-overlay__actions .header__pill {justify-content:center;}

body.menu-open {overflow:hidden;}

/* Header responsive */
@media all and (max-width:1023px) {
    .header__nav {display:none;}
    .header__pill--mail span, .header__pill--pin span {display:none;}
    .header__pill--mail, .header__pill--pin {padding:10px;}
    .header__menu-btn {display:inline-flex !important;}
}
@media all and (max-width:767px) {
    .header__pill--mail, .header__pill--pin {display:none;}
    .header__logo img {height:30px;}
    #header.is-scrolled .header__logo img {height:26px;}
    .header__cta {padding:8px 16px !important; font-size:13px !important; text-align:center; line-height:14px; width:92px; height:44px; box-sizing:border-box;}
    .header__menu-btn {padding:8px 16px; height:44px; box-sizing:border-box;}
    .header__menu-btn:hover {background:#FCF9F4;}
    .header__top .container {padding:0 15px !important;}
    .header__top-inner {gap:10px;}
    .menu-overlay__actions {display:flex;}
}
/* Footer */
#footer { font-family: var(--ff-second); padding: 80px 0 20px}
/* Bloc accès : mutualisé entre le footer et le bloc composer « Accès » */
.bloc-acces .wysiwyg p { margin-bottom: 15px}
.bloc-acces .flex { display: flex; gap:20px 40px  }
.bloc-acces .flex > div:nth-child(1) { flex:1 }
.bloc-acces .flex > div:nth-child(2) { flex:0 0 63% }

.bloc-acces .infos { display: flex; gap:20px 40px; margin-bottom: 20px}
.bloc-acces .infos > div:nth-child(1) { flex:0 0 43%; }
.bloc-acces .acces-media img { width:100%; height:auto; display:block; border-radius:5px; }
.bloc-acces .acces-legende { color:var(--vert_secondary); font-weight:700; text-align:center; margin-top:8px; }

.flogo img { height: 50px; margin-bottom: 10px}
.fsocial { display: flex; gap:5px 10px; padding-bottom: 15px}
.fsocial .waka_rs { display:flex; flex-wrap:wrap; gap:10px; align-items:center}
.fsocial .waka_rs a { display:block; line-height:0}
.fsocial .waka_rs svg, .fsocial .waka_rs img { width:26px; height:26px; display:block}


#footer .fbottom { text-align: center}
#footer .fbottom .wysiwyg p { margin-bottom: 0; color:var(--vert_primary); font-size: 15px  }
#footer .fbottom a { text-decoration: none; color:var(--vert_primary)}
#footer .fbottom a:hover { text-decoration: underline}


@media all and (max-width:767px) {
    html {font-size:57.5%;}
    .container {padding:0 35px !important;}
    .row {flex-direction:column;}
    .row [class^="col"] {max-width:100%; flex:0 0 100%; margin-bottom:2rem !important; padding:0 !important;}
    .row [class^="col"] .col {padding:0;}
    .row [class^="col"]:last-child {margin-bottom:0 !important;}

    #footer {padding-top:40px;}
    .bloc-acces img {width:100%;}
    .bloc-acces .flex, .bloc-acces .infos {flex-direction:column;}
}


/*--------- [ POPINS FORMULAIRES (réservation / devis) ] ---------*/
.md-popin-open {overflow:hidden;}
.md-popin {position:fixed; inset:0; z-index:10000; display:flex; align-items:flex-start; justify-content:center; padding:30px 16px; overflow-y:auto; background:var(--vert_primary); opacity:0; visibility:hidden; transition:opacity .3s ease, visibility 0s linear .3s;}
.md-popin.is-open {opacity:1; visibility:visible; transition:opacity .3s ease;}
.md-popin__panel {position:relative; width:100%; max-width:380px; margin:auto; background:transparent; padding:26px 0 40px; transform:translateY(12px); transition:transform .35s cubic-bezier(.16,1,.3,1);}
.md-popin.is-open .md-popin__panel {transform:translateY(0);}

.md-popin__close {display:flex; width:fit-content; align-items:center; gap:10px; margin:0 0 14px auto; background:#2f5e44; color:#fff; border:0; border-radius:100px; padding:9px 16px; font-family:var(--ff-second); font-size:13px; font-weight:700; letter-spacing:.04em; cursor:pointer; transition:background-color .2s ease;}
.md-popin__close:hover {background:#27513a;}
.md-popin__close svg {width:13px; height:13px;}
.md-popin__title {color:#fff; text-align:center; font-size:2.8rem; line-height:3.5rem; font-weight:400; margin:0 0 25px;}

/* Formulaire CF7 dans la popin */
.md-popin .wpcf7 {margin:0;}
.md-popin form.wpcf7-form {display:flex; flex-direction:column;}
.md-popin .md-field {position:relative; margin-bottom:11px;}
.md-popin .md-field .wpcf7-form-control-wrap {display:block; margin:0;}
.md-popin .md-field input:not([type=checkbox]):not([type=radio]):not([type=submit]), .md-popin .md-field select {width:100%; height:40px; margin:0; border:0; border-radius:100px; font-family:var(--ff-second); font-size:15px; font-weight:500; padding:0 22px; box-shadow:none;}

/* Case à cocher (être rappelé) */
.md-popin .md-check {margin-bottom:11px;}
.md-popin .md-check .wpcf7-list-item {margin:0;}
.md-popin .md-check label {display:flex; align-items:center; gap:9px; color:#fff; font-family:var(--ff-second); font-size:12.5px; font-weight:500; cursor:pointer;}
.md-popin .md-check .wpcf7-list-item-label {color:#fff; font-size:13.5px; position:relative; top:-2px;}
.md-popin .md-check input[type=checkbox] {-webkit-appearance:none; appearance:none; width:18px; height:18px; flex:0 0 auto; background:#fff; border:0; border-radius:4px; cursor:pointer; position:relative; top:0;}
.md-popin .md-check input[type=checkbox]:checked {background:var(--vert_secondary);}
.md-popin .md-check input[type=checkbox]:checked::after {content:""; position:absolute; left:6px; top:2px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg);}
.md-popin .wpcf7-form-control.wpcf7-checkbox {display:block; margin:10px 5px 3px;}
.md-popin .md-field textarea {width:100%; margin:0; border:0; border-radius:20px; font-family:var(--ff-second); font-size:15px; font-weight:500; padding:11px 20px; min-height:85px; height:85px; resize:none; box-shadow:none;}

/* Champ "identité" (pill foncé, sans picto) */
/* Les :not() montent la spécificité au-dessus de la règle globale input{background:#fff} du thème. */
.md-popin .md-field--dark input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]), .md-popin .md-field--dark textarea {background:var(--c-primary); color:#fff;}
.md-popin .md-field--dark input::placeholder, .md-popin .md-field--dark textarea::placeholder {color:#fff;}
/* Autofill navigateur : garder le fond navy + texte blanc (sinon Chrome force un bleu clair) */
.md-popin .md-field input:-webkit-autofill, .md-popin .md-field input:-webkit-autofill:hover, .md-popin .md-field input:-webkit-autofill:focus, .md-popin .md-field input:-webkit-autofill:active {-webkit-box-shadow:0 0 0 1000px var(--c-primary) inset; -webkit-text-fill-color:#fff; caret-color:#fff; transition:background-color 9999s ease 0s;}

/* Champ "intelligent" (pill vert + picto à gauche, chevron si select) */
.md-popin .md-field--green input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]), .md-popin .md-field--green select {background:var(--c-primary); color:#fff; padding-left:50px;}
/* Date : on masque l'indicateur natif (flèche incohérente sur Android) — le picker s'ouvre
   au tap/clic via showPicker() (functions.js). Placeholder « Date » custom car input[type=date]
   n'affiche aucun placeholder quand il est vide (surtout sur Android). */
.md-popin input[type=date] {-webkit-appearance:none; appearance:none;}
.md-popin input[type=date]::-webkit-calendar-picker-indicator {display:none; -webkit-appearance:none;}
/* État vide : on masque tout le texte natif (conteneur + chaque segment), même au focus,
   et le placeholder custom « Date » prend sa place. */
.md-popin .md-ico-date.md-date-empty input[type=date]::-webkit-datetime-edit, .md-popin .md-ico-date.md-date-empty input[type=date]::-webkit-datetime-edit-text, .md-popin .md-ico-date.md-date-empty input[type=date]::-webkit-datetime-edit-month-field, .md-popin .md-ico-date.md-date-empty input[type=date]::-webkit-datetime-edit-day-field, .md-popin .md-ico-date.md-date-empty input[type=date]::-webkit-datetime-edit-year-field {color:transparent;}
.md-popin .md-ico-date.md-date-empty::after {content:"Date"; position:absolute; left:50px; top:20px; transform:translateY(-50%); color:#fff; font-family:var(--ff-second); font-size:15px; line-height:1; pointer-events:none; z-index:1;}
/* Supprime la surbrillance bleue native du segment date au focus (sans changer la couleur du texte) */
.md-popin input[type=date]::-webkit-datetime-edit-fields-wrapper {background:transparent;}
.md-popin input[type=date]::-webkit-datetime-edit-month-field, .md-popin input[type=date]::-webkit-datetime-edit-day-field, .md-popin input[type=date]::-webkit-datetime-edit-year-field {background:transparent;}
.md-popin input[type=date]::-webkit-datetime-edit-month-field:focus, .md-popin input[type=date]::-webkit-datetime-edit-day-field:focus, .md-popin input[type=date]::-webkit-datetime-edit-year-field:focus {background:transparent;}
.md-popin .md-field--green input::placeholder {color:#fff;}
/* Picto en mask : la couleur est pilotée en CSS (vert), pas besoin de recolorer les SVG. */
.md-popin .md-field--green::before {content:""; position:absolute; left:20px; top:20px; transform:translateY(-50%); width:21px; height:21px; background-color:var(--vert_secondary); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:21px; mask-size:21px; pointer-events:none; z-index:2;}
.md-popin .md-field--green select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:44px; background-image:url(../images/picto-chevron.svg); background-repeat:no-repeat; background-position:right 20px center; background-size:13px;}
.md-popin .md-field--green select:invalid, .md-popin .md-field--green select option[disabled] {color:rgba(255,255,255,.85);}
.md-popin .md-field select option {color:var(--c-primary); background:#fff;}

/* Pictos par champ (mask-image → teinte verte via background-color ci-dessus) */
.md-popin .md-ico-couverts::before {-webkit-mask-image:url(../images/picto-couverts.svg); mask-image:url(../images/picto-couverts.svg);}
.md-popin .md-ico-date::before {-webkit-mask-image:url(../images/picto-calendar.svg); mask-image:url(../images/picto-calendar.svg);}
.md-popin .md-ico-horaire::before {-webkit-mask-image:url(../images/picto-clock.svg); mask-image:url(../images/picto-clock.svg);}
.md-popin .md-ico-prestation::before {-webkit-mask-image:url(../images/picto-dome.svg); mask-image:url(../images/picto-dome.svg);}
.md-popin .md-ico-participants::before {-webkit-mask-image:url(../images/picto-users.svg); mask-image:url(../images/picto-users.svg);}
.md-popin .md-ico-recuperation::before {-webkit-mask-image:url(../images/picto-truck.svg); mask-image:url(../images/picto-truck.svg);}
.md-popin .md-ico-lieu::before {-webkit-mask-image:url(../images/picto-place.svg); mask-image:url(../images/picto-place.svg);}
.md-popin .md-ico-budget::before {-webkit-mask-image:url(../images/picto-wallet.svg); mask-image:url(../images/picto-wallet.svg);}

/* Bouton envoyer */
.md-popin .md-submit {margin-top:7px;}
.md-popin .md-submit input[type=submit], .md-popin input.wpcf7-submit {width:100%; background:#fff; color:var(--vert_secondary); border:0; border-radius:100px; padding:13px 22px; font-family:var(--ff-second); font-size:16px; font-weight:700; cursor:pointer; transition:background-color .2s ease;}
.md-popin .md-submit input[type=submit]:hover, .md-popin input.wpcf7-submit:hover {background:#f1ead8;}

/* Message de fermeture (case « Fermeture » cochée dans les options) */
.md-popin__closed {color:#fff; text-align:center; font-size:16px; line-height:1.5; padding:26px 18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:18px; margin-bottom:25px;}

/* Pied de popin */
.md-popin__foot {margin-top:0; text-align:center; font-family:var(--ff-second); font-size:14.5px; line-height:1.4; color:#fff;}
.md-popin__foot .md-popin__req {font-size:12.5px; color:rgba(255,255,255,.6); margin:0 0 14px;}
.md-popin__foot p {margin:0 0 12px;}
.md-popin__foot a {color:#fff; font-weight:700; text-decoration:underline; white-space:nowrap;}
.md-popin__mail {display:inline-flex; align-items:center; gap:9px; margin-top:4px; background:#2E5D42; color:#fff; border-radius:100px; padding:11px 20px; font-size:14px; font-weight:600; text-decoration:none;}
.md-popin__mail img {width:17px; height:17px; filter:brightness(0) invert(1);}

/* Messages CF7 */
.md-popin .wpcf7-response-output {color:#fff; background:rgb(224,173,84)!important; border-color:rgb(224,173,84)!important; border-radius:12px; margin:5px 0 10px!important; padding:10px!important; font-size:13px;}
.md-popin .wpcf7-spinner {display:none;}
.md-popin .wpcf7-not-valid-tip {color:rgb(224, 173, 84); font-size:12.5px; padding:5px 22px 0 0;}
.md-popin .md-field--green .wpcf7-not-valid-tip {padding-left:0;}
.md-popin .md-date-hint {display:block; color:rgb(224,173,84); font-family:var(--ff-second); font-size:12.5px; padding:5px 22px 0 50px;}

@media all and (max-width:600px) {
    .md-popin {padding:24px 16px;}
    .md-popin__title {font-size:2.6rem; line-height:3rem;}
}