/* PAGES LÉGALES — mentions légales et confidentialité. S’appuie sur les couleurs de visuelia.css. */
.legal { max-width:760px; margin:0 auto; padding:40px 20px 64px; }
.legal-retour { display:inline-flex; align-items:center; gap:6px; color:var(--accent); font-weight:600; text-decoration:none; font-size:.9rem; }
.legal-retour:hover { text-decoration:underline; }
.legal-entete { display:flex; align-items:center; gap:12px; margin:24px 0 8px; }
.legal-entete svg { width:44px; height:30px; color:var(--accent); flex:none; }
.legal h1 { font-size:1.9rem; }
.legal .maj { color:var(--mute); font-size:.85rem; margin-bottom:28px; }
.legal section { background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:22px 24px; margin-top:16px; box-shadow:var(--shadow-sm); }
.legal h2 { font-size:1.1rem; margin-bottom:10px; }
.legal p + p, .legal p + ul, .legal ul + p { margin-top:10px; }
.legal ul { margin:0; padding-left:20px; }
.legal li + li { margin-top:4px; }
.legal dl { display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; margin:0; }
.legal dt { color:var(--mute); }
.legal dd { margin:0; }
.legal a { color:var(--accent); }
/* Informations à remplir avant la mise en ligne */
.a-completer { background:#fff3c4; color:#6b4f00; border-radius:4px; padding:0 4px; font-weight:600; }
@media (max-width:560px) {
  .legal { padding:24px 16px 48px; }
  .legal section { padding:18px 16px; }
  .legal dl { grid-template-columns:1fr; gap:2px; }
  .legal dd { margin-bottom:8px; }
}
/* Page introuvable (404.html) */
.legal-404 { padding-top:12vh; }
.legal-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:18px !important; }
.legal-bouton { display:inline-flex; align-items:center; min-height:44px; padding:0 20px; border-radius:10px; background:var(--accent); color:#fff !important; font-weight:650; text-decoration:none; }
.legal-bouton:hover { background:var(--accent-hover); }