/* Page-owned styles for Zásady ochrany osobních údajů */

#zasady-ochrany-osobnich-udaju {
    background-color: var(--dt-ink);
    color: var(--dt-ivory);
}

.zasady-hero {
    padding-block: var(--dt-space-8) var(--dt-space-6);
    border-block-end: 1px solid var(--dt-border-ivory);
}

.zasady-hero__inner {
    max-width: 800px;
    margin-inline: 0;
}

.zasady-hero__lead {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--dt-ivory);
    margin-block-start: var(--dt-space-3);
    margin-block-end: 0;
}

.zasady-content {
    padding-block: var(--dt-space-8);
}

.zasady-section {
    margin-block-end: var(--dt-space-7);
}

.zasady-section:last-child {
    margin-block-end: 0;
}

.zasady-section__inner {
    max-width: 800px;
    margin-inline: 0;
}

.zasady-section__block {
    margin-block-end: var(--dt-space-5);
}

.zasady-section__block:last-child {
    margin-block-end: 0;
}

.zasady-section__block h3 {
    margin-block-end: var(--dt-space-3);
}

.zasady-section__block p {
    margin-block-end: var(--dt-space-3);
}

.zasady-section__block ul {
    margin-block-end: var(--dt-space-3);
    padding-inline-start: var(--dt-space-4);
    list-style: disc;
}

.zasady-section__block ul li {
    margin-block-end: var(--dt-space-2);
}

.zasady-section__block ul li:last-child {
    margin-block-end: 0;
}

.zasady-section__block ul li::marker {
    color: var(--dt-brass);
}

.zasady-section__block a {
    color: var(--dt-teal);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color var(--dt-transition-fast);
}

.zasady-section__block a:hover {
    color: var(--dt-ivory);
}

.zasady-section--contact .zasady-section__inner {
    background-color: var(--dt-ink-raised);
    border: 1px solid var(--dt-border-ivory);
    border-inline-start: 4px solid var(--dt-teal);
    padding: var(--dt-space-5);
}

@media (max-width: 767px) {
    .zasady-hero {
        padding-block: var(--dt-space-7) var(--dt-space-5);
    }

    .zasady-content {
        padding-block: var(--dt-space-7);
    }

    .zasady-section {
        margin-block-end: var(--dt-space-6);
    }

    .zasady-section__inner {
        max-width: 100%;
    }

    .zasady-section--contact .zasady-section__inner {
        padding: var(--dt-space-4);
    }
}

@media (max-width: 479px) {
    .zasady-hero {
        padding-block: var(--dt-space-6) var(--dt-space-4);
    }

    .zasady-content {
        padding-block: var(--dt-space-6);
    }

    .zasady-section {
        margin-block-end: var(--dt-space-5);
    }

    .zasady-section__block ul {
        padding-inline-start: var(--dt-space-3);
    }
}