/* =============================================================================
   Page Mentions légales et confidentialité (mentions-legales.php)
   — complète sartine.css + projet.css (header, logo, « retour sur sartine », pied).
   Lecture longue : colonne de texte étroite, Bitter pour le texte, Raleway pour les titres.
   ========================================================================== */

.mentions { max-width: 900px; }

.mentions-titre {
    font-family: var(--font-title);
    font-weight: 800;
    font-size: clamp(2.6rem, 6vw, 5rem);
    line-height: .95;
    letter-spacing: -.03em;
    margin: 0 0 18px;
}
.mentions-titre span { display: block; color: var(--projet); }
.mentions-maj { font-family: var(--font-text); font-size: .85rem; color: rgba(17, 17, 17, .55); margin: 0 0 40px; }

/* sommaire : liens qui défilent jusqu'aux rubriques */
.mentions-sommaire {
    display: flex; flex-wrap: wrap; gap: 10px 26px;
    padding: 18px 0; margin: 0 0 30px;
    border-top: 1px solid var(--projet); border-bottom: 1px solid rgba(17, 17, 17, .12);
    font-family: var(--font-title); font-size: .8rem; font-weight: 700; letter-spacing: 1px; text-transform: lowercase;
}
.mentions-sommaire a { color: var(--black); text-decoration: none; }

.mentions-bloc { padding: 34px 0 6px; scroll-margin-top: 110px; }
.mentions-bloc + .mentions-bloc { border-top: 1px solid rgba(17, 17, 17, .12); }
.mentions-bloc h2 {
    font-family: var(--font-title); font-weight: 800; font-size: 1.6rem; line-height: 1.15;
    margin: 0 0 18px;
}
.mentions-bloc h3 {
    font-family: var(--font-title); font-weight: 700; font-size: .72rem; letter-spacing: 2px; text-transform: uppercase;
    color: var(--projet); margin: 26px 0 8px;
}
.mentions-bloc p, .mentions-bloc li {
    font-family: var(--font-text); font-size: 1rem; line-height: 1.65; max-width: 68ch;
}
.mentions-bloc p { margin: 0 0 14px; }
.mentions-bloc ul { margin: 0 0 14px; padding-left: 1.2em; }
.mentions-bloc li { margin: 0 0 8px; }
.mentions-bloc a { color: var(--black); text-decoration: none; }
.mentions-bloc a:not(.hover-underline) { text-decoration: underline; }
.mentions-bloc strong { font-weight: 700; }

/* la page se lit en entier : pas d'apparitions animées héritées des pages work */
.mentions .projet-tete > * { animation: none; }

@media (max-width: 760px) {
    .mentions-bloc h2 { font-size: 1.35rem; }
    .mentions-bloc p, .mentions-bloc li { font-size: .95rem; }
}