/* ════════════════════════════════════════════════════════════════════════
   sd-chrome.css — tokens + en-tête + pied de page du site (refonte).
   Chargé par TOUTES les pages : nouvelles (avec sd.css) et historiques (via includes/header.php).
   Aucun sélecteur global ni de nom de classe générique : seuls .sd-*, .sr-only et les variables :root,
   pour ne jamais entrer en collision avec le CSS propre aux pages historiques.
   ════════════════════════════════════════════════════════════════════════ */
:root{
  --navy:#0d2b5e;--navy-mid:#163a7a;--teal:#00c9a7;--teal-dark:#00a588;--sky:#3b9eff;
  --bg:#f4f8ff;--surface:#fff;--surface-2:#eaf1fc;--text:#1e2d45;--muted:#64748b;--border:#dde8f8;
  --on-navy:#fff;--danger:#c0392b;--ok:#15803d;
  --shadow:0 8px 40px rgba(13,43,94,.12);--shadow-sm:0 2px 12px rgba(13,43,94,.08);
  --radius:16px;--radius-lg:24px;--maxw:1120px;
  --font:'Poppins',system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#0b1424;--surface:#13203a;--surface-2:#1a2a49;--text:#e6edf8;--muted:#9fb0cc;--border:#243556;--ok:#4ade80;--danger:#ff8e7f;
  --shadow:0 8px 40px rgba(0,0,0,.45);--shadow-sm:0 2px 12px rgba(0,0,0,.35)}}
:root[data-theme=dark]{
  --bg:#0b1424;--surface:#13203a;--surface-2:#1a2a49;--text:#e6edf8;--muted:#9fb0cc;--border:#243556;--ok:#4ade80;--danger:#ff8e7f;
  --shadow:0 8px 40px rgba(0,0,0,.45);--shadow-sm:0 2px 12px rgba(0,0,0,.35)}
[dir=rtl]{--font:'Tajawal','Poppins',system-ui,sans-serif}


.sd-nav,.sd-foot{font-family:var(--font);line-height:1.6;color:var(--text)}
.sd-nav *,.sd-foot *{box-sizing:border-box}
.sd-nav ul,.sd-foot ul{margin:0}
.sd-nav p,.sd-foot p,.sd-foot h3{margin:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sd-nav :focus-visible,.sd-foot :focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:6px}
/* ── En-tête ─────────────────────────────────────────────────────────── */
.sd-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);
  border-block-end:1px solid var(--border)}
.sd-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:16px}
.sd-nav__bar{display:flex;align-items:center;gap:14px;padding-block:10px}
.sd-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;font-size:1.1rem;color:var(--navy)}
:root[data-theme=dark] .sd-brand{color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sd-brand{color:#fff}}
.sd-brand span{color:var(--teal-dark)}
.sd-brand img{height:38px;width:auto}
:root[data-theme=dark] .sd-brand img{background:#fff;border-radius:8px;padding:2px 6px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sd-brand img{background:#fff;border-radius:8px;padding:2px 6px}}
.sd-nav__links{display:flex;gap:4px;list-style:none;margin:0;padding:0;margin-inline-start:12px}
.sd-nav__links a{display:block;padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:500;font-size:.93rem;color:var(--text)}
.sd-nav__links a:hover,.sd-nav__links a[aria-current=page]{background:var(--surface-2);color:var(--teal-dark)}
.sd-nav__tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.sd-select,.sd-iconbtn{font:inherit;font-size:.88rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 10px;cursor:pointer}
.sd-iconbtn{line-height:1;font-size:1.05rem;padding:7px 10px}
.sd-lang{display:flex;gap:2px}
.sd-lang a{color:var(--text);padding:6px 9px;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid transparent}
.sd-lang a[aria-current=true]{background:var(--teal);color:var(--navy)}
.sd-lang a:not([aria-current]):hover{border-color:var(--border)}
.sd-burger{display:none}
@media (max-width:900px){
  .sd-burger{display:inline-block}
  .sd-nav__links{display:none;position:absolute;inset-inline:0;top:100%;flex-direction:column;background:var(--surface);
    padding:10px 16px 16px;margin:0;border-block-end:1px solid var(--border);box-shadow:var(--shadow-sm)}
  .sd-nav__links.is-open{display:flex}
  .sd-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:16px}
.sd-nav__bar{flex-wrap:wrap}
}

/* ── Pied de page ────────────────────────────────────────────────────── */
.sd-foot{background:var(--surface);border-block-start:1px solid var(--border);padding-block:36px 24px;margin-block-start:24px}
.sd-foot__cols{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.sd-foot h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-block-end:10px}
.sd-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.92rem}
.sd-foot a{text-decoration:none;color:inherit}.sd-foot a:hover{color:var(--teal-dark)}
.sd-foot__legal{margin-block-start:24px;padding-block-start:16px;border-block-start:1px solid var(--border);color:var(--muted);font-size:.82rem}