/* FALENTRAB Cookie-szabályzat page styles */

.cookie-page {
    width: 100%;
    background-color: var(--color-ivory);
    color: var(--color-chocolate);
}

.cookie-page__inner {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-padding-mobile);
    padding-block-start: var(--space-64);
    padding-block-end: var(--space-96);
    display: flex;
    flex-direction: column;
    gap: var(--space-64);
}

.cookie-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cookie-section__copy {
    width: 100%;
    max-width: 680px;
    min-width: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.cookie-section__copy--lead {
    gap: var(--space-24);
}

.cookie-section__copy h1 {
    font-size: clamp(40px, 6vw, 56px);
    line-height: var(--text-h1-leading);
    letter-spacing: var(--text-h1-tracking);
    margin-block-end: 0;
}

.cookie-section__copy h2 {
    font-size: clamp(28px, 3.2vw, 40px);
    line-height: var(--text-h2-leading);
    letter-spacing: var(--text-h2-tracking);
    margin-block-end: 0;
    padding-block-start: var(--space-8);
}

.cookie-section__copy h3 {
    font-size: var(--text-h3-size);
    line-height: var(--text-h3-leading);
    letter-spacing: var(--text-h3-tracking);
    margin-block-end: 0;
    padding-block-start: var(--space-8);
}

.cookie-section__copy p {
    font-size: var(--text-body-size);
    line-height: var(--text-body-leading);
    letter-spacing: var(--text-body-tracking);
    margin-block-end: 0;
    max-width: 680px;
    min-width: 0;
}

.cookie-section__lead {
    font-size: var(--text-body-large-size);
    line-height: var(--text-body-large-leading);
    letter-spacing: var(--text-body-large-tracking);
    color: var(--color-graphite);
}

.cookie-section__copy .timestamp {
    margin-block-end: 0;
}

.cookie-category-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
    margin-block-start: var(--space-8);
}

.cookie-category {
    width: 100%;
    min-width: 0;
    background-color: var(--color-sand);
    border: var(--border-light);
    border-radius: var(--radius-card);
    padding: var(--space-24);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.cookie-category h3 {
    margin-block-end: 0;
    padding-block-start: 0;
}

.cookie-category p {
    margin-block-end: 0;
}

.cookie-browser-list,
.cookie-rights-list,
.cookie-contact-list {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    padding-inline-start: var(--space-24);
    list-style: disc;
    color: var(--color-chocolate);
}

.cookie-browser-list li,
.cookie-rights-list li,
.cookie-contact-list li {
    font-size: var(--text-body-size);
    line-height: var(--text-body-leading);
    letter-spacing: var(--text-body-tracking);
    padding-inline-start: var(--space-4);
    min-width: 0;
}

.cookie-browser-list li::marker,
.cookie-rights-list li::marker,
.cookie-contact-list li::marker {
    color: var(--color-coral);
}

.cookie-contact-list {
    list-style: none;
    padding-inline-start: 0;
    gap: var(--space-8);
}

.cookie-contact-list li {
    padding-inline-start: 0;
}

.cookie-effective-date {
    color: var(--color-coral);
    font-weight: 600;
}

.cookie-section__copy a {
    color: var(--color-coral);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    transition: color var(--transition-fast), opacity var(--transition-fast);
}

.cookie-section__copy a:hover {
    color: var(--color-chocolate);
}

.cookie-section__copy a:focus-visible {
    outline: 2px solid var(--color-coral);
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .cookie-page__inner {
        padding-inline: var(--container-padding-desktop);
        padding-block-start: var(--space-96);
        padding-block-end: var(--space-128);
        gap: var(--space-96);
    }

    .cookie-section__copy {
        gap: var(--space-20);
    }

    .cookie-section__copy--lead {
        gap: var(--space-32);
    }

    .cookie-category-list {
        gap: var(--space-32);
    }
}

@media (max-width: 767px) {
    .cookie-page__inner {
        padding-block-start: var(--space-48);
        padding-block-end: var(--space-64);
        gap: var(--space-48);
    }

    .cookie-section__copy {
        gap: var(--space-12);
    }

    .cookie-section__copy--lead {
        gap: var(--space-16);
    }

    .cookie-section__copy h1 {
        font-size: clamp(34px, 10vw, 40px);
    }

    .cookie-section__copy h2 {
        font-size: clamp(24px, 7vw, 28px);
    }

    .cookie-category-list {
        gap: var(--space-16);
    }

    .cookie-category {
        padding: var(--space-16);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cookie-section__copy a {
        transition: none;
    }
}