/* ============================================================================
   OLVASHATÓSÁG — user, 2026-08-14: "a szövegek láthatósága és jól olvashatósága
   ELSŐDLEGES".

   Ez a lap LEGUTOLSÓNAK töltődik be, és csak egyet csinál: felhúzza a mért,
   gyenge kontrasztú szövegeket a WCAG AA küszöb fölé (normál szöveg 4.5:1,
   nagy szöveg 3:1). A számokat a `site/vizualis-csekk.py` méri minden körben —
   ami itt szerepel, azt MÉRÉS indokolta, nem érzés.
   ============================================================================ */

/* ── KÖTELEZŐ BETŰSKÁLA ────────────────────────────────────────────────────
   User, 2026-08-14: "olvashatatlanul pici betűk, a betűméret is legyen
   konzisztens és olvasható". Mérve a case-diákon: 8–9 KÜLÖNBÖZŐ betűméret
   diánként, a legkisebb 8,6 px. Ez vetítésen olvashatatlan.

   Ezért az egész oldal EGYETLEN skálát használ. Öt fokozat, semmi közte.
   A skálát a `vizualis-csekk.py` ellenőrzi (13 px alatt hibát jelez). */
:root {
  --t-apro:   0.82rem;   /* 13.1px — kicker, címke, metrika-felirat: a LEGKISEBB */
  --t-alap:   0.95rem;   /* 15.2px — folyószöveg, listatétel */
  --t-emelt:  1.08rem;   /* 17.3px — alcím, kiemelt mondat */
  --t-cim:    1.6rem;    /* 25.6px — dia-cím */
  --t-szam:   2.1rem;    /* 33.6px — metrika-szám */
}

/* Az apró fokozat: minden kicker, márkanév, blokkcím, metrika-felirat */
.c-case__brand, .c-case__blocktitle, .c-case__metriclabel,
.s2-claim__label, .s2-case__resultsnote, .c-case__tools li,
.s1-claim__tag, .s1-steps__kicker, .s1-nutshell__kicker, .s1-pillars__kicker,
.s1b-chapter__kicker, .s1b-head__kicker, .s03-chapter__kicker,
.s04-kicker, .entry-kicker, .c-stat__label, .c-logowall__subtitle {
  font-size: var(--t-apro) !important;
  letter-spacing: 0.12em;
}

/* Az alap fokozat: minden folyószöveg és listatétel a case-eken */
.c-case p, .c-case li, .c-case dd, .c-case dt,
.c-case__block p, .c-case__block li,
.s2-claim p, .s03-case p, .s03-case li {
  font-size: var(--t-alap) !important;
  line-height: 1.5;
}

/* Alcím */
.c-case__subtitle, .s2-claim__text {
  font-size: var(--t-emelt) !important;
  line-height: 1.42;
}

/* Cím és metrika-szám */
.c-case__title { font-size: var(--t-cim) !important; line-height: 1.18; }
.c-case__metric .c-stat__num { font-size: var(--t-szam) !important; }

/* A halvány szövegtokenek videó fölött nem tartották a küszöböt.
   Mérve 1440x900-ban: c-ink-faint 0.45 alfánál a lépésszámok 1:1-en álltak. */
:root {
  --c-ink-dim:   rgba(235, 237, 245, 0.88);
  --c-ink-faint: rgba(235, 237, 245, 0.74);
  --muted:       rgba(235, 237, 245, 0.88);
}

/* A lépés-számok (01…05) LÁTHATATLANOK voltak: a komponens halvány szürkére
   festette őket, és egy JS-nek kellett volna "begyújtania" őket, ami sose futott.
   User, 2026-08-14: a golyókban lévő számok legyenek FEHÉREK. */
.c-timeline__marker,
.c-timeline__marker * {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 800;
  border-color: rgba(255, 255, 255, 0.35);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.95), 0 0 12px rgba(0, 0, 0, 0.8);
  background: rgba(9, 12, 18, 0.72);
}

/* Mért gyenge kontrasztok (1440x900): 4.0:1 és 3.9:1 — a küszöb 4.5:1. */
.c-logowall__subtitle,
.s2-case__resultsnote,
.s04-awards-slide__dim {
  color: rgba(235, 237, 245, 0.88) !important;
}

/* A videó fölött álló SZABAD (nem panelen ülő) szövegek kapjanak saját
   sötétítést, hogy egy világos videókocka se nyelje el őket. */
.s1-hero__title,
.s1-hero__companies,
.s1-hero__tagline,
.s2-chapter__title,
.s04-chapter__title,
.s03-chapter__title {
  text-shadow: 0 2px 18px rgba(6, 8, 14, 0.75), 0 0 48px rgba(6, 8, 14, 0.5);
}

/* FEHÉR BETŰK FEKETE RAGYOGÁSSAL (user, 2026-08-14) — a mozgó videó fölött ez
   tartja meg a kontúrt akkor is, ha épp világos kocka fut alatta. */
.slide h1, .slide h2, .slide h3, .slide h4,
.slide p, .slide li, .slide dt, .slide dd,
.slide summary, .slide .c-stat__num, .slide .c-stat__value {
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.9),
    0 0 10px rgba(0, 0, 0, 0.75),
    0 0 26px rgba(0, 0, 0, 0.55);
}

/* REFERENCIA-LOGÓK SZÍNESEN (user, 2026-08-14). A komponens `grayscale(1)`
   szűrőt tett rájuk, és csak egérrel fölé állva lettek színesek — vetítésen
   ezt soha senki nem látja. */
.c-logowall__cell img,
.c-logowall--plate .c-logowall__cell img {
  filter: none !important;
  opacity: 1 !important;
}

/* MÉRT (user képernyőképe, 2026-08-14): az AI fejezetcím szinte FEKETE volt,
   mert `background-clip: text` színátmenettel készült, és a sötét vége esett a
   betűkre. Színátmenetes szöveg helyett tömör fehér + lime izzás:
   ez minden videókockán olvasható, és mérhető is. */
.slide .s04-chapter__title,
.slide .s04-chapter--ai .s04-chapter__title {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  text-shadow:
    0 2px 6px rgba(0, 0, 0, 0.9),
    0 0 34px rgba(147, 209, 79, 0.45);
}