/*
 * Süti-panel. Alsó sáv, nem modális: nem takarja el az egész oldalt, mert a tartalom
 * elolvasásához nem kell hozzájárulás — csak a nem szükséges sütikhez.
 *
 * Színek: a base.css tokenjeiből (--surface, --ink, --line), hogy a téma átszínezése magától
 * érvényesüljön (a panelnek nincs saját palettája).
 */
.cookie-consent {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 1055; /* a lap tetején üljön, a felugró ablak fölött is */
    padding: 0 .75rem .75rem;
    pointer-events: none;
}

.cookie-consent__box {
    pointer-events: auto;
    max-width: 56rem;
    margin: 0 auto;
    padding: 1rem 1.25rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    color: var(--ink);
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .18);
}

.cookie-consent__notice {
    margin-bottom: .5rem;
    font-size: .9375rem;
}

.cookie-consent__link {
    font-size: .875rem;
}

.cookie-consent__details {
    max-height: 45vh;
    overflow-y: auto;
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid var(--line);
}

.cookie-consent__item + .cookie-consent__item {
    margin-top: .75rem;
}

.cookie-consent__badge {
    margin-left: .35rem;
    padding: .1rem .4rem;
    border-radius: var(--radius-btn);
    background: var(--surface-alt);
    color: var(--muted);
    font-size: .75rem;
    font-weight: 400;
}

.cookie-consent__desc {
    margin: .25rem 0 0 2.5rem;
    color: var(--muted);
    font-size: .8125rem;
}

.cookie-consent__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-top: .75rem;
}

/* Mobilon a gombok teljes szélességben, egymás alatt — hüvelykujjal is biztosan találhatók. */
@media (max-width: 575.98px) {
    .cookie-consent__actions .btn {
        flex: 1 1 100%;
    }
    .cookie-consent__desc {
        margin-left: 0;
    }
}