/* Právne dokumenty na webe (vop, ochrana-udajov, spracuvanie-udajov) - vzhľad verzie C.
   Stránky vyrába pravne/z-app.py z Blade šablón appky. */
.pravne {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    padding-top: clamp(2.5rem, 1.5rem + 4vw, 6rem);
    padding-bottom: clamp(4rem, 2rem + 6vw, 8rem);
}

@media (width >= 64rem) {
    .pravne {
        grid-template-columns: 15rem minmax(0, 46rem);
        gap: 4rem;
        justify-content: center;
    }
}

.pravne-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-content: start;
}

@media (width >= 64rem) {
    .pravne-nav {
        position: sticky;
        top: 7rem;
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

.pravne-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: var(--vlas) solid var(--linka);
    border-radius: 999rem;
    color: var(--text);
    font-size: 0.9375rem;
    text-decoration: none;
}

.pravne-nav a:hover {
    border-color: var(--signal);
}

.pravne-nav a[aria-current="page"] {
    border-color: #2F5BFF;
    background: #2F5BFF;
    color: #FFFFFF;
}

.pravne-text {
    color: var(--text);
    font-size: 1rem;
    line-height: 1.7;
}

.pravne-text h1 {
    margin: 0 0 0.75rem;
    font-family: var(--pismo-nadpis);
    font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem);
    font-weight: var(--nadpis-vaha);
    letter-spacing: var(--nadpis-tracking);
    line-height: 1.1;
}

.pravne-text h2 {
    margin: 2.75rem 0 0.75rem;
    font-family: var(--pismo-nadpis);
    font-size: 1.375rem;
    font-weight: var(--nadpis-vaha);
    line-height: 1.3;
}

.pravne-text h3 {
    margin: 1.75rem 0 0.5rem;
    font-size: 1.0625rem;
    font-weight: 600;
}

.pravne-text p,
.pravne-text ol,
.pravne-text ul,
.pravne-text table {
    margin: 0 0 1rem;
}

.pravne-text ol,
.pravne-text ul {
    padding-left: 1.5rem;
}

.pravne-text li + li {
    margin-top: 0.5rem;
}

.pravne-text li::marker {
    color: var(--tlmene);
}

.pravne-text a {
    color: var(--signal);
    text-underline-offset: 0.18em;
}

.pravne-text strong {
    font-weight: 600;
}

.pravne-text table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    font-size: 0.9375rem;
}

.pravne-text th,
.pravne-text td {
    padding: 0.5rem 0.75rem;
    border: var(--vlas) solid var(--linka);
    text-align: left;
    vertical-align: top;
}

.pravne-text .pt-pravne-ucinnost {
    color: var(--tlmene);
    font-size: 0.9375rem;
}