/* Bandeau de consentement aux cookies (thème black). */

.consent {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 100;
    max-width: 420px;
    padding: 22px 22px 18px;
    background: var(--ink);
    color: var(--on-ink);
    border: 1px solid var(--line-dark);
    border-radius: var(--radius);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    font-size: 13px;
    line-height: 1.55;
}
.consent[hidden] { display: none; }
.consent-title { font-size: 14px; font-weight: 600; margin: 0 0 6px; color: var(--on-ink); }
.consent-text { margin: 0 0 16px; color: var(--on-ink-mute); }
.consent-actions { display: flex; gap: 10px; }
/* Refuser et Accepter : même poids visuel (exigence CNIL). */
.consent-btn {
    flex: 1;
    padding: 10px 14px;
    background: transparent;
    color: var(--silver);
    border: 1px solid var(--silver);
    border-radius: 6px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}
.consent-btn:hover, .consent-btn:focus-visible { background: var(--silver); color: var(--ink); outline: none; }

/* Bouton « Gestion des cookies » du pied de page : rendu comme un lien. */
.consent-open {
    padding: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid rgba(214, 218, 224, 0.3);
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
}
.consent-open:hover, .consent-open:focus-visible { color: var(--silver); outline: none; }

@media (max-width: 560px) {
    .consent { left: 12px; right: 12px; bottom: 12px; max-width: none; }
}

/* Pied de page : 4 éléments (© / mention / légal / cookies), retour à la ligne sur petit écran. */
.site-footer .container { flex-wrap: wrap; }