/* Page-owned styles for Adatvédelmi irányelvek */
.privacy-page {
    background-color: var(--color-deep-moss);
    color: var(--color-parchment-cream);
    padding-block: var(--space-4);
}

.privacy-page__container {
    width: 100%;
    max-width: var(--container-main);
    margin-inline: auto;
    padding-inline: var(--container-padding-mobile);
}

.privacy-hero {
    margin-block-end: var(--space-4);
}

.privacy-hero__inner {
    max-width: 68ch;
    margin-inline: auto;
    text-align: left;
}

.privacy-hero__eyebrow {
    font-size: var(--text-caption);
    line-height: var(--leading-caption);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-amber-glow);
    margin-block-end: var(--space-05);
}

.privacy-hero__title {
    font-size: clamp(2rem, 4vw, var(--text-h1));
    line-height: var(--leading-h1);
    color: var(--color-parchment-cream);
    margin-block-end: var(--space-15);
}

.privacy-hero__lead {
    font-size: var(--text-lead);
    line-height: var(--leading-lead);
    color: var(--color-soft-cream);
    margin-block-end: 0;
}

.privacy-panel {
    background-color: var(--color-parchment-cream);
    color: var(--color-ink-brown);
    border: var(--border-thick);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-panel);
    padding: var(--space-2);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.privacy-section {
    width: 100%;
}

.privacy-section__text {
    max-width: 68ch;
    margin-inline: auto;
    text-align: left;
}

.privacy-section__heading-row {
    display: flex;
    align-items: center;
    gap: var(--space-075);
    margin-block-end: var(--space-05);
}

.privacy-section__motif {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    background-color: var(--color-moss-green);
    border-radius: var(--radius-full);
    position: relative;
}

.privacy-section__motif--leaf::after {
    content: "";
    position: absolute;
    inset: 0.25rem;
    background-color: var(--color-deep-moss);
    border-radius: 50% 0 50% 50%;
    transform: rotate(-45deg);
}

.privacy-section__motif--cookie::after {
    content: "";
    position: absolute;
    inset: 0.25rem;
    background-color: var(--color-amber-glow);
    border-radius: var(--radius-full);
    box-shadow: 0.15rem 0.15rem 0 rgba(42, 31, 26, 0.3);
}

.privacy-section__motif--gear::after {
    content: "";
    position: absolute;
    inset: 0.25rem;
    background-color: var(--color-moss-green);
    border-radius: var(--radius-full);
    box-shadow: 0.2rem 0.2rem 0 rgba(42, 31, 26, 0.3);
}

.privacy-section__motif--envelope::after {
    content: "";
    position: absolute;
    inset: 0.25rem;
    background-color: var(--color-amber-glow);
    border-radius: var(--radius-sm);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 50%, 0 75%);
}

.privacy-section__motif--calendar::after {
    content: "";
    position: absolute;
    inset: 0.25rem;
    background-color: var(--color-moss-green);
    border-radius: var(--radius-sm);
    box-shadow: 0 0.15rem 0 rgba(42, 31, 26, 0.3);
}

.privacy-section__rule {
    margin-block: var(--space-075) var(--space-2);
}

.privacy-section h2 {
    color: var(--color-ink-brown);
    font-size: clamp(1.5rem, 3vw, var(--text-h2));
    line-height: var(--leading-h2);
    margin-block-end: 0;
}

.privacy-section h3 {
    color: var(--color-ink-brown);
    font-size: clamp(1.25rem, 2.5vw, var(--text-h3));
    line-height: var(--leading-h3);
    margin-block-end: var(--space-075);
}

.privacy-section p,
.privacy-section li,
.privacy-section address {
    color: var(--color-ink-brown);
}

.privacy-section a {
    color: var(--color-umber-wood);
    text-decoration-color: var(--color-amber-glow);
}

.privacy-section a:hover {
    color: var(--color-amber-glow);
}

.privacy-section__lead {
    font-size: var(--text-lead);
    line-height: var(--leading-lead);
    margin-block-end: var(--space-15);
}

.privacy-list {
    margin-block-end: var(--space-15);
}

.privacy-list > li {
    margin-block-end: var(--space-05);
}

.privacy-contact {
    font-style: normal;
    display: flex;
    flex-direction: column;
    gap: var(--space-05);
    margin-block-end: 0;
}

.privacy-contact__item {
    margin-block-end: 0;
}

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

    .privacy-panel {
        padding: var(--space-3);
        gap: var(--space-6);
    }

    .privacy-section__text {
        max-width: 68ch;
    }
}

@media (min-width: 1024px) {
    .privacy-hero__title {
        font-size: var(--text-h1);
    }

    .privacy-section h2 {
        font-size: var(--text-h2);
    }

    .privacy-section h3 {
        font-size: var(--text-h3);
    }
}

@media (min-width: 1280px) {
    .privacy-page__container {
        padding-inline: var(--container-padding-desktop);
    }
}

@media (prefers-reduced-motion: reduce) {
    .privacy-page *,
    .privacy-page *::before,
    .privacy-page *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}