/* ============================================================================
   Pages légales (mentions légales, politique de confidentialité)
   ============================================================================ */

.legal {
    max-width: 760px;
    padding-top: 9rem;
    padding-bottom: 6rem;
}

.legal__back {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.6;
    margin-bottom: 2rem;
}

.legal__back:hover { opacity: 1; }

.legal__title {
    font-size: clamp(2.5rem, 8vw, 4.5rem);
    margin-bottom: 0.5rem;
}

.legal__updated {
    font-family: var(--font-mono);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.45;
    margin-bottom: 3rem;
}

.legal__section { margin-bottom: 2.5rem; }

.legal__section h2 {
    font-family: var(--font-display);
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    letter-spacing: 0.03em;
    margin-bottom: 0.9rem;
}

.legal__section p,
.legal__section li {
    font-family: var(--font-body);
    font-size: 0.95rem;
    line-height: 1.8;
    letter-spacing: 0.01em;
}

.legal__section p { margin-bottom: 1rem; }

.legal__section ul {
    list-style: square;
    padding-left: 1.4rem;
    margin-bottom: 1rem;
}

.legal__section li { margin-bottom: 0.5rem; }

.legal__section a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.legal__section a:hover { opacity: 0.6; }

/* Bouton "Gérer les cookies" inséré dans le texte */
.legal__cookie-link {
    font: inherit;
    color: inherit;
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.legal__cookie-link:hover { opacity: 0.6; }