/* Analytics consent banner (partials/consent-banner.hbs) and the footer
   "Cookie settings" button. Colours are the cool-mode tokens: ink on surface is
   10.4:1, the ink buttons carry accent-contrast text at 11.0:1. */

/* .button sets display:inline-flex, which beats the UA [hidden] rule. */
.consent-banner[hidden],
.consent-banner [hidden],
[data-cookie-settings][hidden] {
    display: none !important;
}

.consent-banner {
    border-bottom: 1px solid var(--color-input-border);
    background: var(--color-surface);
    color: var(--color-ink);
}

.consent-banner:focus-visible {
    outline: 2px solid var(--color-ink);
    outline-offset: -4px;
}

.consent-inner {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3) var(--space-5);
    align-items: center;
    justify-content: space-between;
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
}

.consent-copy {
    flex: 1 1 28rem;
    max-width: 44rem;
}

.consent-copy p {
    margin: 0 0 var(--space-2);
}

.consent-copy p:last-child {
    margin-bottom: 0;
}

.consent-title {
    font-weight: 700;
}

.consent-copy a {
    color: var(--color-ink);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.consent-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    align-items: center;
}

.consent-close,
.footer-nav .footer-cookie-settings {
    min-height: 2rem;
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-muted);
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    cursor: pointer;
}

.consent-close {
    min-width: 2.85rem;
    min-height: 2.85rem;
    color: var(--color-ink);
}

.consent-close:hover,
.footer-nav .footer-cookie-settings:hover {
    color: var(--color-ink);
}