/* ═══════════════════════════════════════════════════════════════
   Styles partagés des pages légales (Mentions légales, CGV,
   Politique de confidentialité, Politique No-Log).
   Design volontairement SOBRE, façon document juridique
   (inspiration Sportograf) : fond blanc, texte simple, titres
   en gras bleu-marine, pas de carte ni d'effet.
   ═══════════════════════════════════════════════════════════════ */
:root { --ink: #1a2740; --ink2: #333333; --muted: #7a869c; --line: #e3e7ef; --acc: #d4622a; }
*, *::before, *::after { box-sizing: border-box; }

body {
    background: #ffffff !important;
    color: #222;
    font-family: 'Inter', 'Montserrat', sans-serif;
    overflow-x: hidden;
}

.pill-nav-wrapper, .legal-wrap, .f-footer { position: relative; z-index: 3; }

/* ── Conteneur ── */
.legal-wrap {
    max-width: 900px;
    margin: 0 auto;
    padding: 26px 24px 72px;
}

/* ── Titre de page ── */
.legal-hero {
    padding: 26px 0 4px;
    text-align: left;
}
.legal-hero-title {
    font-family: 'Inter', 'Montserrat', sans-serif;
    font-size: 1.6rem !important;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink);
    margin: 0;
}
.legal-hero-title span { color: var(--ink); }
.legal-updated {
    margin-top: 8px;
    font-size: 0.82rem;
    color: var(--muted);
}

/* ── Bloc de contenu : simple, sans carte ── */
.legal-card {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 16px 0 0;
    margin-top: 6px;
}

/* Paragraphe d'introduction : simple texte de tête */
.legal-intro {
    font-size: 0.95rem;
    color: var(--ink2);
    line-height: 1.75;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 0;
    margin: 0 0 20px;
}

/* Titres & texte */
.legal-card h2 {
    font-family: 'Inter', 'Montserrat', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    color: var(--ink);
    margin: 32px 0 10px;
    padding: 0;
    border: none;
}
.legal-card h2:first-of-type { margin-top: 6px; }
.legal-card h3 {
    font-family: 'Inter', 'Montserrat', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    color: var(--ink);
    margin: 22px 0 6px;
}
.legal-card p {
    font-size: 0.95rem;
    color: var(--ink2);
    line-height: 1.75;
    margin: 0 0 14px;
}
.legal-card ul {
    list-style: disc;
    padding: 0 0 0 22px;
    margin: 8px 0 16px;
}
.legal-card ul li {
    font-size: 0.95rem;
    color: var(--ink2);
    line-height: 1.7;
    padding: 0;
    margin-bottom: 6px;
    border: none;
    background: transparent;
    border-radius: 0;
}
.legal-card strong { color: var(--ink); font-weight: 600; }
.legal-card a { color: inherit; font-size: inherit; text-decoration: underline; }
.legal-card a:hover { opacity: 0.7; }

/* Encadré « à noter » : gris discret */
.legal-note {
    margin: 16px 0;
    padding: 14px 16px;
    border-radius: 6px;
    background: #f5f7fa;
    border: 1px solid var(--line);
    font-size: 0.9rem;
    color: var(--ink2);
    line-height: 1.65;
}
.legal-note strong { color: var(--ink); }

/* ── Mobile ── */
@media (max-width: 640px) {
    .legal-wrap { padding: 16px 16px 56px; }
    .legal-hero { padding: 18px 0 4px; }
    .legal-hero-title { font-size: 1.35rem !important; }
}