/* legal.css — pages mentions legales + politique de confidentialite,
   cf. pages/page-mentions-legales.md / page-confidentialite.md.
   Le CONTENU (placeholders [À COMPLÉTER...] inclus) reste strictement celui des specs -
   seule la presentation est travaillee. */

.legal-page {
  max-width: 760px;
  counter-reset: legal-section;
}

.legal-page__header {
  text-align: center;
  margin-bottom: var(--space-2xl);
}

.legal-page__header .overline {
  justify-content: center;
}

/* Sections numerotees en dore (compteur CSS), separees par un filet fin */
.legal-page h2 {
  margin-top: var(--space-2xl);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-border);
  font-size: 1.5rem;
}

.legal-page h2::before {
  counter-increment: legal-section;
  content: "0" counter(legal-section);
  display: block;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-small);
  letter-spacing: 0.14em;
  color: var(--color-gold);
  margin-bottom: var(--space-xs);
}

.legal-page p,
.legal-page li {
  line-height: 1.8;
}

/* Placeholders juridiques [À COMPLÉTER...] : clairement identifiables comme provisoires
   (exigence CLAUDE.md §9 - ne jamais les confondre avec du contenu definitif) */
.legal-page em {
  font-style: normal;
  font-size: 0.8125rem;
  background: var(--color-beige);
  border: 1px dashed var(--color-gold);
  border-radius: var(--radius-sm);
  padding: 1px 8px;
  color: var(--color-gold-dark);
}

/* Tableau des donnees collectees (confidentialite) */
.legal-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--color-border-gold);
  border-radius: var(--radius-md);
  margin-block: var(--space-lg);
  background: var(--color-white);
}

.legal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-small);
}

.legal-table th {
  text-align: left;
  padding: var(--space-md);
  font-size: var(--font-size-overline);
  letter-spacing: var(--letter-spacing-overline);
  text-transform: uppercase;
  color: var(--color-gold-dark);
  background: var(--color-cream);
  border-bottom: 1px solid var(--color-border-gold);
  white-space: nowrap;
}

.legal-table td {
  padding: var(--space-md);
  border-top: 1px solid var(--color-border);
  vertical-align: top;
}

.legal-table tbody tr:first-child td {
  border-top: none;
}

.legal-list {
  padding-left: 1.2em;
  list-style: disc;
}

.legal-list li {
  margin-bottom: var(--space-sm);
}

/* Avertissement "contenu provisoire" : encart visible, plus serieux qu'un simple paragraphe */
.legal-notice {
  display: flex;
  gap: var(--space-md);
  margin-top: var(--space-2xl);
  padding: var(--space-lg);
  font-size: var(--font-size-small);
  color: var(--color-charcoal);
  background: rgba(163, 64, 47, 0.06);
  border-left: 3px solid var(--color-error);
  border-radius: var(--radius-sm);
}

.legal-notice p {
  margin: 0;
}