/* =====================================================================
   Pszichológiai tanácsadás · lapsajátos kiegészítés (02_DEMO, 2026-10-15)
   Csak az, ami a közös komponensekben nincs meg:
     1. a forrás H1-e két szinten (a folytatás dőlt, arany, kisebb);
     2. Területek: cím balra, a négy pont jobbra, soronként beúszva;
     3. Célok: a forrás négy mondata nagy, álló Newsreaderrel, egymás alatt
        (széles kijelzőn felváltva balról és jobbról úsznak be: data-be="bal"/"jobb");
     4. Elakadás: a nagy mondat (görgetésre szavanként világosodik,
        js/lapok/pszichologiai-tanacsadas.js), mögötte lassan úszó fényfolt;
     5. Módszerek: négy csempe a jel rácsából;
     6. Kapcsolódó: a saját cikk és a két szakterület külön rácsban
        (egy rácsban egyfajta kártya áll: OLVASD_EL 4.7);
     7. Fejléc görgetés közben: az első 8 px után tömör (közös hiba pótlása).
   Szabályok: csak a közös tokenek (két szín: pala és arany); csak transform
   és opacity animál; a dísz pointer-events:none, inset:0 + overflow:hidden
   keretben; minden szelektorban ott a törzs osztálya (a 7. pontban a gyökér
   állapotosztályai után), így legalább akkora erősségű, mint a közös szabály,
   amit felülír.
   ===================================================================== */

/* ── 1 · Nyitó: „Pszichológiai tanácsadás / és életviteli problémák megoldása” ── */
.lap-pszichologiai-tanacsadas .pt-cim-folytatas {
  display: block; margin-top: .2em;
  font-size: .54em; line-height: 1.14; letter-spacing: -.004em;
}

/* ── 2 · Területek ───────────────────────────────────────────────── */
.lap-pszichologiai-tanacsadas .pt-teruletek-fej .szakasz-cim { margin-bottom: 0; }
/* a főoldali csempe ikonja (a fejléc lenyílójában is ez áll), nagyban */
.lap-pszichologiai-tanacsadas .pt-jel { width: clamp(52px, 6vw, 84px); height: auto; margin: 0 0 clamp(22px, 3vw, 36px); color: var(--pala); }
@media (min-width: 900px) {
  .lap-pszichologiai-tanacsadas .pt-teruletek-racs { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
}
/* A közös lista a 2 px-es réseket a háttérszínével rajzolja; soronkénti beúszásnál ez
   üres szürke tömbként látszana, ezért itt a sorok saját vonalat kapnak. */
.lap-pszichologiai-tanacsadas .pt-teruletek-racs .szamozott { gap: 0; background: none; border-bottom: 0; }
.lap-pszichologiai-tanacsadas .pt-teruletek-racs .szamozott-elem { border-bottom: 2px solid var(--sz-vonal, var(--pala-halvany)); }
.lap-pszichologiai-tanacsadas .pt-teruletek-racs .szamozott-szoveg { font-size: clamp(17px, 1.4vw, 19px); }

/* ── 3 · Célok ───────────────────────────────────────────────────── */
.lap-pszichologiai-tanacsadas .pt-hangok {
  margin: 4px 0 0; padding: 0; list-style: none;
  border-top: 1px solid var(--sz-vonal);
}
.lap-pszichologiai-tanacsadas .pt-hang {
  display: grid; grid-template-columns: 11px minmax(0, 1fr); column-gap: clamp(18px, 3vw, 40px); align-items: start;
  padding: clamp(22px, 3.2vw, 42px) 0;
  border-bottom: 1px solid var(--sz-vonal);
  /* telefonon 24 px, táblagépen kb. 30 px, 1440 px-től 41 px (a 3vw táblagépen 24 px-re esett vissza) */
  font: 300 clamp(24px, 1.6vw + 18px, 41px)/1.24 var(--betu-cim); letter-spacing: -.008em;
}
.lap-pszichologiai-tanacsadas .pt-hang::before {
  content: ""; width: 11px; height: 11px; margin-top: .5em;
  background: var(--arany); pointer-events: none;
}
.lap-pszichologiai-tanacsadas .pt-hang-szoveg { margin: 0; max-width: 24em; color: var(--sz-cim); }
/* széles kijelzőn a páros sorok beljebb kezdődnek (a jel a szöveggel együtt), a vonal teljes szélességű marad */
@media (min-width: 1100px) {
  .lap-pszichologiai-tanacsadas .pt-hang:nth-child(even) { padding-left: clamp(0px, 7vw, 120px); }
}

/* ── 4 · Elakadás ────────────────────────────────────────────────── */
.lap-pszichologiai-tanacsadas .pt-elakadas-fenyfolt { left: 26%; top: 42%; }
.lap-pszichologiai-tanacsadas .pt-elakadas-belso { position: relative; z-index: 1; }
.lap-pszichologiai-tanacsadas .pt-elakadas-bevezeto {
  margin: 0 0 clamp(30px, 4vw, 52px); max-width: 32em;
  font-size: clamp(18px, 1.5vw, 20px); line-height: 1.55; color: var(--sz-halk);
}
.lap-pszichologiai-tanacsadas .pt-elakadas-cim {
  margin: 0; max-width: 16.5em;
  font: 300 clamp(36px, 5.6vw, 80px)/1.08 var(--betu-cim); letter-spacing: -.016em;
  color: var(--sz-cim);
}
.lap-pszichologiai-tanacsadas .pt-elakadas-kiemeles { font-family: var(--betu-idezet); font-style: italic; font-weight: 400; color: var(--arany); }
.lap-pszichologiai-tanacsadas .pt-elakadas-vonal {
  display: block; width: clamp(72px, 11vw, 150px); height: 3px;
  margin: clamp(30px, 4vw, 46px) 0 clamp(44px, 6vw, 76px);
  background: var(--arany); transform-origin: left center; pointer-events: none;
}
.lap-pszichologiai-tanacsadas .pt-elakadas-par { border-top: 0; padding-top: 0; }

/* ── 5 · A tanácsadó és a módszerek ──────────────────────────────── */
.lap-pszichologiai-tanacsadas .pt-tanacsado-idezet { margin-top: 6px; }
.lap-pszichologiai-tanacsadas .pt-modszerek {
  margin-top: clamp(64px, 8vw, 112px); padding-top: clamp(32px, 4vw, 52px);
  border-top: 1px solid var(--sz-vonal);
}
.lap-pszichologiai-tanacsadas .pt-modszerek-fej { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 48px; margin-bottom: 28px; }
@media (min-width: 900px) {
  .lap-pszichologiai-tanacsadas .pt-modszerek-fej { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); align-items: baseline; }
}
.lap-pszichologiai-tanacsadas .pt-modszerek-cim { margin: 0; }
.lap-pszichologiai-tanacsadas .pt-modszerek-bevezeto {
  margin: 0; max-width: 32em;
  font-size: clamp(18px, 1.5vw, 20px); line-height: 1.55; color: var(--sz-halk);
}
.lap-pszichologiai-tanacsadas .pt-modszer-lista {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px;
  margin: 0; padding: 0; list-style: none;
  background: rgba(94, 110, 125, .22); border: 2px solid rgba(94, 110, 125, .22);
}
@media (min-width: 560px) { .lap-pszichologiai-tanacsadas .pt-modszer-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 980px) { .lap-pszichologiai-tanacsadas .pt-modszer-lista { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.lap-pszichologiai-tanacsadas .pt-modszer {
  position: relative; display: flex; align-items: center; gap: 16px;
  min-height: 84px; padding: 18px 22px;
  background: var(--sz-kartya, var(--feher));
}
.lap-pszichologiai-tanacsadas .pt-modszer::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--arany); pointer-events: none; }
.lap-pszichologiai-tanacsadas .pt-modszer-nev { font: 400 clamp(22px, 2.1vw, 30px)/1.16 var(--betu-cim); color: var(--sz-cim); }
@media (min-width: 980px) {
  .lap-pszichologiai-tanacsadas .pt-modszer { flex-direction: column; align-items: flex-start; justify-content: space-between; min-height: 148px; padding: 24px 24px 22px; }
}

