/* =====================================================================
   Vállalati tréning (vallalati-trening.html) · lapsajátos kiegészítés, 2026-10-15
   A közös palatinus.css-t nem írja át, csak kiegészíti. Minden felülíró
   szelektor legalább akkora erősségű, mint a felülírt közös szabály, és a
   lap a közös stíluslap után tölti be. Mozgás itt nincs: a szavankénti
   világosodást a js/lapok/vallalati-trening.js adja (csak opacity), a
   beúszást a közös data-be (csak transform és opacity). A 6. pont a fejléc
   állapota (csak opacity), a JS 3. pontjának párja.
   ===================================================================== */

/* ── 1. Amit a tréner kívülről lát: nagy betűs állítás sötét alapon ────
   A díszkeret (fényfolt + szemcse) a szakasz mögött ül, inset:0 és
   overflow:hidden keretben, pointer-events nélkül (a közös .disz-keret). */
.vt-allitas-szakasz { isolation: isolate; }
.vt-allitas-szakasz > .belso { position: relative; z-index: 1; }
.vt-allitas-szakasz .fenyfolt { left: 22%; top: 52%; }
.vt-allitas {
  margin: 0; max-width: 21em;
  font: 300 clamp(30px, 4vw, 56px)/1.2 var(--betu-cim); letter-spacing: -.01em;
  color: var(--sz-cim, var(--papir));
}
.vt-allitas em { font-family: var(--betu-idezet); font-style: italic; font-weight: 400; color: var(--arany); }
.vt-allitas-utana {
  margin: clamp(28px, 4vw, 48px) 0 0; max-width: 32em;
  font-size: clamp(18px, 1.6vw, 21px); line-height: 1.55;
  color: var(--sz-halk, var(--pala-vilagos));
}

/* ── 2. A két tréninglista: a vonalakat a pontok saját szegélye adja ────
   A közös .szamozott a rács 2 px-es hézagaiban a lista HÁTTERÉT mutatja vonalként.
   Itt a pontok egyenként úsznak be (data-be minden li-n): ha a háttér maradna,
   beúszás közben a még átlátszó pontok helyén szürke folt villanna. Ezért a lista
   háttere átlátszó, a vonal a pontok alsó (és a 2./3. hasábban bal) szegélye,
   ugyanabban a színben és vastagságban. A felső vonal a lista saját szegélye. */
.szamozott.vt-lista { gap: 0; background: none; border-bottom: 0; }
.szamozott.vt-lista > .szamozott-elem { background: none; border-bottom: 2px solid var(--sz-vonal, var(--pala-halvany)); }

/* Munkavállalói tréningek: 900–1099 px között két hasáb (a közös szamozott-ket-oszlop),
   a páratlan utolsó elem a teljes sort kapja; 1100 px-től 3 × 3 rács. */
