/* ============================================================
   PAGE MENTIONS LÉGALES — Page texte simple
   Titre tab + bloc blanc contenant tout le contenu (HTML libre TinyMCE).
   ============================================================ */

body.mentions_legales {
    background: var(--color-primary-light-grey);
}

.mentionsPage {
    background: var(--color-primary-light-grey);
    padding: 0 var(--content-gutter) var(--space-10);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* ----- Titre tab "Mentions légales" --------------------------------- */
.mentionsPage__title {
    align-self: flex-start;
    background: var(--color-primary-white);
    padding: var(--space-10);
    margin-bottom: -10px;
    z-index: 1;
    position: relative;
}

.mentionsPage__title p {
    margin: 0;
    font-family: var(--font-family-base);
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    color: var(--color-primary-dark-blue);
    white-space: nowrap;
}

/* ----- Contenu (HTML libre TinyMCE) --------------------------------- */
.mentionsPage__content {
    background: var(--color-primary-white);
    padding: var(--space-10);
    margin: 0 var(--content-gutter);
    z-index: 2;
    position: relative;
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    color: var(--color-primary-dark-blue);
    line-height: 1.6;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

/* Reset & styles des éléments HTML produits par TinyMCE */
.mentionsPage__content p {
    margin: 0 0 var(--space-3) 0;
}

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

.mentionsPage__content h2 {
    margin: var(--space-8) 0 var(--space-3) 0;
    font-family: var(--font-family-base);
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-bold);
    color: var(--color-secondary-teal);
    line-height: var(--line-height-tight);
}

.mentionsPage__content h2:first-child {
    margin-top: 0;
}

.mentionsPage__content h3 {
    margin: var(--space-5) 0 var(--space-2) 0;
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary-dark-blue);
}

.mentionsPage__content ul,
.mentionsPage__content ol {
    margin: 0 0 var(--space-3) var(--space-6);
    padding: 0;
}

.mentionsPage__content ul { list-style: disc; }
.mentionsPage__content ol { list-style: decimal; }

.mentionsPage__content li {
    margin-bottom: var(--space-2);
}

.mentionsPage__content a {
    color: var(--color-primary-blue);
    text-decoration: underline;
}

.mentionsPage__content a:hover,
.mentionsPage__content a:focus-visible {
    color: var(--color-secondary-teal);
}

.mentionsPage__content strong { font-weight: var(--font-weight-bold); }
.mentionsPage__content em { font-style: italic; }

/* ----- Responsive ----------------------------------------------------- */
@media (max-width: 1024px) {
    .mentionsPage {
        padding: 0 var(--space-5) var(--space-6);
    }

    .mentionsPage__content {
        margin: 0;
        padding: var(--space-5);
    }

    .mentionsPage__title p {
        font-size: 24px;
        white-space: normal;
    }
}