/* ============================================================
   MENTIONS LÉGALES (mentions-legales.php) — auparavant en <style>
   inline (reset * + classes jamais utilisées dans le markup) plus
   contenu 100% en style="..." inline. Markup normalisé (classes
   ajoutées, inline retiré) + CSS réécrit ici. Se charge après
   menu2.css. La page n'avait pas de balise <head> ouvrante
   (bug préexistant, corrigé en même temps).
   ============================================================ */

.legal-page { max-width: 1000px; margin: 30px auto; padding: 0 20px 40px; min-height: calc(100vh - 300px); }
.legal-title { text-align: center; margin-bottom: 26px; color: var(--paper); font-family: var(--display); font-weight: 700; font-size: 28px; }

.legal-card { background: var(--panel); border: 1px solid var(--line); padding: 30px; border-radius: 16px; color: var(--paper); }
.legal-card h2 { color: var(--paper); font-family: var(--display); font-weight: 700; font-size: 18px; margin-top: 30px; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.legal-card h2:first-child { margin-top: 0; }
.legal-card p { line-height: 1.6; margin: 10px 0; color: var(--paper); font-size: 14.5px; }
.legal-card ul { margin: 10px 0 20px 20px; }
.legal-card li { line-height: 1.6; margin-bottom: 6px; color: var(--paper); font-size: 14.5px; }
.legal-card a { color: var(--cobalt-lite); }

.legal-highlight { background: rgba(240,194,75,0.1); padding: 16px; border-left: 3px solid var(--gold); border-radius: 8px; margin: 20px 0; }
.legal-highlight-title { color: var(--gold); font-weight: 700; margin: 0 0 6px; }

.legal-updated { text-align: right; margin-top: 30px; font-style: italic; color: var(--muted); font-size: 0.9em; }