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

.page-politique-cookies {
    display: block;
    width: 100%;
}

/* En-tête de la politique */
.cookies-header__conteneur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
    max-width: 720px;
    margin-inline: auto;
    padding-block: var(--space-2xl);
}

.cookies-header__titre {
    width: 100%;
    margin-block-end: 0;
}

.cookies-header__date {
    width: 100%;
    font-size: var(--text-sm);
    color: var(--color-gris-texte-secondaire);
    margin-block-end: 0;
}

.cookies-header__intro {
    width: 100%;
    max-width: 70ch;
    margin-block-end: 0;
}

/* Section définition */
.cookies-definition__conteneur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
    max-width: 720px;
    margin-inline: auto;
    padding-block: var(--space-2xl);
}

.cookies-definition__titre {
    width: 100%;
    margin-block-end: 0;
}

.cookies-definition__texte {
    width: 100%;
    max-width: 75ch;
    margin-block-end: 0;
}

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

.cookies-definition__liste li {
    position: relative;
    padding-inline-start: var(--space-md);
    margin-block-end: var(--space-2xs);
}

.cookies-definition__liste li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-corail);
    border-radius: 50%;
}

/* Section types de cookies */
.cookies-types__conteneur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-lg);
    max-width: 1200px;
    margin-inline: auto;
    padding-block: var(--space-2xl);
}

.cookies-types__titre {
    width: 100%;
    margin-block-end: 0;
}

.cookies-types__grille {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-md);
}

.cookies-types__carte {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    min-width: 0;
    background-color: var(--color-blanc-doux);
    border: 1px solid var(--color-bordure-legere);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    transition: transform var(--transition-transformation), box-shadow var(--transition-transformation);
}

.cookies-types__carte:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-douce);
}

.cookies-types__carte-titre {
    margin-block-end: 0;
    color: var(--color-cobalt);
}

.cookies-types__carte-texte {
    margin-block-end: 0;
    max-width: 70ch;
}

.cookies-types__carte-liste {
    margin-block-end: 0;
    padding-inline-start: var(--space-md);
    list-style: none;
}

.cookies-types__carte-liste li {
    position: relative;
    padding-inline-start: var(--space-md);
    margin-block-end: var(--space-2xs);
}

.cookies-types__carte-liste li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-corail);
    border-radius: 50%;
}

/* Section gestion */
.cookies-gestion__conteneur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
    max-width: 720px;
    margin-inline: auto;
    padding-block: var(--space-2xl);
}

.cookies-gestion__titre {
    width: 100%;
    margin-block-end: 0;
}

.cookies-gestion__texte {
    width: 100%;
    max-width: 75ch;
    margin-block-end: 0;
}

.cookies-gestion__encart {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
    background-color: var(--color-beige-champagne);
    border: 1px solid var(--color-bordure-legere);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.cookies-gestion__encart-titre {
    margin-block-end: 0;
}

.cookies-gestion__encart-liste {
    margin-block-end: 0;
    padding-inline-start: var(--space-md);
    list-style: none;
}

.cookies-gestion__encart-liste li {
    position: relative;
    padding-inline-start: var(--space-md);
    margin-block-end: var(--space-2xs);
}

.cookies-gestion__encart-liste li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-corail);
    border-radius: 50%;
}

.cookies-gestion__encart-texte {
    margin-block-end: 0;
}

/* Section cookies tiers */
.cookies-tiers__conteneur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
    max-width: 720px;
    margin-inline: auto;
    padding-block: var(--space-2xl);
    border-top: 1px solid var(--color-bordure-legere);
}

.cookies-tiers__titre {
    width: 100%;
    margin-block-end: 0;
}

.cookies-tiers__texte {
    width: 100%;
    max-width: 75ch;
    margin-block-end: 0;
}

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

.cookies-tiers__liste li {
    position: relative;
    padding-inline-start: var(--space-md);
    margin-block-end: var(--space-2xs);
}

.cookies-tiers__liste li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-corail);
    border-radius: 50%;
}

/* Section droits et contact */
.cookies-droits__conteneur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
    max-width: 720px;
    margin-inline: auto;
    padding-block: var(--space-2xl);
}

.cookies-droits__titre {
    width: 100%;
    margin-block-end: 0;
}

.cookies-droits__texte {
    width: 100%;
    max-width: 75ch;
    margin-block-end: 0;
}

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

.cookies-droits__liste li {
    position: relative;
    padding-inline-start: var(--space-md);
    margin-block-end: var(--space-2xs);
}

.cookies-droits__liste li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-corail);
    border-radius: 50%;
}

.cookies-droits__encart {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
    background-color: var(--color-blanc-doux);
    border: 1px solid var(--color-bordure-legere);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.cookies-droits__encart-titre {
    margin-block-end: 0;
}

.cookies-droits__encart-texte {
    margin-block-end: 0;
}

.cookies-droits__coordonnees {
    font-style: normal;
    margin-block-end: 0;
}

/* Section mise à jour */
.cookies-maj__conteneur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
    max-width: 720px;
    margin-inline: auto;
    padding-block: var(--space-2xl);
    border-top: 1px solid var(--color-bordure-legere);
}

.cookies-maj__titre {
    width: 100%;
    margin-block-end: 0;
}

.cookies-maj__texte {
    width: 100%;
    max-width: 75ch;
    margin-block-end: 0;
}

/* Tablette */
@media (min-width: 768px) {
    .cookies-header__conteneur,
    .cookies-definition__conteneur,
    .cookies-gestion__conteneur,
    .cookies-tiers__conteneur,
    .cookies-droits__conteneur,
    .cookies-maj__conteneur {
        padding-block: var(--space-3xl);
    }

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

    .cookies-types__grille {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Desktop */
@media (min-width: 1024px) {
    .cookies-types__grille {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Accessibilité : réduction des animations */
@media (prefers-reduced-motion: reduce) {
    .cookies-types__carte {
        transition: none;
    }

    .cookies-types__carte:hover {
        transform: none;
        box-shadow: none;
    }
}