/* ============================================================
   Organisa-Son — Feuille de style des pages légales
   (mentions-legales.html + politique-confidentialite.html)
   ============================================================ */

@font-face{font-family:'Clash Display';src:url(../fonts/ClashDisplay-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url(../fonts/ClashDisplay-Semibold.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url(../fonts/ClashDisplay-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Bicyclette';src:url(../fonts/Bicyclette-Light.woff2) format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Bicyclette';src:url(../fonts/Bicyclette-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Bicyclette';src:url(../fonts/Bicyclette-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --bg:#1C1918;--bg-2:#252220;--bg-3:#0F0E0D;--sand:#F1D9B1;--white:#FFFDFA;
  --line:rgba(241,217,177,.15);--line-2:rgba(241,217,177,.28);
  --display:'Clash Display','Bicyclette','Trebuchet MS',sans-serif;
  --body:'Bicyclette','Trebuchet MS',system-ui,sans-serif;
  --maxw:1280px;--ease:cubic-bezier(.16,.84,.44,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--white);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--sand);text-decoration:none;border-bottom:1px solid var(--line-2);transition:.2s}
a:hover{border-color:var(--sand)}
::selection{background:var(--sand);color:var(--bg)}
:focus-visible{outline:2px solid var(--sand);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--sand);color:var(--bg);padding:10px 16px;z-index:200;border:0}
.skip:focus{left:12px;top:12px}

/* Header identique à l'accueil (simplifié, sans interactions JS) */
header.nav{position:sticky;top:0;z-index:100;background:rgba(28,25,24,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-logo{border:0;line-height:0}
.brand-logo{height:30px;width:auto;color:var(--sand);display:block}
.nav-right{display:flex;align-items:center;gap:22px}
.nav-right a.link{font-size:.92rem;font-weight:500;color:rgba(255,253,250,.82);border:0}
.nav-right a.link:hover{color:var(--white)}
.btn{display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:.9rem;padding:11px 22px;border-radius:2px;border:1px solid transparent;background:var(--sand);color:var(--bg)!important;transition:all .3s var(--ease)}
.btn:hover{background:#fff}

/* Corps de lecture */
main{max-width:760px;margin:0 auto;padding:clamp(48px,8vh,96px) 28px clamp(64px,10vh,120px)}
.eyebrow{font-weight:600;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--sand)}
h1{font-family:var(--display);font-weight:700;font-size:clamp(2rem,5vw,3.2rem);line-height:1.04;margin:14px 0 10px;letter-spacing:-.01em}
.lead{font-weight:300;color:rgba(255,253,250,.8);font-size:1.08rem;margin-bottom:8px}
.updated{font-size:.85rem;color:rgba(255,253,250,.55);margin-bottom:40px}
h2{font-family:var(--display);font-weight:600;font-size:clamp(1.3rem,2.6vw,1.7rem);margin:48px 0 14px;padding-top:24px;border-top:1px solid var(--line);line-height:1.2}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-family:var(--display);font-weight:600;font-size:1.1rem;margin:26px 0 8px;color:var(--white)}
p{margin:0 0 16px;color:rgba(255,253,250,.86);max-width:72ch}
ul{margin:0 0 18px;padding-left:22px;color:rgba(255,253,250,.86)}
li{margin-bottom:8px}
strong,b{color:var(--white);font-weight:700}
.card{border:1px solid var(--line-2);border-left:2px solid var(--sand);background:rgba(255,253,250,.02);padding:24px 26px;margin:0 0 20px;border-radius:2px}
.card p:last-child{margin-bottom:0}
dl{margin:0 0 18px}
dl div{display:grid;grid-template-columns:220px 1fr;gap:8px 24px;padding:10px 0;border-top:1px solid var(--line)}
dl div:first-child{border-top:0}
dt{font-weight:600;color:rgba(255,253,250,.62);font-size:.92rem}
dd{color:var(--white)}
@media (max-width:600px){dl div{grid-template-columns:1fr;gap:2px}}

/* Footer identique à l'accueil */
footer{background:var(--bg-3);padding:52px 0 32px;margin-top:40px}
.foot-wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.foot-top{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid var(--line)}
.foot-logo .brand-logo{height:32px}
.foot-base{font-size:.86rem;font-weight:300;color:rgba(255,253,250,.55);margin-top:14px;max-width:34ch;border:0}
.foot-links{display:flex;flex-wrap:wrap;gap:24px}
.foot-links a{font-size:.9rem;color:rgba(255,253,250,.7);border:0}
.foot-links a:hover{color:var(--sand)}
.foot-bottom{padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:.8rem;color:rgba(255,253,250,.5)}
.foot-bottom a{color:rgba(255,253,250,.6);border:0}
.foot-bottom a:hover{color:var(--sand)}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}