/* =====================================================================
   PAGES LÉGALES PUBLIQUES (/securite/, /mentions-legales/, …) — includes/page_legale.php
   S'ajoute à presentation.css (en-tête et pied de page identiques à la page d'accueil).
   Le texte est le même que dans la fenêtre du pied de page : on reprend donc les mêmes réglages
   que « .legal-modal-body », et on définit les quelques classes utilitaires que les textes utilisent.
   ===================================================================== */
body.page-legale { display: flex; flex-direction: column; }

.legal-page {
    flex: 1 0 auto;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 96px 20px 56px;      /* 96 = place de l'en-tête fixe */
    color: var(--text);
    line-height: 1.65;
}
.legal-page h1, .legal-page h2, .legal-page h3 { color: var(--gold); margin: 22px 0 10px; }
.legal-page p, .legal-page li { margin-bottom: 8px; }
.legal-page ul, .legal-page ol { padding-left: 22px; }
.legal-page a { color: var(--gold); }

/* Classes utilitaires employées dans les textes (taille, graisse, marges) */
.legal-page .text-4xl { font-size: 2.25rem; line-height: 1.2; }
.legal-page .text-2xl { font-size: 1.5rem; line-height: 1.3; }
.legal-page .text-xl  { font-size: 1.25rem; line-height: 1.35; }
.legal-page .text-sm  { font-size: .875rem; }
.legal-page .font-bold     { font-weight: 700; }
.legal-page .font-semibold { font-weight: 600; }
.legal-page .mb-3 { margin-bottom: .75rem; }
.legal-page .mb-4 { margin-bottom: 1rem; }
.legal-page .mb-8 { margin-bottom: 2rem; }
.legal-page .mt-3 { margin-top: .75rem; }
.legal-page .mt-6 { margin-top: 1.5rem; }
.legal-page .drop-shadow-lg { text-shadow: 0 2px 6px rgba(0,0,0,.5); }

/* Boutons de l'en-tête : ici ce sont des liens, pas des <button> */
a.btn-lp-login, a.btn-lp-cta { display: inline-block; text-decoration: none; }

@media (max-width: 640px) {
    .legal-page { padding: 84px 16px 40px; }
    .legal-page .text-4xl { font-size: 1.8rem; }
}