/* --- Právne stránky ---------------------------------------------------
 *
 * Obchodné podmienky, reklamačný poriadok, ochrana údajov, doprava a platba.
 * Dizajn handoff pre ne nemá sekciu, takže sa držia tokenov eshopu a jediné,
 * čo riešia navyše, je čitateľnosť dlhého textu: úzky stĺpec, väčší riadok
 * a jasná hierarchia nadpisov.
 */

.tk-legal {
    padding-block: var(--tk-section-y);
    background: var(--tk-bg);
}

.tk-legal__inner {
    max-width: 820px;
    margin-inline: auto;
    padding-inline: var(--tk-gutter, 24px);
}

.tk-legal__head {
    margin-bottom: 40px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--tk-border);
}

.tk-legal__title {
    margin: 0;
    font-size: var(--tk-fs-h1);
    font-weight: var(--tk-fw-black);
    letter-spacing: -.02em;
    color: var(--tk-text);
}

.tk-legal__lead {
    margin: 14px 0 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--tk-text-body);
}

.tk-legal__updated {
    margin-top: 18px;
    font-size: 12.5px;
    color: var(--tk-text-faint, #94A3B8);
}

/* Obsah ------------------------------------------------------------ */

.tk-legal__toc {
    background: var(--tk-bg-alt);
    border: 1px solid var(--tk-border);
    border-radius: var(--tk-r-card, 20px);
    padding: 22px 26px;
    margin-bottom: 40px;
}

.tk-legal__toc-title {
    font-size: 11px;
    font-weight: var(--tk-fw-heavy);
    text-transform: uppercase;
    letter-spacing: var(--tk-ls-label, .06em);
    color: var(--tk-text-faint, #94A3B8);
    margin-bottom: 14px;
}

.tk-legal__toc ol {
    margin: 0;
    padding-left: 20px;
    columns: 2;
    column-gap: 32px;
}

.tk-legal__toc li {
    margin-bottom: 7px;
    break-inside: avoid;
    font-size: 14px;
}

.tk-legal__toc a {
    color: var(--tk-indigo);
    text-decoration: none;
}

.tk-legal__toc a:hover { text-decoration: underline; }

@media (max-width: 640px) {
    .tk-legal__toc ol { columns: 1; }
}

/* Sekcie ----------------------------------------------------------- */

.tk-legal__section {
    margin-bottom: 44px;
    /* Kotva z obsahu nesmie skončiť pod lepkavou hlavičkou. */
    scroll-margin-top: 100px;
}

.tk-legal__section h2 {
    margin: 0 0 16px;
    font-size: 21px;
    font-weight: var(--tk-fw-black);
    color: var(--tk-text);
    letter-spacing: -.01em;
}

.tk-legal__section h3 {
    margin: 26px 0 10px;
    font-size: 16px;
    font-weight: var(--tk-fw-bold);
    color: var(--tk-text);
}

.tk-legal__section p,
.tk-legal__section li {
    font-size: 15px;
    line-height: 1.75;
    color: var(--tk-text-body);
}

.tk-legal__section p { margin: 0 0 14px; }

.tk-legal__section ul,
.tk-legal__section ol {
    margin: 0 0 16px;
    padding-left: 22px;
}

.tk-legal__section li { margin-bottom: 8px; }

.tk-legal__section a {
    color: var(--tk-indigo);
}

/* Vyzdvihnuté bloky ------------------------------------------------ */

.tk-legal__box {
    background: var(--tk-bg-alt);
    border: 1px solid var(--tk-border);
    border-radius: var(--tk-r-input, 14px);
    padding: 20px 24px;
    margin: 0 0 20px;
}

.tk-legal__box-title {
    font-size: 11px;
    font-weight: var(--tk-fw-heavy);
    text-transform: uppercase;
    letter-spacing: var(--tk-ls-label, .06em);
    color: var(--tk-text-faint, #94A3B8);
    margin-bottom: 14px;
}

.tk-legal__box--warn {
    background: #FFFBEB;
    border-color: #FDE68A;
}

/* Definičný zoznam identifikácie ----------------------------------- */

.tk-legal__id {
    display: grid;
    grid-template-columns: minmax(120px, max-content) 1fr;
    gap: 8px 20px;
    margin: 0;
}

.tk-legal__id dt {
    font-size: 13px;
    font-weight: var(--tk-fw-bold);
    color: var(--tk-text-faint, #64748B);
}

.tk-legal__id dd {
    margin: 0;
    font-size: 14px;
    color: var(--tk-text);
}

@media (max-width: 520px) {
    .tk-legal__id { grid-template-columns: 1fr; gap: 2px; }
    .tk-legal__id dd { margin-bottom: 10px; }
}

.tk-legal__warning {
    margin: 14px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--tk-border);
    font-size: 13px;
    color: #B45309;
}

/* Formulár odstúpenia od zmluvy ------------------------------------ */

.tk-legal__hint {
    margin: 6px 0 18px;
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--tk-text-faint, #64748B);
}

.tk-legal .tk-form__label {
    display: block;
    margin-top: 18px;
}

.tk-legal .tk-input,
.tk-legal .tk-textarea {
    width: 100%;
}

/* Tabuľky ---------------------------------------------------------- */

/*
 * Cenník dopravy aj doby uchovávania sú tabuľky a na mobile sa nezmestia.
 * Namiesto lámania textu na štyri riadky sa posúvajú vodorovne vo vlastnom
 * ráme — stránka sama sa nikdy neposúva do strán.
 */
.tk-legal__table-wrap {
    overflow-x: auto;
    margin: 0 0 20px;
    border: 1px solid var(--tk-border);
    border-radius: var(--tk-r-input, 14px);
    /*
     * Tieň na okraji, ktorý sa objaví len keď je čo posúvať: dve biele
     * masky sa posúvajú s obsahom (`local`), dva tiene stoja (`scroll`).
     * Pri okraji maska tieň zakryje, uprostred ho odkryje – bez JS.
     */
    background:
        linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0)) 0 0,
        linear-gradient(to left, #fff 40%, rgba(255, 255, 255, 0)) 100% 0,
        radial-gradient(farthest-side at 0 50%, rgba(15, 23, 42, .16), rgba(15, 23, 42, 0)) 0 0,
        radial-gradient(farthest-side at 100% 50%, rgba(15, 23, 42, .16), rgba(15, 23, 42, 0)) 100% 0;
    background-repeat: no-repeat;
    background-size: 48px 100%, 48px 100%, 16px 100%, 16px 100%;
    background-attachment: local, local, scroll, scroll;
}

.tk-legal__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    min-width: 460px;
}

.tk-legal__table th {
    text-align: left;
    padding: 12px 18px;
    background: var(--tk-bg-alt);
    font-size: 11px;
    font-weight: var(--tk-fw-heavy);
    text-transform: uppercase;
    letter-spacing: var(--tk-ls-label, .06em);
    color: var(--tk-text-faint, #94A3B8);
    white-space: nowrap;
}

.tk-legal__table td {
    padding: 12px 18px;
    border-top: 1px solid var(--tk-border);
    color: var(--tk-text-body);
}

.tk-legal__table td strong { color: var(--tk-text); }

/* Na mobile tesnejšie bunky, aby sa posúvalo čo najmenej. */
@media (max-width: 640px) {
    .tk-legal__table { font-size: 13px; min-width: 400px; }
    .tk-legal__table th,
    .tk-legal__table td { padding: 10px 12px; }
}

/* Súvisiace odkazy -------------------------------------------------- */

.tk-legal__related {
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid var(--tk-border);
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.tk-legal__related a {
    padding: 10px 16px;
    border: 1px solid var(--tk-border-strong);
    border-radius: var(--tk-r-input, 14px);
    font-size: 13px;
    font-weight: var(--tk-fw-bold);
    color: var(--tk-indigo);
    text-decoration: none;
}

.tk-legal__related a:hover {
    background: var(--tk-indigo-tint);
    border-color: var(--tk-indigo-border);
}