/* ── 6 · Kapcsolódó: a saját cikk (borítóval) és a két szakterület (borító nélkül) ──
   Két külön rács. 700 px fölött a cikk-kártya fekvő: a borító balra, legfeljebb 380 px
   (40vw) széles. A kártya képe a generátor sizes-ával tölt (1220 px fölött 380 px, 700 px
   fölött 46vw, alatta 92vw), és a keret sehol nem szélesebb ennél, így a kép nem nagyítódik.
   A keret magassága a szövegé (kb. 260–360 px), a borító 512 px-es változata ezt is fedi. */
.lap-pszichologiai-tanacsadas .pt-kapcsolodo { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(40px, 5vw, 56px); }
.lap-pszichologiai-tanacsadas .pt-kapcsolodo-resz { min-width: 0; }
.lap-pszichologiai-tanacsadas .pt-kapcsolodo-cim { margin-bottom: 18px; }
@media (min-width: 700px) {
  .lap-pszichologiai-tanacsadas .pt-kapcsolodo-cikk .kartyak { grid-template-columns: minmax(0, 1fr); }
  .lap-pszichologiai-tanacsadas .pt-kapcsolodo-cikk .kartya-kepes { flex-direction: row; min-height: 0; }
  .lap-pszichologiai-tanacsadas .pt-kapcsolodo-cikk .kartya-kep-keret { flex: none; align-self: stretch; width: min(380px, 40vw); min-height: 240px; aspect-ratio: auto; }
  /* a kép ne a saját (négyzetes) arányával nyújtsa a kártyát: a keret magassága a szövegé */
  .lap-pszichologiai-tanacsadas .pt-kapcsolodo-cikk .kartya-kep-keret picture { position: absolute; inset: 0; }
  .lap-pszichologiai-tanacsadas .pt-kapcsolodo-cikk .kartya-test { padding: clamp(28px, 3.4vw, 44px) clamp(24px, 3.4vw, 48px); }
  .lap-pszichologiai-tanacsadas .pt-kapcsolodo-cikk .kartya-kivonat { max-width: 36em; }
}

/* ── 7 · Fejléc görgetés közben ──────────────────────────────────────
   A közös fejléc (palatinus.js, fejlecAllapot) a nyitókép végéig átlátszó; mérve
   390 × 844-en és 1440 × 900-on görgetés közben a morzsamenü, a cím, a bevezető,
   a kép és az arany cella a logó és a menü mögött futott át. Itt az első 8 px
   görgetés után tömör (a közös 0,4 mp-es áttűnéssel, csak opacity), a lap tetején
   átlátszó marad, ahogy a kapcsolat és a visszajelzések lapján. A
   js/lapok/pszichologiai-tanacsadas.js teszi fel a html.pt-gorgetve osztályt.
   A szelektor (0,4,2) erősebb a közös html.mozog .fejlec-atlatszo::before
   szabálynál (0,2,2). Ha a közös fejléc ezt megoldja, ez a szabály törölhető. */
html.mozog.pt-gorgetve .lap-pszichologiai-tanacsadas .fejlec-atlatszo::before { opacity: 1; }