/*
 * Cookie consent banner: layout and readability (theme-aligned).
 * Uses Bootstrap 5.3 and theme variables from base.css.
 * Targets bar injected by django-cookie-consent cookiebar.module.js.
 */
.cookie-bar.cookie-consent-banner {
    /* Above page loader (z-index 9999) so banner is visible on first visit */
    z-index: 10001;
    min-height: 3.5rem;
    padding: 0.75rem 1rem;
    background: var(--surface);
    color: var(--text-primary);
    border-top: 2px solid var(--primary) !important;
}

.cookie-bar.cookie-consent-banner .alert-link {
    color: var(--primary);
    font-weight: 600;
    text-decoration: underline;
}

.cookie-bar.cookie-consent-banner .alert-link:hover {
    color: var(--primary-dark);
}