/* Page-owned styles for sutikezelesi-iranyelvek */

.cookie-policy-page {
    background-color: var(--color-warm-white);
    background-image: radial-gradient(circle at 20% 30%, rgba(142, 138, 132, 0.08) 0, rgba(142, 138, 132, 0.08) 1px, transparent 1px),
                      radial-gradient(circle at 80% 70%, rgba(166, 124, 82, 0.08) 0, rgba(166, 124, 82, 0.08) 1px, transparent 1px),
                      radial-gradient(circle at 40% 80%, rgba(201, 154, 59, 0.08) 0, rgba(201, 154, 59, 0.08) 1px, transparent 1px);
    background-size: 120px 120px, 160px 160px, 140px 140px;
    padding-block: var(--space-2xl) var(--space-3xl);
}

.cookie-policy-container {
    max-width: 720px;
    margin-inline: auto;
    padding-inline: var(--container-padding-mobile);
    width: 100%;
}

@media (min-width: 768px) {
    .cookie-policy-container {
        padding-inline: var(--container-padding-desktop);
    }
}

.cookie-policy-header {
    margin-block-end: var(--space-2xl);
    padding-block-start: var(--space-lg);
    border-block-start: 1px solid var(--color-border-bronze);
    position: relative;
}

.cookie-policy-header::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 48px;
    height: 1px;
    background-color: var(--color-bronze);
}

.cookie-policy-header h1 {
    margin-block-end: var(--space-sm);
}

.cookie-policy-effective-date {
    font-weight: 600;
    color: var(--color-espresso);
    text-decoration: underline;
    text-decoration-color: var(--color-bronze);
    text-underline-offset: 4px;
    margin-block-end: 0;
}

.cookie-policy-section {
    margin-block-end: var(--space-2xl);
    padding-block-start: var(--space-lg);
    border-block-start: 1px solid var(--color-border-bronze);
    position: relative;
}

.cookie-policy-section::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 32px;
    height: 1px;
    background-color: var(--color-bronze);
}

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

.cookie-policy-section h2 {
    margin-block-end: var(--space-md);
}

.cookie-policy-content {
    max-width: 65ch;
    text-align: left;
}

.cookie-policy-content p {
    margin-block-end: var(--space-md);
}

.cookie-policy-content ul {
    margin-block-end: var(--space-md);
    padding-inline-start: var(--space-lg);
}

.cookie-policy-content li {
    margin-block-end: var(--space-xs);
}

.cookie-category {
    margin-block-end: var(--space-xl);
    padding-inline-start: var(--space-md);
    border-inline-start: 1px solid var(--color-border-grey);
}

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

.cookie-category h3 {
    margin-block-end: var(--space-xs);
    position: relative;
    padding-inline-start: var(--space-lg);
}

.cookie-category h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35em;
    width: 10px;
    height: 10px;
    background-color: var(--color-mustard);
    transform: rotate(45deg);
    border-radius: 1px;
}

.cookie-category > p {
    margin-block-end: var(--space-sm);
}

.cookie-list {
    margin-block-end: 0;
}

.cookie-item {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    margin-block-end: var(--space-sm);
}

.cookie-item:last-child {
    margin-block-end: 0;
}

.cookie-item dt {
    font-weight: 600;
    color: var(--color-espresso);
}

.cookie-item dd {
    margin-inline-start: 0;
    color: var(--color-espresso-muted);
}

.cookie-policy-content a {
    color: var(--color-espresso);
    text-decoration: underline;
    text-decoration-color: var(--color-bronze);
    text-underline-offset: 3px;
    transition: color 150ms ease, text-decoration-color 150ms ease;
}

.cookie-policy-content a:hover {
    color: var(--color-burgundy);
    text-decoration-color: var(--color-burgundy);
}

@media (max-width: 767px) {
    .cookie-policy-page {
        padding-block: var(--space-xl) var(--space-2xl);
    }

    .cookie-policy-container {
        padding-inline: var(--container-padding-mobile);
    }

    .cookie-policy-content {
        max-width: 55ch;
    }

    .cookie-policy-header h1 {
        font-size: var(--text-h1-size);
    }

    .cookie-category {
        padding-inline-start: var(--space-sm);
    }

    .cookie-item {
        gap: var(--space-2xs);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cookie-policy-container {
        max-width: 720px;
    }
}