/* Page Cookies — Table des Délices */

.cookies-page {
    background-color: var(--color-vanilla);
    padding-block: var(--space-xl);
}

.cookies-hero {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-pad);
    margin-block-end: var(--space-xl);
}

.cookies-hero__inner {
    max-width: 800px;
    margin-inline: auto;
    background-color: var(--color-cream);
    border: var(--border-thin);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-medium);
    padding: var(--space-lg);
    text-align: left;
}

.cookies-hero__title {
    font-size: var(--text-h1);
    line-height: var(--leading-h1);
    margin-block-end: var(--space-md);
}

.cookies-hero__intro {
    font-size: var(--text-body);
    line-height: var(--leading-body);
    max-width: 70ch;
}

.cookies-section {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-pad);
    margin-block-end: var(--space-lg);
}

.cookies-panel {
    max-width: 800px;
    margin-inline: auto;
    background-color: var(--color-cream);
    border: var(--border-thin);
    border-radius: var(--radius-medium);
    box-shadow: var(--shadow-soft);
    padding: var(--space-lg);
}

.cookies-panel--intro {
    padding: var(--space-xl);
}

.cookies-panel--types {
    padding: var(--space-xl);
}

.cookies-panel--duration {
    padding: var(--space-xl);
}

.cookies-panel--manage {
    padding: var(--space-xl);
}

.cookies-panel--contact {
    padding: var(--space-xl);
}

.cookies-panel--effective {
    padding: var(--space-md);
}

.cookies-panel__title {
    font-size: var(--text-h2);
    line-height: var(--leading-h2);
    margin-block-end: var(--space-md);
}

.cookies-panel__subtitle {
    font-size: var(--text-h3);
    line-height: var(--leading-h3);
    margin-block-start: var(--space-md);
    margin-block-end: var(--space-sm);
}

.cookies-panel__text {
    font-size: var(--text-body);
    line-height: var(--leading-body);
    max-width: 75ch;
    margin-block-end: var(--space-sm);
}

.cookies-list {
    list-style: disc;
    padding-inline-start: var(--space-md);
    margin-block-end: var(--space-md);
    max-width: 75ch;
}

.cookies-list li {
    margin-block-end: var(--space-xs);
    line-height: var(--leading-body);
}

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

.cookie-type {
    margin-block-end: var(--space-lg);
}

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

.cookie-type__title {
    font-size: var(--text-h3);
    line-height: var(--leading-h3);
    margin-block-end: var(--space-sm);
}

.cookie-type__text {
    font-size: var(--text-body);
    line-height: var(--leading-body);
    max-width: 75ch;
    margin-block-end: var(--space-sm);
}

@media (max-width: 900px) {
    .cookies-page {
        padding-block: var(--space-lg);
    }

    .cookies-hero__inner,
    .cookies-panel {
        padding: var(--space-md);
    }

    .cookies-panel--intro,
    .cookies-panel--types,
    .cookies-panel--duration,
    .cookies-panel--manage,
    .cookies-panel--contact {
        padding: var(--space-md);
    }

    .cookies-panel__text,
    .cookies-list {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .cookies-page {
        padding-block: var(--space-md);
    }

    .cookies-hero__inner,
    .cookies-panel {
        padding: var(--space-sm);
        border-radius: var(--radius-small);
    }

    .cookies-hero__title {
        font-size: var(--text-h2);
        line-height: var(--leading-h2);
    }

    .cookies-panel__title {
        font-size: var(--text-h3);
        line-height: var(--leading-h3);
    }

    .cookies-panel__subtitle,
    .cookie-type__title {
        font-size: 1.25rem;
        line-height: 1.3;
    }

    .cookies-panel__text,
    .cookie-type__text {
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .cookies-list {
        padding-inline-start: var(--space-sm);
    }
}