/* =====================================================================
   Mentions légales & Confidentialité (feuille partagée ; privacy.css l'importe)
   Charte de l'accueil : bleu nuit #0B1044, rose #E72773, dégradé #FF2D7A→#FF6839.
   ===================================================================== */
.page-mentions-legales,.page-confidentialite{--lg-ink:#0b1044;--lg-text:#535973;--lg-line:#e6e8f0;--lg-pink:#e72773;--lg-pink-dark:#c10861;--lg-grad:linear-gradient(90deg,#ff2d7a,#ff6839)}
.page-mentions-legales main,.page-confidentialite main{overflow-x:clip}
.tint-pink{--tint:#e72773;--tint-bg:#fdeaf1}
.tint-orange{--tint:#e2531c;--tint-bg:#ffeee6}
.tint-violet{--tint:#5b4fe0;--tint-bg:#eeedfc}
.tint-cyan{--tint:#0f84ad;--tint-bg:#e3f5fb}

/* Illustrations */
.ap-illu{display:block;width:100%;height:auto;overflow:visible}
.ap-illu .ap-a-spin-slow,.ap-illu .ap-a-breathe,.ap-illu .ap-a-twinkle{transform-box:fill-box;transform-origin:center}
.ap-illu .ap-a-spin-slow{animation:lg-spin 40s linear infinite}
.ap-illu .ap-a-bob{animation:lg-bob 5s ease-in-out infinite}
.ap-illu .ap-a-late{animation-delay:-2.5s}
.ap-illu .ap-a-breathe{animation:lg-breathe 5s ease-in-out infinite}
.ap-illu .ap-a-twinkle{animation:lg-twinkle 3s ease-in-out infinite}
.ap-illu .ap-a-line{stroke-dasharray:100;animation:lg-line 4s ease-in-out infinite}
.ap-illu .ap-a-d2{animation-delay:.3s}.ap-illu .ap-a-d3{animation-delay:.6s}
@keyframes lg-spin{to{transform:rotate(360deg)}}
@keyframes lg-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lg-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes lg-twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
@keyframes lg-line{0%{stroke-dashoffset:100}40%,100%{stroke-dashoffset:0}}
@keyframes lg-orb{0%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,20px) scale(.95)}100%{transform:translate(0,0) scale(1)}}
@keyframes lg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* Apparition (classe posée par le JS de la page) */
.lg-js .lg-rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.lg-js .lg-rv.is-in{opacity:1;transform:none}

/* Hero compact */
.lg-hero{position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding:48px 0 40px;background:radial-gradient(60% 90% at 80% 40%,#f6f2f7 0,#fff0 70%),linear-gradient(110deg,#f7fbff 0%,#fff 45%,#fdf6f9)}
.lg-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);pointer-events:none}
.lg-orb-1{width:340px;height:340px;top:-140px;inset-inline-start:-120px;background:#e7277324;animation:lg-orb 22s ease-in-out infinite}
.lg-orb-2{width:300px;height:300px;bottom:-160px;inset-inline-end:10%;background:#5b4fe01f;animation:lg-orb 26s ease-in-out infinite reverse}
.lg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:center}
.lg-hero .eyebrow{font-size:12px;letter-spacing:3px;margin-bottom:14px;text-transform:uppercase}
.lg-hero h1{font-size:clamp(34px,4vw,56px);font-weight:800;letter-spacing:-2px;line-height:1.05;color:var(--lg-ink);margin-bottom:16px}
.lg-hero h1:after{content:'';display:block;width:72px;height:5px;margin-top:18px;border-radius:5px;background:var(--lg-grad);background-size:200% 100%;animation:lg-grad 6s ease-in-out infinite}
@keyframes lg-grad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.lg-lead{font-size:17px;max-width:620px}
.lg-hero-art{width:100%;max-width:260px;justify-self:end;filter:drop-shadow(0 18px 30px #0b104418)}

/* Points clés (confidentialité) */
main>.lg-highlights{position:relative;z-index:2;margin-top:-34px}
.page-confidentialite .lg-hero{padding-bottom:64px}
.lg-highlights ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lg-highlights li{display:flex;align-items:center;gap:14px;margin:0;padding:18px 20px;border-radius:10px;background:#fff;border:1px solid var(--lg-line);box-shadow:0 8px 24px #0b10440d;font-weight:700;font-size:15px;color:var(--lg-ink);line-height:1.4}
.lg-highlights li:before{content:none}

/* Mise en page : sommaire collant + cartes */
.lg-body{padding:48px 0 24px}
.lg-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start}
.lg-aside{position:sticky;top:116px;display:grid;gap:16px}
.lg-toc{padding:20px;border-radius:10px;background:#fff;border:1px solid var(--lg-line);box-shadow:0 2px 10px #0b104408}
.lg-toc-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--lg-pink-dark);margin-bottom:12px}
html[lang=ar] .lg-toc-title,html[lang=ar] .lg-hero .eyebrow{letter-spacing:0}
.lg-toc-title .icon{width:18px;height:18px}
.lg-toc ol{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.lg-toc li{margin:0}
.lg-toc li:before{content:none}
.lg-toc a{position:relative;display:flex;gap:10px;align-items:baseline;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--lg-text);transition:background .25s ease,color .25s ease}
.lg-toc a span{font-size:11px;font-weight:800;color:#6b7190}
.lg-toc a:hover{background:#f6f7fb;color:var(--lg-ink)}
.lg-toc a[aria-current=true]{background:#fff0f6;color:var(--lg-pink-dark)}
.lg-toc a[aria-current=true] span{color:var(--lg-pink)}
.lg-toc a[aria-current=true]:before{content:'';position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--lg-grad)}
.lg-aside-card{display:grid;gap:12px;padding:20px;border-radius:10px;background:linear-gradient(135deg,#fff5f8,#f4f3ff);border:1px solid var(--lg-line)}
.lg-aside-label{font-size:12px;font-weight:800;color:var(--lg-ink)}
.lg-aside-card .text-link{color:var(--lg-pink-dark)}
.lg-mail{justify-content:center}
.lg-mail .icon{width:20px;height:20px}
.lg-sections{display:grid;gap:20px}
.lg-card{scroll-margin-top:120px;padding:30px 32px;border-radius:10px;background:#fff;border:1px solid var(--lg-line);box-shadow:0 2px 10px #0b104408;transition:box-shadow .35s ease,border-color .35s ease}
.lg-card:hover,.lg-card:target{box-shadow:0 16px 36px #0b104412;border-color:#f3c3d6}
.lg-card header{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.lg-card h2{font-size:clamp(20px,2vw,24px);letter-spacing:-.4px;line-height:1.3;color:var(--lg-ink)}
html[lang=ar] .lg-card h2,html[lang=ar] .lg-hero h1{letter-spacing:0;line-height:1.4}
.lg-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--tint-bg);color:var(--tint)}
.lg-ic .icon{width:22px;height:22px}
.lg-content p{font-size:15.5px;line-height:1.75;max-width:760px}
.lg-content p+p{margin-top:12px}
.lg-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0}
.lg-dl>div{padding:14px 16px;border-radius:8px;background:#f8f9fc;border:1px solid var(--lg-line)}
.lg-dl dt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--lg-text);margin-bottom:4px}
html[lang=ar] .lg-dl dt{letter-spacing:0}
.lg-dl dt .icon{width:16px;height:16px;color:var(--lg-pink)}
.lg-dl dd{margin:0;font-weight:700;color:var(--lg-ink);overflow-wrap:anywhere}
.lg-dl a,.lg-mailto a{color:var(--lg-pink-dark)}
.lg-dl a:hover{text-decoration:underline}
.lg-mailto .icon{width:18px}
.lg-top{justify-self:start;margin-top:4px;color:var(--lg-text)}
.lg-top .icon{width:18px}

@media(max-width:960px){
  .lg-layout{grid-template-columns:1fr;gap:24px}
  .lg-aside{position:static}
  .lg-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg-highlights ul{grid-template-columns:1fr}
}
@media(max-width:640px){
  .lg-hero{padding:32px 0 28px}
  .lg-hero-grid{grid-template-columns:1fr;gap:20px}
  .lg-hero-art{max-width:170px;justify-self:start;grid-row:1}
  .lg-toc ol{grid-template-columns:1fr}
  .lg-card{padding:22px 18px}
  .lg-card header{gap:12px}
  .lg-ic{width:42px;height:42px}
  .lg-body{padding-top:32px}
}
@media(prefers-reduced-motion:reduce){
  .page-mentions-legales *,.page-confidentialite *{animation:none!important;transition:none!important}
  .lg-js .lg-rv{opacity:1;transform:none}
}