/* Le tiroir de navigation passe devant : à 9999, le bandeau recouvrait le pied
   du tiroir — donc le compte et la déconnexion — sur téléphone (lot 2 c). Il
   revient dès que le tiroir se referme. */
body.is-drawer-open .cookie-notice {
  display: none;
}

/* Une ligne sur ordinateur (60rem au lieu de 36) : sur deux lignes, le bandeau
   prenait 92 px, un sixième d'un écran de PC à 150 % (audit zoom du 25/09/2026). */
.cookie-notice {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    max-width: 60rem;
    width: calc(100% - 2rem);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 0.625rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
}

/* Tant qu'il est affiché, la page réserve sa hauteur : rien ne reste dessous. */
body:has(.cookie-notice:not([hidden])) {
    padding-bottom: 5rem;
}

/* Téléphone : bande pleine largeur collée en bas, texte au-dessus des boutons.
   Flottant à 1rem du bord, avec les boutons à côté du texte, il montait à 155 px
   et cachait le bouton « Continuer » du tableau de bord. */
@media (max-width: 40em) {
    .cookie-notice {
        bottom: 0;
        left: 0;
        transform: none;
        width: 100%;
        max-width: none;
        border-width: 1px 0 0;
        border-radius: 0;
        padding: 0.75rem 1rem;
        flex-wrap: wrap;
        gap: 0.5rem 0.75rem;
    }
    .cookie-notice .cookie-notice-text {
        flex-basis: 100%;
    }
    .cookie-notice .cookie-notice-actions {
        margin-left: auto;
    }
    body:has(.cookie-notice:not([hidden])) {
        padding-bottom: 8rem;
    }
}
.cookie-notice-text {
    flex: 1;
    margin: 0;
}
.cookie-notice-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.cookie-notice-more {
    display: inline-block;
    border: 1px solid var(--color-border);
    background: transparent;
    padding: 0.4rem 0.9rem;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: inherit;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}
.cookie-notice-more:hover {
    background: var(--color-link-bg);
    text-decoration: none;
}
.cookie-notice-dismiss {
    border: 1px solid var(--color-border);
    background: var(--color-surface-strong);
    padding: 0.4rem 0.9rem;
    border-radius: 0.25rem;
    cursor: pointer;
    font-weight: 600;
}
.cookie-notice-dismiss:hover {
    background: var(--color-link-bg);
}