/* ═══════════════════════════════════════════════════════════════════════
   Pages légales d'Eliab — mentions légales, CGV, confidentialité
   Feuille commune aux trois pages, dans la palette de la landing.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  --ink:#1a1610; --paper:#faf8f4; --warm:#f5f0e8;
  --copper:#c4722a; --copper-dark:#a35d1f; --copper-glow:#fdf5ec;
  --sage:#3a8a5c; --stone:#8a7e74; --stone-light:#b8ada3; --border:#e4dcd2;
  --navy:#1C2333;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Outfit',-apple-system,Segoe UI,sans-serif;background:var(--paper);
     color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}

/* ── Barre du haut ── */
.legal-nav{position:sticky;top:0;z-index:100;background:rgba(250,248,244,.94);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:13px 0}
.legal-nav-inner{max-width:860px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-back{color:var(--stone);text-decoration:none;font-size:.88rem;font-weight:500}
.legal-back:hover{color:var(--copper-dark)}
.legal-nav img{height:26px;width:auto;display:block}

/* ── Contenu ── */
.legal-content{max-width:860px;margin:0 auto;padding:48px 24px 20px}
h1{font-family:'Instrument Serif',Georgia,serif;font-size:2.4rem;font-weight:400;
   line-height:1.15;letter-spacing:-.01em}
.legal-updated{color:var(--stone-light);font-size:.85rem;margin-top:8px}
.legal-card{background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:34px 36px;margin-top:26px;box-shadow:0 2px 20px rgba(26,22,16,.05)}
.legal-card section{padding:26px 0;border-bottom:1px solid var(--border)}
.legal-card section:first-child{padding-top:0}
.legal-card section:last-child{border-bottom:none;padding-bottom:0}
h2{font-size:1.12rem;font-weight:700;margin-bottom:12px;display:flex;
   align-items:center;gap:11px;line-height:1.35}
.section-num{flex-shrink:0;width:27px;height:27px;border-radius:8px;
  background:var(--copper-glow);color:var(--copper-dark);
  display:grid;place-items:center;font-size:.8rem;font-weight:700}
h3{font-size:.95rem;font-weight:700;margin:18px 0 8px}
p{font-size:.93rem;color:#3d352c;margin-bottom:12px}
p:last-child{margin-bottom:0}
a{color:var(--copper-dark)}
.legal-list{list-style:none;margin:4px 0 12px}
.legal-list li{font-size:.93rem;color:#3d352c;padding:5px 0 5px 22px;position:relative}
.legal-list li::before{content:'—';position:absolute;left:0;color:var(--stone-light)}
.legal-highlight{background:var(--copper-glow);border-left:3px solid var(--copper);
  border-radius:8px;padding:14px 17px;font-size:.9rem;color:#5a4527;margin:12px 0}
.legal-highlight strong{color:var(--ink)}

/* ── Tableaux ── */
.legal-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.86rem}
.legal-table th{background:var(--warm);text-align:left;padding:9px 11px;
  font-weight:700;border-bottom:1px solid var(--border);font-size:.8rem}
.legal-table td{padding:9px 11px;border-bottom:1px solid var(--border);color:#3d352c}
.legal-table tr:last-child td{border-bottom:none}

/* ── Pied ── */
.legal-also{max-width:860px;margin:26px auto 0;padding:0 24px;
  font-size:.88rem;color:var(--stone);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.legal-also a{text-decoration:none;font-weight:600}
.legal-also .sep{color:var(--stone-light)}
.legal-footer{background:var(--warm);border-top:1px solid var(--border);
  margin-top:44px;padding:26px 24px;text-align:center;font-size:.82rem;color:var(--stone)}

@media(max-width:700px){
  .legal-card{padding:24px 20px}
  h1{font-size:1.8rem}
  .legal-table{font-size:.78rem}
  .legal-table th,.legal-table td{padding:7px 8px}
}