/*
 * Súhlas s cookies (7. 10. 2026, okno v strede od 28. 10. 2026).
 *
 * Pôvodne pruh dole, aby web ostal čitateľný. Ľudia z reklamy ho však
 * ignorovali a bez rozhodnutia ich nevidel žiadny nástroj (Meta 17 zobrazení
 * cieľovej stránky, pixel 4). Samo 28. 10.: okno v strede, ktoré zmizne až
 * po rozhodnutí. Pruh (`--pruh`) ostáva na právnych stránkach, aby sa dali
 * prečítať pred rozhodnutím.
 *
 * Obe hlavné tlačidlá majú rovnakú veľkosť aj váhu zámerne. Okno smie
 * vynútiť rozhodnutie, nie súhlas — keď je „odmietnuť" schované alebo
 * šedšie, súhlas nie je slobodný a celá lišta stráca zmysel.
 */

/* Okno v strede so stmaveným podkladom; klik vedľa nič nerobí. */
.tk-suhlas {
    position: fixed;
    inset: 0;
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(12, 20, 40, .55);
    overscroll-behavior: contain;
}

.tk-suhlas:not(.tk-suhlas--pruh) > .tk-suhlas__in {
    width: 100%;
    max-width: 520px;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    background: var(--tk-canvas);
    border-radius: var(--tk-r-panel);
    box-shadow: var(--tk-shadow-float);
    padding: 28px 24px;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    flex-wrap: nowrap;
}

.tk-suhlas:not(.tk-suhlas--pruh) .tk-suhlas__text { flex: 0 0 auto; }

.tk-suhlas__in:focus { outline: none; }

.tk-suhlas:not(.tk-suhlas--pruh) .tk-suhlas__btn { flex: 1 1 150px; }

/* Vlastný výber pod oboma tlačidlami, nie medzi nimi. */
.tk-suhlas:not(.tk-suhlas--pruh) .tk-suhlas__viac { flex: 1 1 100%; text-align: center; }

/* Téma dáva tlačidlám biely podklad a tieň; odkaz má vyzerať ako odkaz. */
.tk-suhlas .tk-suhlas__viac,
.tk-suhlas .tk-suhlas__viac:hover,
.tk-suhlas .tk-suhlas__viac:focus { background: none; box-shadow: none; }

/* Úzky displej: tlačidlá pod sebou v plnej šírke, nech sa text nezalamuje. */
@media (max-width: 480px) {
    .tk-suhlas:not(.tk-suhlas--pruh) .tk-suhlas__btn { flex: 1 1 100%; }
}

/* Stránka pod oknom sa neposúva. */
html.tk-suhlas-zamknute,
html.tk-suhlas-zamknute body { overflow: hidden; }

/* Pruh dole: právne stránky, kde sa musí dať čítať pred rozhodnutím. */
.tk-suhlas--pruh {
    display: block;
    inset: auto 0 0 0;
    padding: 20px 24px calc(20px + env(safe-area-inset-bottom));
    background: var(--tk-canvas);
    border-top: 1px solid var(--tk-line-strong);
    box-shadow: var(--tk-shadow-float);
    /* S dvoma kategóriami v nastaveniach je lišta na mobile vyššia ako displej. */
    max-height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
}

.tk-suhlas__nadpis {
    flex: 1 1 100%;
    margin: 0;
    font-size: var(--tk-fs-h3);
    font-weight: var(--tk-fw-bold);
    color: var(--tk-text);
}

.tk-suhlas[hidden] { display: none; }

.tk-suhlas__in {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 24px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tk-suhlas__text {
    flex: 1 1 420px;
    min-width: 0;
    margin: 0;
    font-size: var(--tk-fs-body);
    color: var(--tk-text-body);
    line-height: 1.5;
}

.tk-suhlas__text a {
    color: var(--tk-accent);
    text-decoration: underline;
}

.tk-suhlas__akcie {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

/* Rovnaká šírka aj váha pre prijatie aj odmietnutie. */
.tk-suhlas__btn {
    font: inherit;
    font-weight: var(--tk-fw-bold);
    min-width: 150px;
    min-height: 44px;            /* dotykový cieľ podľa auditu prístupnosti */
    padding: 11px 20px;
    border-radius: 10px;
    border: 1px solid var(--tk-navy);
    cursor: pointer;
}

.tk-suhlas__btn--ano {
    background: var(--tk-navy);
    color: #fff;
}

.tk-suhlas__btn--nie {
    background: transparent;
    color: var(--tk-navy);
}

.tk-suhlas__btn:hover { opacity: .9; }

.tk-suhlas__btn:focus-visible {
    outline: 3px solid var(--tk-accent);
    outline-offset: 2px;
}

/* Podrobné nastavenie je len doplnok, preto nenápadnejšie — ale nie skryté. */
.tk-suhlas__viac {
    background: none;
    border: 0;
    padding: 11px 4px;
    min-height: 44px;
    font: inherit;
    color: var(--tk-text-muted);
    text-decoration: underline;
    cursor: pointer;
}

.tk-suhlas__detail {
    flex: 1 1 100%;
    margin: 4px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--tk-line);
}

.tk-suhlas__detail[hidden] { display: none; }

.tk-suhlas__polozka {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 10px 0;
}

.tk-suhlas__polozka input { margin-top: 4px; }

.tk-suhlas__nazov {
    display: block;
    font-weight: var(--tk-fw-bold);
    color: var(--tk-text);
}

.tk-suhlas__popis {
    display: block;
    font-size: var(--tk-fs-label);
    color: var(--tk-text-muted);
    line-height: 1.45;
}

@media (max-width: 640px) {
    .tk-suhlas--pruh { padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); }
    .tk-suhlas:not(.tk-suhlas--pruh) > .tk-suhlas__in { padding: 22px 18px; }
    .tk-suhlas__in { gap: 16px; }
    .tk-suhlas__akcie { width: 100%; }
    .tk-suhlas__btn { flex: 1 1 140px; }
}