/* ==========================================================================
   Bandeau de consentement
   --------------------------------------------------------------------------
   Posé au-dessus de la barre d'action fixe en mobile : il ne doit jamais
   recouvrir « Appeler », qui reste le premier geste attendu sur ce site.
   Les deux boutons ont le même style : refuser n'est pas moins visible
   qu'accepter (exigence CNIL).
   ========================================================================== */

.cookies {
    position: fixed;
    right: var(--sp-11);
    bottom: calc(var(--action-bar-h) + env(safe-area-inset-bottom, 0px) + var(--sp-11));
    left: var(--sp-11);
    z-index: 40;
    max-width: 560px;
    margin-inline: auto;
    padding: var(--sp-15) var(--sp-18);
    background: var(--c-surface);
    border: 1px solid var(--c-border-pill);
    border-radius: var(--r-11);
    box-shadow: 0 8px 28px rgb(23 33 43 / 18%);
}

.cookies[hidden] {
    display: none;
}

.cookies__texte {
    margin: 0;
    color: var(--c-body);
    font-size: var(--fs-meta);
    line-height: 1.45;
}

.cookies__texte strong {
    display: block;
    margin-bottom: var(--sp-4);
    color: var(--c-heading);
    font-size: var(--fs-card-title);
}

.cookies__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-9);
    margin-top: var(--sp-13);
}

@media (min-width: 768px) {
    .cookies {
        right: var(--sp-24);
        bottom: var(--sp-24);
        left: auto;
        margin-inline: 0;
    }
}

/* Lien « Gérer les cookies » du pied de page : un bouton, parce qu'il agit
   sur la page au lieu de mener ailleurs, mais avec l'allure des liens voisins. */
.site-footer__cookies {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-min);
    padding: 0;
    color: var(--c-footer-text);
    font: inherit;
    text-decoration: none;
    background: none;
    border: 0;
    cursor: pointer;
}

.site-footer__cookies:hover {
    color: #ffffff;
    text-decoration: underline;
}