/* Cookie banner (bottom of every public page) */

.consent {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 120;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 36px;
    padding: 18px var(--gutter);
    border-top: 1px solid rgba(245, 184, 92, .4);
    background: rgba(4, 8, 18, .95);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    color: #c4cee6;
    font-size: .95rem;
    line-height: 1.5;
}

.consent[hidden] { display: none; }

.consent strong { display: block; margin-bottom: 4px; color: #fff; font-weight: 500; }
.consent p { max-width: 74ch; }
.consent a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }

.consent-actions { display: flex; flex: none; gap: 10px; }

.consent button {
    min-width: 128px;
    padding: 14px 22px;
    border: 1px solid var(--gold);
    background: transparent;
    color: var(--gold);
    font: 400 12px/1 var(--mono);
    letter-spacing: .2em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .3s, color .3s;
}

.consent button:hover, .consent button:focus-visible { background: rgba(245, 184, 92, .16); color: #fff; }
.consent button[data-consent="granted"] { background: var(--gold); color: #02040a; }
.consent button[data-consent="granted"]:hover, .consent button[data-consent="granted"]:focus-visible { background: #ffd08a; color: #02040a; }

@media (max-width: 720px) {
    .consent { padding-bottom: 16px; }
    .consent-actions { width: 100%; }
    .consent button { flex: 1; min-width: 0; }
}