/* Page-owned styles for Adatvédelmi Tájékoztató */

.adatvedelmi-page {
    width: 100%;
    background-color: var(--color-bg-primary);
}

/* Hero */
.adatvedelmi-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-xl) var(--space-md);
    background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
    border-bottom: 1px solid var(--color-accent-gold);
}

.adatvedelmi-hero__inner {
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.adatvedelmi-hero__eyebrow {
    font-size: var(--text-small);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-accent-gold);
    margin-block-end: 0;
}

.adatvedelmi-hero__title {
    font-size: var(--text-h1);
    color: var(--color-text-primary);
    margin-block-end: 0;
}

.adatvedelmi-hero__lead {
    font-size: 1.1rem;
    color: var(--color-text-secondary);
    max-width: 60ch;
    margin-inline: auto;
    margin-block-end: 0;
}

/* Content container */
.adatvedelmi-content {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding: var(--space-lg) var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

/* Section */
.adatvedelmi-section {
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.adatvedelmi-section__title {
    font-size: var(--text-h2);
    color: var(--color-text-primary);
    border-bottom: 1px solid var(--color-accent-gold);
    padding-bottom: var(--space-xs);
    margin-block-end: 0;
}

.adatvedelmi-section__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* Unit */
.adatvedelmi-unit {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.adatvedelmi-unit__title {
    font-size: var(--text-h3);
    color: var(--color-accent-gold);
    margin-block-end: 0;
}

.adatvedelmi-unit__text {
    color: var(--color-text-primary);
    max-width: 80ch;
    margin-block-end: 0;
}

/* Lists */
.adatvedelmi-list {
    list-style: none;
    padding-inline-start: 0;
    margin-block-end: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.adatvedelmi-list__item {
    padding-inline-start: var(--space-sm);
    position: relative;
    color: var(--color-text-primary);
    line-height: 1.6;
}

.adatvedelmi-list__item::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.6em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--color-accent-gold);
}

.adatvedelmi-list--facts .adatvedelmi-list__item {
    padding-inline-start: 0;
}

.adatvedelmi-list--facts .adatvedelmi-list__item::before {
    display: none;
}

.adatvedelmi-list__label {
    font-weight: 700;
    color: var(--color-accent-gold);
    margin-inline-end: var(--space-xs);
}

/* Table */
.adatvedelmi-table-wrapper {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--color-accent-gold);
    border-radius: var(--radius-md);
}

.adatvedelmi-table {
    width: 100%;
    border-collapse: collapse;
    margin-block-end: 0;
    min-width: 480px;
}

.adatvedelmi-table th,
.adatvedelmi-table td {
    padding: var(--space-xs) var(--space-sm);
    text-align: start;
    border-bottom: 1px solid var(--color-bg-secondary);
    color: var(--color-text-primary);
}

.adatvedelmi-table th {
    background-color: var(--color-bg-secondary);
    color: var(--color-accent-gold);
    font-weight: 600;
}

.adatvedelmi-table tbody tr:last-child td {
    border-bottom: none;
}

/* Links inside content */
.adatvedelmi-unit__text a,
.adatvedelmi-list__item a {
    color: var(--color-accent-gold);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color var(--transition-smooth);
}

.adatvedelmi-unit__text a:hover,
.adatvedelmi-list__item a:hover {
    color: var(--color-accent-amber);
}

/* Responsive */
@media (max-width: 768px) {
    .adatvedelmi-hero {
        padding: var(--space-lg) var(--space-sm);
    }

    .adatvedelmi-content {
        padding: var(--space-md) var(--space-sm);
        gap: var(--space-md);
    }

    .adatvedelmi-section {
        gap: var(--space-sm);
    }

    .adatvedelmi-section__body {
        gap: var(--space-sm);
    }

    .adatvedelmi-unit {
        gap: var(--space-xs);
    }

    .adatvedelmi-unit__text {
        max-width: 100%;
    }

    .adatvedelmi-hero__lead {
        max-width: 100%;
    }
}