/* ===== PAGES LÉGALES =====
   Mentions légales, politique de confidentialité, déclaration d'accessibilité.
   Mise en page sobre, centrée sur la lisibilité du texte. */

.page-legale {
    max-width: 820px;
    margin: 0 auto;
    padding: 2.5rem 1.25rem 4rem;
    color: #1f2937;
    line-height: 1.7;
}

.page-legale h1 {
    font-size: 1.9rem;
    line-height: 1.25;
    color: #1e5f8c; /* 7.6:1 sur blanc */
    margin: 0 0 0.5rem;
}

.page-legale .legale-chapo {
    font-size: 1.05rem;
    color: #4b5563; /* 7.5:1 sur blanc */
    margin: 0 0 2.5rem;
}

.page-legale h2 {
    font-size: 1.3rem;
    color: #1e5f8c;
    margin: 2.5rem 0 0.75rem;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid #e2e8f0;
}

.page-legale h3 {
    font-size: 1.05rem;
    color: #267343; /* 5.81:1 sur blanc */
    margin: 1.75rem 0 0.5rem;
}

.page-legale p,
.page-legale li {
    font-size: 1rem;
}

.page-legale ul,
.page-legale ol {
    padding-left: 1.5rem;
    margin: 0.75rem 0;
}

.page-legale li {
    margin-bottom: 0.5rem;
}

.page-legale a {
    color: #1e5f8c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.page-legale a:hover,
.page-legale a:focus {
    color: #14425f;
}

/* Bloc d'information neutre */
.legale-encart {
    margin: 1.5rem 0;
    padding: 1.1rem 1.25rem;
    background: #f1f5f9;
    border-left: 4px solid #1e5f8c;
    border-radius: 0 8px 8px 0;
}

.legale-encart p:last-child {
    margin-bottom: 0;
}

/* Mention explicite d'un élément que la mairie doit renseigner.
   Volontairement très visible : ces pages ne doivent pas être publiées
   avec des valeurs fictives. */
.legale-a-completer {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    background: #fff3cd;
    border: 1px dashed #a06a00;
    border-radius: 4px;
    color: #6b4b00; /* 7.5:1 sur #fff3cd */
    font-weight: 600;
    font-size: 0.95em;
}

.legale-avertissement {
    margin: 0 0 2rem;
    padding: 1.1rem 1.25rem;
    background: #fff8e6;
    border-left: 5px solid #f0b429;
    border-radius: 0 8px 8px 0;
    color: #6b4b00;
}

.legale-avertissement strong {
    display: block;
    margin-bottom: 0.35rem;
}

/* Tableau de synthèse (durées de conservation, résultats de tests) */
.legale-tableau {
    width: 100%;
    border-collapse: collapse;
    margin: 1.25rem 0;
    font-size: 0.95rem;
}

.legale-tableau caption {
    text-align: left;
    font-weight: 600;
    padding-bottom: 0.5rem;
    color: #4b5563;
}

.legale-tableau th,
.legale-tableau td {
    padding: 0.7rem 0.8rem;
    border: 1px solid #d7dee7;
    text-align: left;
    vertical-align: top;
}

.legale-tableau thead th {
    background: #eef2f7;
    color: #1f2937;
}

.legale-maj {
    margin-top: 3rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e2e8f0;
    font-size: 0.9rem;
    color: #4b5563;
}

/* Le conteneur doit rester lisible sous le header fixe */
@media (max-width: 600px) {
    .page-legale {
        padding: 1.75rem 1rem 3rem;
    }

    .page-legale h1 {
        font-size: 1.55rem;
    }

    .legale-tableau {
        display: block;
        overflow-x: auto;
    }
}