/* Pages légales — prose sobre, une colonne. Partagé par mentions / cgu / cgv /
   confidentialite. Volontairement séparé d'app.css : ces pages ne bougent
   presque jamais et n'ont besoin d'aucun composant du catalogue. */

.legal { max-width: 46rem; margin: 0 auto; padding: 0 0 90px; }

.legal .maj {
  font-family: 'Space Mono', ui-monospace, monospace;
  font-size: .74rem;
  color: var(--faint);
  margin-bottom: 34px;
}

.legal h2 {
  font-size: 1.18rem;
  font-weight: 600;
  letter-spacing: -.02em;
  margin: 44px 0 12px;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--edge-2);
}
.legal h3 { font-size: .98rem; font-weight: 600; margin: 26px 0 8px; }

.legal p, .legal li { font-size: .94rem; line-height: 1.72; color: var(--muted); }
.legal p { margin: 0 0 14px; }
.legal ul, .legal ol { margin: 0 0 16px; padding-left: 1.35em; }
.legal li { margin-bottom: 7px; }
.legal strong { color: var(--ink); font-weight: 600; }
.legal a { color: var(--acc); }

.legal dl { margin: 0 0 18px; }
.legal dt {
  font-family: 'Space Mono', ui-monospace, monospace;
  font-size: .76rem;
  color: var(--faint);
  margin-top: 12px;
}
.legal dd { margin: 2px 0 0; font-size: .94rem; color: var(--ink); }

/* Encart d'avertissement — sécurité, responsabilité. */
.legal .avert {
  margin: 22px 0;
  padding: 16px 18px;
  border-radius: 8px;
  border: 1px solid var(--edge);
  background: var(--glass-3);
}
.legal .avert p:last-child { margin-bottom: 0; }
.legal .avert strong { display: block; margin-bottom: 6px; }

/* Ce qui est vrai mais pas encore applicable : dit posément, sans alarme.
   À réserver aux clauses qui n'entrent en vigueur qu'à l'ouverture de la vente. */
.attente {
  display: block;
  padding: 11px 14px;
  border-left: 3px solid rgba(255, 159, 10, .55);
  background: rgba(255, 159, 10, .07);
  font-size: .92rem;
}

/* Ce qui reste à compléter avant mise en ligne. Impossible à rater. */
.todo {
  background: rgba(255, 159, 10, .16);
  color: #ffb340;
  border: 1px dashed rgba(255, 159, 10, .5);
  border-radius: 4px;
  padding: 1px 6px;
  font-family: 'Space Mono', ui-monospace, monospace;
  font-size: .82em;
}

.legal .tsommaire { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
.legal .tsommaire a {
  font-size: .8rem;
  padding: 5px 11px;
  border-radius: 980px;
  border: 1px solid var(--edge-2);
  color: var(--muted);
  text-decoration: none;
}
.legal .tsommaire a:hover { border-color: var(--acc); color: var(--acc); }