/* ==========================================================================
   SECTION — GDPR (v3) — CLEAN, egységes háttér (NO filter, NO vignette)
   - Section háttér: kizárólag a globál --bg (#0f1012)
   - Nincs fehér “spotlight”, nincs kör/vignetta overlay
   - Stabil 2 oszlop desktopon, logó középen
   - Mobilon a logó felül (első elem)
   ========================================================================== */

/* Section alap — NEM átlátszó, egységes */
#gdpr.section {
    background: var(--bg);
    position: relative;
    overflow: hidden;
}

/* Biztonság: ha korábban volt overlay pseudo-element, tiltjuk */
#gdpr.section::before,
#gdpr.section::after {
    content: none !important;
}

/* Inner szélesség */
#gdpr.section .inner {
    max-width: min(1200px, 96vw);
    margin: 0 auto;
}

/* Main layout */
.gdpr-box {
    display: grid;
    gap: clamp(18px, 3vw, 34px);
    align-items: center;
}

/* Desktop two-column */
@media (min-width: 980px) {
    .gdpr-box {
        grid-template-columns: 1fr minmax(240px, 340px);
        align-items: center;
    }
}

/* Bal oldal */
.gdpr-left .h2 {
    margin: 0 0 10px;
}

.gdpr-lead {
    margin: 0 0 18px;
    color: var(--muted);
    max-width: 70ch;
    overflow-wrap: anywhere;
}

/* Checklist */
.gdpr-list {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;

    display: grid;
    gap: 12px;
}

.gdpr-list li {
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: start;
    gap: 12px;

    padding: 14px 16px;
    border-radius: 14px;

    /* Panel stílus, de nem módosítja a section bg-jét */
    background: rgba(18, 20, 24, .58);
    border: 1px solid rgba(255, 255, 255, .07);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .12);

    overflow-wrap: anywhere;

    transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.gdpr-list li:hover {
    transform: translateY(-1px);
    background: rgba(22, 24, 28, .72);
    border-color: rgba(255, 255, 255, .11);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
}

/* Ikon */
.gdpr-list .ico {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;

    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(25, 195, 125, .14);

    color: var(--success);
    font-weight: 900;
    line-height: 1;
}

.gdpr-list strong {
    font-weight: 800;
}

/* CTA */
.gdpr-cta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 10px 0 6px;
}

.gdpr-note {
    margin: 6px 0 0;
    color: var(--muted);
}

/* Jobb oldal: logó középre */
.gdpr-right {
    display: grid;
    place-items: center;
    align-self: center;
    justify-self: center;
}

/* Logó “badge” panel (szolid) */
.gdpr-right img {
    width: min(320px, 80vw);
    max-width: 320px;
    height: auto;
    display: block;

    padding: 12px 14px;
    border-radius: 16px;

    background: rgba(18, 20, 24, .54);
    border: 1px solid rgba(255, 255, 255, .07);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .16);
}

/* --------------------------
     Mobile: logó legyen az elején
     -------------------------- */
@media (max-width: 979px) {
    .gdpr-right {
        order: -1;
    }

    .gdpr-left {
        order: 0;
    }

    .gdpr-right img {
        max-width: 280px;
        width: min(280px, 88vw);
    }
}

@media (max-width: 640px) {
    .gdpr-list {
        gap: 10px;
    }

    .gdpr-list li {
        grid-template-columns: 20px 1fr;
        gap: 10px;
        padding: 12px 12px;
        border-radius: 14px;
    }

    .gdpr-list .ico {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    /* Mobilon a CTA legyen “stack” */
    .gdpr-cta {
        flex-direction: column;
        align-items: stretch;
    }

    .gdpr-cta .btn {
        width: 100%;
        justify-content: center;
    }
}

/* Mozgáscsökkentés */
@media (prefers-reduced-motion: reduce) {
    .gdpr-list li {
        transition: none !important;
    }
}