/* Styles spécifiques à la page Politique de cookies */

.politique-cookies-page {
    background-color: var(--color-ivoire-doux);
    padding-block: var(--space-3xl);
}

.politique-cookies-container {
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
    padding-inline: var(--container-padding);
}

.cookies-section {
    padding-block: var(--space-2xl);
    border-block-end: 1px solid var(--border-color-light);
}

.cookies-section:last-child {
    border-block-end: none;
}

.cookies-section:nth-child(even) {
    background-color: var(--color-travertin-clair);
    border-radius: var(--radius-lg);
    padding-inline: var(--space-lg);
    margin-inline: calc(-1 * var(--space-lg));
}

.cookies-content-block {
    max-width: 70ch;
    margin-inline: auto;
    text-align: left;
}

.cookies-content-block h1 {
    font-size: var(--text-h1);
    line-height: var(--leading-h1);
    color: var(--color-brun-chataigne-fonce);
    margin-block-end: var(--space-lg);
}

.cookies-content-block h2 {
    font-size: var(--text-h2);
    line-height: var(--leading-h2);
    color: var(--color-brun-chataigne-fonce);
    margin-block-end: var(--space-lg);
}

.cookies-content-block h3 {
    font-size: var(--text-h3);
    line-height: var(--leading-h3);
    color: var(--color-vert-sauge);
    margin-block-end: var(--space-md);
}

.cookies-content-block p {
    color: var(--color-brun-chataigne);
    margin-block-end: var(--space-md);
}

.cookies-content-block ul {
    margin-block-end: var(--space-md);
    padding-inline-start: var(--space-lg);
    color: var(--color-brun-chataigne);
}

.cookies-content-block li {
    margin-block-end: var(--space-sm);
}

.cookies-content-block a {
    color: var(--color-bleu-ceruleen);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color var(--transition-base);
}

.cookies-content-block a:hover,
.cookies-content-block a:focus-visible {
    color: var(--color-vert-sauge);
}

.cookies-lead {
    font-size: var(--text-body-large);
    line-height: var(--leading-body-large);
    color: var(--color-brun-chataigne-fonce);
}

.cookies-effective-date {
    font-size: var(--text-small);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--color-brun-chataigne-fonce);
    margin-block-start: var(--space-lg);
}

.cookie-type-group,
.cookie-management-group {
    margin-block-end: var(--space-xl);
}

.cookie-type-group:last-child,
.cookie-management-group:last-child {
    margin-block-end: 0;
}

@media (max-width: 768px) {
    .politique-cookies-page {
        padding-block: var(--space-2xl);
    }

    .cookies-section {
        padding-block: var(--space-xl);
    }

    .cookies-section:nth-child(even) {
        padding-inline: var(--space-md);
        margin-inline: calc(-1 * var(--space-md));
    }

    .cookies-content-block {
        max-width: 100%;
    }

    .cookies-content-block h1 {
        font-size: 2rem;
    }

    .cookies-content-block h2 {
        font-size: 1.75rem;
    }

    .cookies-content-block h3 {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .politique-cookies-page {
        padding-block: var(--space-xl);
    }

    .cookies-section {
        padding-block: var(--space-lg);
    }

    .cookies-section:nth-child(even) {
        padding-inline: var(--space-sm);
        margin-inline: calc(-1 * var(--space-sm));
    }

    .cookies-content-block h1 {
        font-size: 1.75rem;
    }

    .cookies-content-block h2 {
        font-size: 1.5rem;
    }

    .cookies-content-block h3 {
        font-size: 1.125rem;
    }
}