/* edilteco-plancher.fr — page unique "Produits actuellement non disponibles" (proposition A) */
@font-face{font-family:"Barlow";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/barlow-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2) format("woff2")}

:root{--navy:#0d2a3f;--blue:#2086bd;--blue-dark:#1a6f9d;--ink:#ffffff;--muted:#c4d6e3;--line:rgba(255,255,255,.22);
--paper:#f5f7f9;--text:#14212b;--text-muted:#5b6b78;--rule:#dbe3ea;
--display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:Barlow,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--body);-webkit-font-smoothing:antialiased}
a:focus-visible,.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Accueil */
body.home{color:var(--ink);background-color:var(--navy);background-image:url(/img/plancher-entrevous.jpg);background-position:center;background-size:cover;color-scheme:dark}
.veil{min-height:100vh;min-height:100svh;background:linear-gradient(100deg,rgba(13,42,63,.96) 0%,rgba(13,42,63,.88) 48%,rgba(13,42,63,.55) 100%);display:flex;flex-direction:column;padding-inline:clamp(16px,6vw,96px);padding-block:32px}
.logo{width:180px;height:auto;display:block}
.home main{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:680px;padding-block:56px;gap:24px}
.eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}
h1{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(2.4rem,6vw,4.2rem);line-height:.98;margin:0;text-wrap:balance}
.home h1::before{content:"";display:block;width:72px;height:6px;background:var(--blue);margin-bottom:22px}
.lead{font-size:1.15rem;line-height:1.6;color:var(--muted);margin:0;max-width:60ch}
.contact{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;font-style:normal}
.contact > div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.contact h2{font-family:var(--display);font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em;margin:0}
.contact p{margin:0;line-height:1.6;color:var(--muted)}
.home a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--blue)}
.home a.btn{display:inline-block;margin-top:10px;background:var(--blue);color:#fff;border:0;padding:12px 22px;border-radius:2px;font-weight:600;white-space:nowrap}
.home a.btn:hover{background:var(--blue-dark)}
.home a.btn-alt{background:transparent;border:1px solid #fff;padding:11px 21px}
.home a.btn-alt:hover{background:rgba(255,255,255,.14)}
.home .contact a.btn{margin-top:auto}
.contact p:last-of-type{margin-bottom:14px}
.home footer{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
.home footer p{margin:0;line-height:1.6}
.home footer strong{color:var(--ink);font-weight:600}

/* Mentions légales */
body.legal{background:var(--paper);color:var(--text);color-scheme:light}
.legal header{background:var(--navy);padding-inline:clamp(16px,6vw,96px);padding-block:20px}
.legal main{max-width:760px;margin:0 auto;padding-inline:16px;padding-block:48px 64px}
.legal h1{font-size:clamp(2rem,5vw,2.8rem);margin-bottom:8px}
.legal .maj{color:var(--text-muted);margin:0 0 32px}
.legal h2{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.3rem;letter-spacing:.03em;margin:32px 0 8px;border-top:1px solid var(--rule);padding-top:20px}
.legal p{line-height:1.65;margin:0}
.legal main a{color:var(--blue-dark)}
.legal .back{display:inline-block;margin-top:40px}
/* Documentation */
.legal .note{background:#e8f1f7;border-left:4px solid var(--blue);padding:14px 18px;margin:0 0 8px}
.doclist{list-style:none;margin:0;padding:0}
.doclist li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.doclist a{font-weight:600;text-decoration:none;color:var(--text)}
.doclist a::before{content:"PDF";display:inline-block;font-size:.68rem;letter-spacing:.08em;background:var(--navy);color:#fff;padding:3px 6px;margin-right:10px;vertical-align:2px}
.doclist a:hover{color:var(--blue-dark);text-decoration:underline}
.doclist span{color:var(--text-muted);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.legal .small{color:var(--text-muted);font-size:.85rem;margin-top:28px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}