/* ============================================================
   legal.css — Pages mentions légales et CGV
   Chargé en complément de variables.css + base.css + maquette-a.css
   pour l'en-tête / footer cohérents avec la landing.
   ============================================================ */

.page-legal main {
  padding-block: var(--espace-8);
}

.legal-article {
  max-width: 760px;
  margin-inline: auto;
}

.legal-article__entete {
  margin-bottom: var(--espace-6);
  padding-bottom: var(--espace-3);
  border-bottom: 2px solid var(--bleu-pale);
}

.legal-article__entete h1 {
  font-size: clamp(1.875rem, 4vw, 2.5rem);
  color: var(--bleu-signature);
  font-weight: var(--graisse-extrabold);
  letter-spacing: -0.02em;
  margin-bottom: var(--espace-1);
}

.legal-article__date {
  color: var(--gris-texte);
  font-size: var(--taille-petite);
}

.legal-article h2 {
  font-size: 1.375rem;
  color: var(--bleu-signature);
  font-weight: var(--graisse-bold);
  margin-top: var(--espace-5);
  margin-bottom: var(--espace-2);
}

.legal-article h3 {
  font-size: 1.0625rem;
  color: var(--noir-texte);
  font-weight: var(--graisse-semibold);
  margin-top: var(--espace-3);
  margin-bottom: var(--espace-1);
}

.legal-article p {
  margin-bottom: var(--espace-2);
  line-height: var(--ligne-aerée);
}

.legal-article ul,
.legal-article ol {
  margin-bottom: var(--espace-2);
  padding-left: 1.5rem;
}

.legal-article ul { list-style: disc; }
.legal-article ol { list-style: decimal; }

.legal-article li {
  margin-bottom: 0.5rem;
  line-height: var(--ligne-aerée);
}

.legal-article a {
  color: var(--bleu-signature);
}

.legal-article__retour {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--taille-petite);
  color: var(--gris-texte);
  text-decoration: none;
  margin-bottom: var(--espace-3);
}

.legal-article__retour:hover,
.legal-article__retour:focus-visible {
  color: var(--bleu-signature);
}

.legal-article__bandeau-cta {
  margin-top: var(--espace-6);
  padding: var(--espace-4);
  background: var(--bleu-pale);
  border-radius: var(--rayon-moyen);
  text-align: center;
}

.legal-article__bandeau-cta p {
  margin-bottom: var(--espace-2);
  font-weight: var(--graisse-medium);
  color: var(--bleu-signature);
}

.legal-article dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.5rem var(--espace-3);
  margin-bottom: var(--espace-3);
  font-size: var(--taille-petite);
}

.legal-article dt {
  font-weight: var(--graisse-semibold);
  color: var(--gris-texte);
}

.legal-article dd {
  color: var(--noir-texte);
}

@media (max-width: 600px) {
  .legal-article dl {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
  .legal-article dt {
    margin-top: var(--espace-1);
  }
}