/*
 * PályázatKözpont — KÖZÖS „LANDING 2" RÉTEG (előszűrés-indító oldalak)
 *
 * HATÓKÖR: mindkét ELŐSZŰRÉS-INDÍTÓ oldal, és sehol máshol:
 *     `/ingyenes-eloszures/`          → `[pk_screening]`          (lakossági)
 *     `/vallalkozasoknak/eloszures/`  → `[pk_business_screening]` (vállalkozói)
 *
 * Betöltés: `Assets::needs_screening()`, a `quiz.css` után. A két oldal
 * ugyanazt a vizuális rendszert használja; a `post_content`-jük a
 * célcsoport-specifikus copyn kívül bájtazonos.
 *
 * 🔴 MIT STÍLUSOZ — ÉS MIT NEM
 *
 * Mindkét oldal UX-logikája azonos:
 *     rövid bevezető → 3 előny → EGYETLEN indítógomb → kérdések.
 *
 * Ez a fájl CSAK a bevezető keretet adja (kompakt hero + halk disclosure).
 * A 3 előny, az indítógomb és a jogi megjegyzés az indítókártyáé, azt a
 * `quiz.css` stílusozza — oda ez a fájl SZÁNDÉKOSAN nem nyúl, mert az a
 * réteg mindkét tölcsérben közös — és a `quiz.css`-t ez a kör nem módosítja.
 *
 * 🔴 NINCS BENNE gomb-, lépés-, GYIK- vagy záró-CTA stílus. Az oldalon
 * pontosan EGY cselekvési pont van; egy második, ugyanúgy kinéző gomb
 * újra megkérdezné ugyanazt a döntést.
 *
 * IZOLÁCIÓ: minden szabály a `.pk-lp*` prefix alatt van, nincs `!important`,
 * és nincs elemszelektor a `.pk-lp` scope-on kívül.
 *
 * ARCULAT: a tokenek szándékosan megegyeznek a vállalkozói landing
 * (`BusinessLandingRenderer` inline stílusa) `--pkg-*` értékeivel.
 *
 * TIPOGRÁFIA: px-alapú `clamp()`. Az Astra `html{font-size:112.5%}` miatt
 * 1rem == 18px, ezért a rem-alapú skála 12,5%-kal nagyobbra nőne a
 * szándékoltnál — ez fújta fel korábban a vállalkozói hero-t is.
 */

/*
 * 🔴 FEHÉR-DOMINANCIA ÉS ÁG-AKCENTUS (2026-09-17)
 *
 * A Landing 2 alaphangja FEHÉR: a hero csak nagyon finom wash, a
 * disclosure-sáv halk. A H1 NEUTRÁLIS (`--pk-lp-ink`) — ez az oldal
 * legnagyobb szövegfelülete, és ág-színre festve a két előszűrés-indító
 * „két külön márkának" hatna. Ág-színt a kicker és a disclosure-link visz.
 *
 * 🔴 AZ ÁG-SCOPE A BODY-N VAN, NEM A `.pk-lp` MARKUPON.
 * A `.pk-lp` szekciók az oldal `post_content`-jében élnek (Gutenberg
 * `wp:html` blokkok), nem a rendererben — modifier oda csak DB-írással
 * kerülhetne, amit szándékosan elkerülünk. A `HeadTags::body_class()`
 * ezért a `<body>`-ra teszi ki a `pk-funnel--business` osztályt, és a
 * fájl végi blokk ezen keresztül írja felül a tokeneket.
 */
.pk-lp {
    --pk-lp-green: #2F7D4A;
    --pk-lp-dark: #174C2F;
    --pk-lp-soft: #F4FAF6;
    --pk-lp-hero-from: #EDF6F1;
    --pk-lp-line: #D8E5DD;
    --pk-lp-muted: #4A5A50;
    --pk-lp-ink: #1B2621;

    display: block;
    margin: 0;
    background: #FFFFFF;
    color: #252A27;
    font-size: 17px;
    line-height: 1.65;
}
.pk-lp * { box-sizing: border-box; }
.pk-lp p { margin: 0; }