@media (min-width: 900px) and (max-width: 1099.98px) {
  .szamozott.vt-harom-oszlop > .szamozott-elem:nth-child(2n) { border-left: 2px solid var(--sz-vonal, var(--pala-halvany)); }
  .szamozott.vt-harom-oszlop > .szamozott-elem:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (min-width: 1100px) {
  .szamozott.vt-harom-oszlop { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .szamozott.vt-harom-oszlop > .szamozott-elem:not(:nth-child(3n + 1)) { border-left: 2px solid var(--sz-vonal, var(--pala-halvany)); }
}

/* ── 3. Felméréssel kezdődik: a négy blokk saját vonallal és arany négyzettel ──
   A közös .szovegpar egy vonalat húz a rács fölé; itt minden blokk saját felső
   vonalat kap, az elején a listapontokéval egyező arany négyzettel (dísz,
   pointer-events nélkül), így a 2 × 2-es rácsban és telefonon egymás alatt is
   négy önálló egység látszik. Számot nem kapnak: a forrás nem lépéssort ír le. */
.szovegpar.vt-negyes { border-top: 0; padding-top: 0; }
.vt-blokk { position: relative; padding-top: 26px; border-top: 1px solid var(--sz-vonal, var(--pala-halvany)); }
.vt-blokk::before { content: ""; position: absolute; left: 0; top: -4px; width: 8px; height: 8px; background: var(--arany); pointer-events: none; }

/* ── 3b. Kapcsolódó: a saját cikk kiemelt kártyája, alatta a két szakterület ──
   Ugyanaz a rend és ugyanazok a méretek, mint a szervezetfejlesztés (sf-), a vezetői
   coaching (vc-) és a kiválasztás (kt-) lapon, hogy a szolgáltatás-lapok egyformán
   záruljanak. Egy rácsban egyfajta kártya áll (OLVASD_EL.md 4.7).
   A fekvő elrendezés 700 px-től él: a generátor kártya-sizes-a 700 px fölött 46vw-t,
   1220 px-től 380px-et mond, így a borító bal cellája (768 px-en kb. 287 × 338,
   1440 px-en kb. 491 × 338 px) az 512 és az 1024 px-es fájl alatt marad, a hover
   1,03-as nagyításával együtt is. A kép abszolút réteg, hogy a négyzetes borító ne
   húzza fel a kártyát a saját magasságára. */
.kartyak.vt-kiemelt { grid-template-columns: minmax(0, 1fr); }
.kartyak.vt-tovabbi { margin-top: 20px; }
@media (min-width: 700px) {
  .vt-kiemelt .kartya-kepes { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); min-height: 340px; }
  .vt-kiemelt .kartya-kep-keret { aspect-ratio: auto; }
  .vt-kiemelt .kartya-kep-keret picture { position: absolute; inset: 0; }
  .vt-kiemelt .kartya-test { padding: clamp(32px, 4vw, 52px); }
  .vt-kiemelt .kartya-cim { font-size: clamp(30px, 2.9vw, 40px); }
  .vt-kiemelt .kartya-kivonat { max-width: 30em; font-size: 17px; }
}

/* ── 4. Vélemény-kártyák: a közös rács kb. 780 px-es nézetig egyhasábos, ott a kártya
   teljes szélességű, és a közös 34 em-es szöveg 768 px-en 82 karakteres sort ad (mérve).
   A 30 em is 79–80 karaktert adott a Király Judit-kártyán (sordobozból mérve, 768 px,
   2026-10-15 este); 28 em (19 px-en 532 px) a dőlt Newsreaderrel 75 karakter alatt marad.
   Két hasábban (kb. 780 px-től) a kártya keskenyebb, ott ez a korlát nem hat. */
.velemenyek.vt-velemenyek .velemeny-szoveg { max-width: 28em; }

/* ── 5. Térközök ─────────────────────────────────────────────────────
   Telefonon a kéthasábos szakasz (cím + szöveg vagy lista) egymás alá kerül:
   a cím és a tartalom közti rés ugyanakkora, mint az egyhasábos szakaszoké.
   A négy alcímes szövegpár 2 × 2-es rácsában a sorköz kisebb az oszlopköznél. */
@media (max-width: 899.98px) {
  .ketto.vt-ketto-szoros { row-gap: 8px; }
}
@media (min-width: 900px) {
  .szovegpar.vt-negyes { row-gap: clamp(36px, 4vw, 56px); }
}

/* ── 6. Fejléc görgetés közben: az első 8 px után tömör (közös hiba pótlása) ──
   A js/lapok/vallalati-trening.js 3. pontja teszi fel a html.vt-gorgetve osztályt
   (mérés és ok ott). A szelektor (0,4,2) erősebb a közös
   html.mozog .fejlec-atlatszo::before szabálynál (0,2,2). Ugyanez áll a kapcsolat,
   a visszajelzések és a pszichológiai tanácsadás lapján; ha a közös fejléc ezt
   megoldja, ez a szabály törölhető. */
html.mozog.vt-gorgetve .lap-vallalati-trening .fejlec-atlatszo::before { opacity: 1; }