/* Page-specific styles for Zásady používání cookies */

.cookies-page {
    background-color: var(--color-space-void);
    color: var(--color-silver-white);
}

.cookies-page .section {
    padding-block: var(--section-padding-desktop);
}

@media (max-width: 768px) {
    .cookies-page .section {
        padding-block: var(--section-padding-mobile);
    }
}

/* Úvod do cookies */
.cookies-intro .container {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.cookies-intro h1 {
    margin-block-end: 0;
}

.cookies-intro__copy {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    max-width: 70ch;
    text-align: left;
}

.cookies-intro__copy p {
    margin-block-end: 0;
}

/* Typy cookies */
.cookies-types .container {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.cookies-types h2 {
    margin-block-end: 0;
}

.cookies-types__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
}

.cookies-types__grid > * {
    min-width: 0;
}

.cookie-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--card-padding);
}

.cookie-card h3 {
    margin-block-end: 0;
}

.cookie-card p {
    margin-block-end: 0;
    max-width: 60ch;
    text-align: left;
}

/* Správa souhlasu */
.cookies-consent .container {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.cookies-consent h2 {
    margin-block-end: 0;
}

.cookies-consent__copy {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    max-width: 70ch;
    text-align: left;
}

.cookies-consent__copy p {
    margin-block-end: 0;
}

/* Nastavení prohlížeče */
.cookies-browser .container {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.cookies-browser h2 {
    margin-block-end: 0;
}

.cookies-browser__copy {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    max-width: 70ch;
    text-align: left;
}

.cookies-browser__copy p {
    margin-block-end: 0;
}

.cookies-browser__list {
    margin-block-end: 0;
    padding-inline-start: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.cookies-browser__list li {
    margin-block-end: 0;
}

/* Cookies třetích stran */
.cookies-third-party .container {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.cookies-third-party h2 {
    margin-block-end: 0;
}

.cookies-third-party__copy {
    max-width: 70ch;
    text-align: left;
}

.cookies-third-party__copy p {
    margin-block-end: 0;
}

/* Kontakt pro dotazy */
.cookies-contact .container {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.cookies-contact h2 {
    margin-block-end: 0;
}

.cookies-contact__copy {
    max-width: 70ch;
    text-align: left;
}

.cookies-contact__copy p {
    margin-block-end: 0;
}

/* Tablet breakpoint */
@media (max-width: 992px) {
    .cookies-types__grid {
        grid-template-columns: 1fr;
    }
}

/* Mobile breakpoint */
@media (max-width: 768px) {
    .cookies-types__grid {
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }

    .cookie-card {
        padding: var(--card-padding-mobile);
    }

    .cookies-intro__copy,
    .cookies-consent__copy,
    .cookies-browser__copy,
    .cookies-third-party__copy,
    .cookies-contact__copy {
        max-width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cookies-page,
    .cookies-page * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }
}