/*
 * 🔴 A szélességet `width: min()` adja, NEM `max-width`.
 *
 * Az Astra page-builder sablonja ezt a szabályt tolja a szekciók közvetlen
 * gyermekeire:
 *   .ast-page-builder-template .entry-content[data-ast-blocks-layout]
 *     > :not(.wp-block-group):where(:not(.uagb-is-root-container):not(.spectra-is-root-container)) > *
 *   { max-width: var(--wp--custom--ast-content-width-size) }   // == 1200px
 * Ez (0,4,0) specifikusságú, tehát legyőzné a `.pk-lp-wrap { max-width }`
 * szabályt (0,1,0). A `width` egy MÁSIK tulajdonság: az Astra `max-width`
 * értéke nem szűkíti a nálánál kisebb szélességet, ezért nincs szükség sem
 * specifikussági versenyre, sem `!important`-ra.
 */
.pk-lp-wrap { width: min(1120px, 100%); margin: 0 auto; padding: 40px 24px; }

/* ─────────── Kompakt hero ───────────
 * CTA NÉLKÜL. A cselekvési pont az alatta következő indítókártya.
 */

.pk-lp-hero { background: linear-gradient(135deg, var(--pk-lp-hero-from), #fff); }

.pk-lp-kicker {
    margin: 0 0 8px;
    color: var(--pk-lp-green);
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.4;
}
.pk-lp h1 {
    font-size: clamp(28px, 4.4vw, 44px);
    line-height: 1.14;
    color: var(--pk-lp-ink);
    max-width: 780px;
    margin: 0 0 12px;
}
.pk-lp-lead {
    font-size: clamp(17px, 1.4vw, 19px);
    line-height: 1.55;
    max-width: 640px;
}

/* ─────────── Disclosure ───────────
 * Az indítókártya UTÁN, halk, másodlagos szerepben. Kötelező alapdisclosure
 * („független piaci szolgáltató, nem állami szerv”) + a MŰKÖDŐ Adatkezelési
 * tájékoztató link.
 */

.pk-lp-disclosure { background: var(--pk-lp-soft); border-top: 1px solid var(--pk-lp-line); }
.pk-lp-disclosure .pk-lp-wrap { width: min(820px, 100%); padding-top: 16px; padding-bottom: 16px; }
.pk-lp-disclosure p { font-size: 14px; line-height: 1.5; color: var(--pk-lp-muted); }
.pk-lp-disclosure a { color: var(--pk-lp-dark); text-decoration: underline; text-underline-offset: 2px; }

/* ─────────── Mobil ─────────── */

@media (max-width: 720px) {
    .pk-lp-wrap { padding: 28px 20px; }
    .pk-lp-disclosure .pk-lp-wrap { padding-top: 14px; padding-bottom: 14px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  VÁLLALKOZÓI LANDING 2 — ÁG-AKCENTUS (2026-09-17)
 *
 *  HATÓKÖR: kizárólag `/vallalkozasoknak/eloszures/`. A horgony a
 *  `HeadTags::body_class()` által kitett `body.pk-funnel--business` osztály
 *  (shortcode-alapú felismerés, lásd `Assets::screening_is_business()`).
 *
 *  🔴 A LAKOSSÁGI OLDAL A BASE. A `pk-funnel--residential` osztály
 *  szándékosan NEM kap saját szabályt — csak a szimmetria és a
 *  tesztelhetőség kedvéért kerül ki a body-ra. Így nincs duplikált
 *  residential/business CSS-rendszer.
 *
 *  🔴 SPECIFICITÁS: `body.pk-funnel--business .pk-lp` == (0,2,1), a base
 *  `.pk-lp` == (0,1,0). Nincs szükség `!important`-ra.
 *
 *  🔴 CSAK TOKEN, NULLA ÚJ SZABÁLY. A neutrális értékek (`--pk-lp-ink`,
 *  `--pk-lp-muted`, fehér felület, `#252A27` törzsszöveg) itt sem
 *  duplikálódnak — azok tartják egyben a közös márkát.
 * ═══════════════════════════════════════════════════════════════════════════ */

body.pk-funnel--business .pk-lp {
    --pk-lp-green: #1E5A8A;
    --pk-lp-dark: #16456B;
    --pk-lp-soft: #F4F8FB;
    --pk-lp-hero-from: #EDF3F8;
    --pk-lp-line: #DCE6EE;
}