/* ============================================
   Ixila — Pages legales (mentions, privacy, CGU, cookies)
   ============================================ */

.page-hero--legal {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(43, 86, 114, 0.08), transparent 60%),
        var(--c-light);
}

.section--legal {
    background: var(--c-white);
    padding-block: var(--sp-3xl);
}

.legal-content {
    color: var(--c-text);
    line-height: var(--lh-normal);
    font-size: var(--fs-body);
}

.legal-content h2 {
    font-family: var(--ff-display);
    font-size: var(--fs-h3);
    color: var(--c-text);
    margin: var(--sp-2xl) 0 var(--sp-md);
    padding-bottom: var(--sp-sm);
    border-bottom: 2px solid var(--c-primary);
    font-weight: 600;
}
.legal-content h2:first-child { margin-top: 0; }

.legal-content h3 {
    font-family: var(--ff-display);
    font-size: var(--fs-h4);
    color: var(--c-secondary);
    margin: var(--sp-xl) 0 var(--sp-sm);
    font-weight: 600;
}

.legal-content p {
    margin: 0 0 var(--sp-lg);
    color: var(--c-text-soft);
    line-height: var(--lh-normal);
}

.legal-content ul {
    margin: 0 0 var(--sp-lg);
    padding-left: var(--sp-xl);
    color: var(--c-text-soft);
}
.legal-content ul li {
    margin-bottom: var(--sp-sm);
    line-height: var(--lh-normal);
}

.legal-content strong {
    color: var(--c-text);
    font-weight: var(--fw-semibold);
}

.legal-content em {
    font-style: italic;
    color: var(--c-text-muted);
}

.legal-content a {
    color: var(--c-primary);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color var(--transition-fast);
}
.legal-content a:hover {
    color: var(--c-primary-dark);
}

/* Listes meta (cles/valeurs) */
.legal-meta {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: var(--sp-xl);
}
.legal-meta li {
    padding: var(--sp-sm) 0;
    border-bottom: 1px solid var(--c-border);
}
.legal-meta li:last-child {
    border-bottom: 0;
}

.legal-meta--footer {
    margin-top: var(--sp-3xl);
    padding-top: var(--sp-lg);
    border-top: 1px solid var(--c-border);
    font-size: var(--fs-small);
    color: var(--c-text-muted);
    font-style: italic;
}

/* Responsive */
@media (max-width: 600px) {
    .legal-content { font-size: var(--fs-small); }
    .legal-content h2 { font-size: var(--fs-h4); }
}