/* Socle StarLead — module COOKIES v1. Couleurs reprises du site via les variables --socle-*. */
.socle-cookies{position:fixed;z-index:60;left:12px;right:12px;bottom:12px;max-width:560px;margin:0 auto;padding:16px 18px;
  background:var(--socle-fond-sombre,#17171A);color:var(--socle-texte-clair,#F4F3EF);border-radius:var(--socle-rayon,14px);
  box-shadow:0 10px 40px rgba(0,0,0,.28);font-size:15px;line-height:1.45}
.socle-cookies[hidden]{display:none}
.socle-cookies p{margin:0 0 12px}
.socle-cookies a{color:inherit;text-decoration:underline}
.socle-cookies .socle-cookies-actions{display:flex;gap:10px}
.socle-cookies button{flex:1;min-height:46px;padding:10px 14px;border-radius:calc(var(--socle-rayon,14px) * .7);font:inherit;font-weight:700;cursor:pointer;
  border:2px solid var(--socle-texte-clair,#F4F3EF)}
/* Accepter et Refuser : même taille, même poids (exigence de l'Autorité de protection des données). */
.socle-cookies [data-consent="oui"]{background:var(--socle-texte-clair,#F4F3EF);color:var(--socle-fond-sombre,#17171A)}
.socle-cookies [data-consent="non"]{background:transparent;color:var(--socle-texte-clair,#F4F3EF)}
.socle-cookies button:focus-visible{outline:3px solid var(--socle-accent,#141414);outline-offset:2px}
@media (min-width:821px){.socle-cookies{left:auto;right:20px;bottom:20px;margin:0}}

/* Socle StarLead — module BARRE D'APPEL v1 : mobile uniquement (≤ 820 px). */
.socle-barre{display:none}
@media (max-width:820px){
  /* Hauteur réservée en bas de page : la barre ne recouvre jamais le pied de page. */
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .socle-barre{display:flex;gap:8px;position:fixed;z-index:50;left:0;right:0;bottom:0;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--socle-fond,#fff);
    border-top:1px solid var(--socle-bordure,rgba(0,0,0,.12));box-shadow:0 -6px 24px rgba(0,0,0,.08);
    transform:translateY(110%);transition:transform .22s ease;visibility:hidden}
  .socle-barre.on{transform:none;visibility:visible}
  .socle-barre a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:8px 12px;
    border-radius:calc(var(--socle-rayon,14px) * .7);font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap}
  .socle-barre .socle-barre-1{background:var(--socle-accent,#141414);color:var(--socle-accent-texte,#fff)}
  .socle-barre .socle-barre-2{background:transparent;color:var(--socle-texte,#17171A);border:2px solid currentColor}
  .socle-barre svg{width:20px;height:20px;flex:none}
  .socle-cookies-ouvert .socle-barre{transform:translateY(110%);visibility:hidden}
}
@media (prefers-reduced-motion:reduce){.socle-barre{transition:none}}

/* Socle StarLead — module FORMULAIRE v2 : structure et états. L'apparence vient des variables --socle-* du site. */
.socle-form{display:grid;gap:14px}
.socle-f{display:grid;gap:6px}
.socle-f label{font-weight:600}
.socle-f label .socle-opt{font-weight:400;opacity:.7}
.socle-f input,.socle-f select,.socle-f textarea{width:100%;min-height:50px;padding:12px 14px;font:inherit;font-size:16px;color:inherit;
  background:var(--socle-champ,#fff);border:1px solid var(--socle-bordure,rgba(0,0,0,.25));border-radius:calc(var(--socle-rayon,14px) * .6)}
.socle-f textarea{min-height:130px;resize:vertical}
.socle-f input:focus,.socle-f select:focus,.socle-f textarea:focus{outline:3px solid var(--socle-accent,#141414);outline-offset:1px;border-color:transparent}
.socle-f.bad input,.socle-f.bad select,.socle-f.bad textarea{border-color:var(--socle-erreur,#B3261E);border-width:2px}
.socle-err{min-height:0;color:var(--socle-erreur,#B3261E);font-size:14px;font-weight:600}
.socle-err:empty{display:none}
.socle-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}
.socle-consent input{width:22px;height:22px;min-height:0;flex:none;margin-top:1px}
.socle-f-2{display:grid;gap:14px}
@media (min-width:640px){.socle-f-2{grid-template-columns:1fr 1fr}}
.socle-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.socle-status{font-weight:600;min-height:1.4em}
.socle-status:empty{display:none}
.socle-status.is-error{color:var(--socle-erreur,#B3261E)}
.socle-ok{display:none}
[data-form-box].is-sent .socle-form{display:none}
[data-form-box].is-sent .socle-ok{display:block}
.socle-ok:focus{outline:none}
.socle-reassure{font-size:14px;opacity:.8;margin:0}

/* Socle StarLead — CMS v1 : structure minimale des blocs publics (le site en fixe l'apparence). */
.cms-actus{list-style:none;margin:0;padding:0;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.cms-actu article{display:flex;flex-direction:column;height:100%}
.cms-actu-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--socle-rayon,14px)}
.cms-actu-txt time{display:block;font-size:14px;opacity:.75;margin:12px 0 4px}
.cms-actu-txt h2,.cms-actu-txt h3{margin:0 0 6px;font-size:1.2rem;line-height:1.3}
.cms-actu-txt a{color:inherit}
.cms-actu-txt p{margin:0}
.cms-actu-photo{margin:18px 0 24px}
.cms-actu-photo img{display:block;width:100%;height:auto;border-radius:var(--socle-rayon,14px)}
.cms-actu-corps{max-width:68ch}
.cms-galerie{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.cms-galerie{grid-template-columns:repeat(3,1fr);gap:16px}}
.cms-galerie figure{margin:0}
.cms-galerie a{display:block;border-radius:var(--socle-rayon,14px);overflow:hidden}
.cms-galerie img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .3s ease}
.cms-galerie a:hover img{transform:scale(1.03)}
.cms-galerie figcaption{font-size:14px;margin-top:6px;opacity:.85}
.cms-zoom{padding:0;border:0;background:transparent;max-width:100vw;max-height:100vh;width:100%;height:100%}
.cms-zoom::backdrop{background:rgba(10,10,12,.92)}
.cms-zoom figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 12px 24px}
.cms-zoom img{max-width:100%;max-height:calc(100vh - 130px);width:auto;height:auto;border-radius:8px}
.cms-zoom figcaption{color:#fff;margin-top:12px;text-align:center}
.cms-zoom button{position:fixed;width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.cms-zoom button:focus-visible{outline:3px solid #fff}
.cms-zoom-x{top:12px;right:12px}
.cms-zoom-p{left:12px;top:50%;transform:translateY(-50%)}
.cms-zoom-n{right:12px;top:50%;transform:translateY(-50%)}
.cms-zoom.seule .cms-zoom-p,.cms-zoom.seule .cms-zoom-n{display:none}
@media (prefers-reduced-motion:reduce){.cms-galerie img{transition:none}}
/* v1.1 : réalisations et prix */
.cms-realisations{list-style:none;margin:0;padding:0;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.cms-realisation article{display:flex;flex-direction:column;height:100%}
.cms-realisation-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--socle-rayon,14px)}
.cms-lieu{font-size:14px;opacity:.8;margin:12px 0 4px}
.cms-realisation-txt h2,.cms-realisation-txt h3{margin:0 0 6px;font-size:1.2rem;line-height:1.3}
.cms-realisation-txt a{color:inherit}
.cms-realisation-txt p{margin:0}
.cms-realisation-corps{max-width:68ch;margin:6px 0 22px}
.cms-realisation-photos li:first-child{grid-column:1/-1}
.cms-realisation-photos li:first-child img{aspect-ratio:auto}
.cms-prix-lignes{list-style:none;margin:0;padding:0}
.cms-prix-lignes li{margin:4px 0}
.cms-prix-montant{font-size:1.15em}
.cms-prix-precision{opacity:.8}
.cms-condition{margin:6px 0 0;font-size:.95em;opacity:.85}
.cms-dispo-non{display:inline-block;margin:0 0 6px;padding:2px 10px;border-radius:999px;background:#F2EBD9;color:#6D5310;font-size:.9em;font-weight:600}
.cms-catalogue{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.cms-fiche-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--socle-rayon,14px)}
.cms-fiche-txt h2,.cms-fiche-txt h3{margin:12px 0 6px;font-size:1.15rem}
.cms-tableau{overflow-x:auto;margin:0 0 28px}
.cms-tableau-prix{width:100%;border-collapse:collapse;min-width:480px}
.cms-tableau-prix th,.cms-tableau-prix td{padding:12px 10px;border-bottom:1px solid rgba(0,0,0,.12);text-align:left;vertical-align:top}
.cms-tableau-prix thead th{font-size:.9em;opacity:.8}
@media (max-width:560px){.cms-tableau-prix{min-width:0}.cms-tableau-prix thead{display:none}.cms-tableau-prix tr{display:block;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.12)}.cms-tableau-prix th,.cms-tableau-prix td{display:block;padding:2px 0;border:0}}

/* Menuiserie Démo — styles du site de démonstration. Le socle ne fixe que des variables (--socle-*). */
:root{
  --papier:#F5F1EA; --papier-2:#ECE5D9; --encre:#1C1B18; --encre-2:#4A463F; --vert:#1E5B4F; --vert-2:#174A40; --bois:#B7793F; --ligne:#D8CFC0;
  --socle-accent:var(--vert); --socle-accent-texte:#fff; --socle-fond:#FBF8F3; --socle-texte:var(--encre); --socle-bordure:var(--ligne);
  --socle-champ:#fff; --socle-erreur:#A8321E; --socle-rayon:10px; --socle-fond-sombre:#1C1B18; --socle-texte-clair:#F5F1EA;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papier);color:var(--encre);font:400 17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}
img{max-width:100%;height:auto}
a{color:var(--vert)}
h1,h2,h3{line-height:1.15;letter-spacing:-.015em;margin:0 0 .5em}
h1{font-size:clamp(1.75rem,1.2rem + 3vw,3.4rem);font-weight:700}
h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.2rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
.cadre{width:min(1160px,100% - 40px);margin:0 auto}
.etroit{width:min(780px,100% - 40px)}
.evitement{position:absolute;left:-9999px}
.evitement:focus{left:12px;top:12px;z-index:100;background:#fff;padding:10px 14px;border-radius:8px}
:focus-visible{outline:3px solid var(--bois);outline-offset:2px}
.bandeau-demo{margin:0;padding:6px 16px;background:var(--bois);color:#1C1B18;font-size:14px;font-weight:600;text-align:center}

@media (max-width:640px){.bandeau-demo{font-size:13px}.bandeau-demo span{display:none}}

/* En-tête */
.entete{background:var(--papier);border-bottom:1px solid var(--ligne)}
.entete-in{display:flex;align-items:center;gap:24px;min-height:72px}
.marque{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--encre);text-decoration:none;font-weight:500;font-size:19px;letter-spacing:-.01em}
.marque b{font-weight:800;margin-left:3px}
.marque-signe{width:22px;height:22px;border:2px solid var(--encre);border-radius:3px;background:linear-gradient(135deg,transparent 46%,var(--bois) 46%,var(--bois) 56%,transparent 56%)}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--encre);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:8px}
.nav a:hover{background:var(--papier-2)}
.entete-tel{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:8px 16px;border-radius:999px;background:var(--vert);color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
.entete-tel:hover{background:var(--vert-2)}
.entete-tel-l{font-weight:500;opacity:.85}
@media (max-width:820px){
  .entete-in{flex-wrap:wrap;gap:4px 12px;padding:10px 0}
  .nav{order:3;width:100%;margin:0 -12px;overflow-x:auto}
  .entete-tel{margin-left:auto;min-height:44px;padding:8px 14px}
  .entete-tel-l{display:none}
}
@media (max-width:440px){.nav{gap:0}.nav a{padding:8px 9px}.entete-in{gap:4px 8px}.marque{font-size:16px;gap:8px}.marque-signe{width:18px;height:18px}.entete-tel{font-size:15px;padding:8px 12px}}
@media (max-width:350px){.marque b{display:none}}

/* Accueil */
.hero{padding:clamp(24px,7vw,96px) 0 clamp(40px,6vw,80px);border-bottom:1px solid var(--ligne)}
.hero-in{display:grid;gap:40px;align-items:center}
@media (min-width:960px){.hero-in{grid-template-columns:1.25fr .9fr}}
.sur{font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--encre-2);margin-bottom:14px}
.chapo{font-size:1.1rem;color:var(--encre-2);max-width:60ch}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent}
.btn-1{background:var(--vert);color:#fff}
.btn-1:hover{background:var(--vert-2)}
.btn-2{border-color:var(--encre);color:var(--encre)}
.btn-2:hover{background:var(--encre);color:var(--papier)}
.btn-3{border-color:var(--papier);color:var(--papier)}
.btn-3:hover{background:var(--papier);color:var(--encre)}
@media (max-width:520px){.cta .btn{width:100%}}
.hero-info{font-size:15px;color:var(--encre-2)}
.plan{margin:0;color:var(--encre);background:repeating-linear-gradient(0deg,transparent 0 23px,rgba(28,27,24,.06) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(28,27,24,.06) 23px 24px),#FBF8F3;border:1px solid var(--ligne);border-radius:12px;padding:20px}
.plan svg{display:block;width:100%;height:auto}
.plan .cote,.plan .cote-t{color:var(--bois)}
.plan .cote-t text:first-of-type{font-weight:600}
.bloc{padding:clamp(48px,7vw,88px) 0}
.bloc-clair{background:#FBF8F3;border-block:1px solid var(--ligne)}
.bloc-sombre{background:var(--encre);color:var(--papier)}
.bloc-sombre a{color:#E7C79E}
.bloc-t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.bloc-t h2{margin:0}
.lien-fleche{font-weight:700}
.lien-fleche::after{content:" →"}
.services{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:1px;background:var(--ligne);border:1px solid var(--ligne);border-radius:12px;overflow:hidden;grid-template-columns:1fr}
@media (min-width:640px){.services{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.services{grid-template-columns:repeat(4,1fr)}}
.services li{background:var(--papier);padding:24px}
.services h3{font-size:1.15rem;margin-bottom:.4em}
.services h3::before{content:"";display:block;width:28px;height:3px;background:var(--bois);margin-bottom:14px}
.services p{margin:0;color:var(--encre-2)}
.rappel{display:grid;gap:32px}
@media (min-width:900px){.rappel{grid-template-columns:.9fr 1.1fr;align-items:start}}
.rappel h2{color:var(--papier)}
.rappel .zone{font-size:15px;opacity:.85}
.bloc-sombre .socle-form-box{background:var(--papier);color:var(--encre);border-radius:12px;padding:clamp(18px,3vw,28px)}
.bloc-sombre .socle-form-box a{color:var(--vert)}
.socle-bouton{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 26px;border:0;border-radius:999px;background:var(--vert);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.socle-bouton:hover{background:var(--vert-2)}
.socle-bouton[disabled]{opacity:.65;cursor:wait}
.socle-ok-titre{font-size:1.4rem;font-weight:700;margin-bottom:.3em}
.fin{text-align:center}
.fin .cta{justify-content:center}
.vide{padding:20px;border:1px dashed var(--ligne);border-radius:12px;color:var(--encre-2)}

/* Contact */
.contact{display:grid;gap:36px}
@media (min-width:960px){.contact{grid-template-columns:.9fr 1.1fr;align-items:start}}
.gros{font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);font-weight:800;letter-spacing:-.02em;margin:10px 0 18px}
.gros a{color:var(--encre);text-decoration:none;border-bottom:3px solid var(--bois)}
.coord{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0 0 18px}
.coord dt{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--encre-2);padding-top:3px}
.coord dd{margin:0}
.carte-form{background:#FBF8F3;border:1px solid var(--ligne);border-radius:12px;padding:clamp(18px,3vw,30px)}

/* Actualités et galerie (classes cms-* du socle) */
.fil{margin-bottom:12px}
.cms-actu-txt time,.cms-actu-date{font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--encre-2)}
.cms-actu-corps{font-size:1.05rem}
.encart{margin-top:34px;padding:20px;border-left:4px solid var(--bois);background:#FBF8F3}
.encart p{margin:0}

/* Pages légales (classes socle-legal) */
.socle-legal{width:min(780px,100% - 40px);margin:0 auto;padding:clamp(40px,6vw,72px) 0}
.socle-legal h2{font-size:1.35rem;margin-top:1.6em}
.socle-legal-maj{font-size:14px;color:var(--encre-2)}
.liens-404{padding-left:1.2em}

/* Pied */
.pied{background:#14130F;color:#CFC8BC;padding:44px 0 26px;font-size:15px}
.pied a{color:#F5F1EA}
.pied-in{display:grid;gap:24px}
@media (min-width:760px){.pied-in{grid-template-columns:1.4fr 1fr 1fr}}
.pied-nom{color:#F5F1EA;font-weight:800;font-size:18px;margin-bottom:6px}
.pied-t{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9D968A;margin-bottom:6px}
/* Pied foncé : la réserve de la barre d'appel passe dans le pied (pas de bande claire dessous). */
@media (max-width:820px){body{padding-bottom:0}.pied{padding-bottom:calc(26px + 76px + env(safe-area-inset-bottom,0px))}}
.pied-bas{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:30px;padding-top:18px;border-top:1px solid #2E2C27;font-size:14px}
.sous-titre{margin:48px 0 18px}