/* ══ EGYSÉGES FELÜLET (2026-11-09, a user: „ennek a mintájára az összes oldalt építsd át … nem vész el semmi,
   csak kicsit megszépül”). Minta: ~/Claude/_elonezet/belso-minta/ (jóváhagyva: „csodás”).
   Csak kinézet: a lapok működése, szövege és sorrendje nem változik. Minden lap UTOLSÓ stíluslapja
   (belső: `wlai_head()`, nyilvános: `_publikus.php`), a Hollywood Box lapjain NEM töltődik be.
   Sok régi szabály `:root:root … !important`, ezért itt `:root:root:root` + `!important`.

   GOMB = a fejléc Platform gombja (`_platform_fulek.php` pf_bar_gomb): 32 px magas, 0 12px, sarok 10,
   Inter 700 / 12,5 px, 1 px keret. A tapintható terület a láthatatlan ::after-rel 44 px (mint ott).
   DOBOZ: külső 16, benne ülő elem 12 (a Higgsfield-kártyák aránya, saját színekkel). */

:root{
  --gomb-mag: 32px; --gomb-sarok: 10px; --gomb-pad: 0 12px; --gomb-keret: 1px;
  --gomb-betu-meret: .8125rem; --gomb-betu-suly: 700; /* 2026-11-10: 12,5 → 13 px, a betűskála „s” lépcsője */
  --doboz-sarok: 16px; --belso-sarok: 12px;
  --egy-doboz-bg: var(--m-sotet-doboz); --egy-belso-bg: var(--m-szurke-felulet); --egy-belso-hover: var(--m-sotet-aktiv);
  --egy-vonal: rgba(var(--m-feher-rgb),.07); --egy-vonal-2: rgba(var(--m-feher-rgb),.12);
  --egy-szoveg: var(--m-feher-tort); --egy-halk: var(--m-szurke-halk); --egy-halk-2: var(--m-szurke-kozep);
  --egy-masod-bg: rgba(var(--m-feher-rgb),.06); --egy-masod-hover: rgba(var(--m-feher-rgb),.11);
  --egy-veszely: var(--m-piros-halvany); --egy-veszely-bg: rgba(252,165,165,.1); --egy-veszely-hover: rgba(252,165,165,.18);
  --egy-szel: clamp(16px, 2.5vw, 40px);
}

/* ── 1. GOMBOK: egy forma mindenhol ── */
:root:root:root :is(.wg, .btn, .tool-btn, .copy-btn, .ai-btn, .auth-btn, .kedv-btn, .ment-btn, .lept-btn,
  .proj-torol-btn, .sec-mini, .mh-mod-gomb, .ms-ai-gomb, .tbl-torol, .elof-gomb, .kl-gomb, .dont-gomb, .kp-tag-gomb,
  .lp-btn, .lp-btn2, .lp-btn-nagy, .u-gomb, .u-gomb2, .tb-aipay, .bar-uj, .rb-gomb, .wh-csuk, .menu-btn,
  .kedv-x, .btn--icon, .wlai-suti-igen, .wlai-suti-nem):not(.um-nyit){
  box-sizing: border-box !important;
  height: var(--gomb-mag) !important; min-height: var(--gomb-mag) !important;
  padding: var(--gomb-pad) !important;
  border-width: var(--gomb-keret) !important; border-radius: var(--gomb-sarok) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: var(--gomb-betu-meret) !important; font-weight: var(--gomb-betu-suly) !important;
  line-height: 1 !important; letter-spacing: .01em !important;
  gap: .45em !important; white-space: nowrap; box-shadow: none !important;
}
/* A nyitó gomb ára (főoldal: „Megveszem | 4 900 Ft-tól / hó”) a gomb betűjével, külön elválasztva. */
:root:root:root .u-gomb .u-gomb-ar{ font-size: inherit !important; line-height: 1 !important; padding: 0 0 0 .55em !important; margin: 0 !important; }
/* A nyilvános fejléc telefonos menügombja: 32 px, mint a többi ikongomb. */
:root:root:root .lp-mob > summary{ width: var(--gomb-mag) !important; height: var(--gomb-mag) !important; border-radius: var(--gomb-sarok) !important; }
/* A piacajánló sáv („Go to weblockaistudio.com”, `_publikus.php`) gombja és bezárója. */
:root:root:root .lp-piacsav a{
  min-height: var(--gomb-mag) !important; height: var(--gomb-mag); padding: 0 12px !important;
  border-radius: var(--gomb-sarok) !important; font: 700 var(--gomb-betu-meret)/1 'Inter', system-ui, sans-serif !important;
  white-space: nowrap;
}
:root:root:root .lp-piacsav button{ width: var(--gomb-mag) !important; height: var(--gomb-mag) !important; border-radius: var(--gomb-sarok) !important; }
/* Csak ikon: négyzet. */
/* 2026-11-10: a `:not(.um-nyit)` kell, különben az 1. rész (0,5,0) nyer, a négyzet 12-12 px belső margót kap, és az ikonnak 6 px marad
   (a jobb sáv téma-kapcsolója ezért volt „miniatűr”). */
:root:root:root :is(.rb-gomb, .wh-csuk, .menu-btn, .kedv-x, .btn--icon, .proj-torol-btn):not(.um-nyit){
  width: var(--gomb-mag) !important; min-width: var(--gomb-mag) !important; padding: 0 !important;
}
:root:root:root :is(.wg, .btn, .tool-btn, .copy-btn, .ai-btn, .auth-btn, .kedv-btn, .ment-btn, .lept-btn,
  .proj-torol-btn, .sec-mini, .mh-mod-gomb, .ms-ai-gomb, .rb-gomb, .wh-csuk, .menu-btn, .lp-btn, .lp-btn2, .u-gomb, .u-gomb2) .i{
  width: 1rem !important; height: 1rem !important;
}
/* 44 px-es tapintható terület (a pozíciót a lap saját szabálya felülírhatja, ezért :where). */
:where(.wg, .btn, .tool-btn, .copy-btn, .ai-btn, .auth-btn, .kedv-btn, .ment-btn, .lept-btn, .sec-mini, .mh-mod-gomb,
  .ms-ai-gomb, .lp-btn, .lp-btn2, .u-gomb, .u-gomb2, .rb-gomb, .menu-btn, .btn--icon):not(.um-nyit){ position: relative; }
:where(.wg, .btn, .tool-btn, .copy-btn, .ai-btn, .auth-btn, .kedv-btn, .ment-btn, .lept-btn, .sec-mini, .mh-mod-gomb,
  .ms-ai-gomb, .lp-btn, .lp-btn2, .u-gomb, .u-gomb2, .rb-gomb, .menu-btn, .btn--icon):not(.um-nyit)::after{
  content: ""; position: absolute; inset: -6px -2px;
}

/* Színek a sötét felületen (a minta szerint): fő = lime, második szint = semleges, figyelj/fizess = magenta,
   törlés = halvány piros. A világos téma a régi szabályaival marad. */
:root:root:root:not([data-theme="light"]) :is(.wg--fekete, .wg--korvonal, .copy-btn, .tool-btn:not(.aik-torol):not(.mf-torol),
  .btn--secondary, .btn--ghost, .btn--dark, .sec-mini, .kedv-btn, .mh-mod-gomb:not(.aktiv), .lept-btn:not(.fo),
  button.btn:not([class*="btn--"]), a.btn:not([class*="btn--"]), .rb-gomb, .wh-csuk, .menu-btn, .kedv-x){
  background: var(--egy-masod-bg) !important; color: var(--egy-szoveg) !important; border-color: transparent !important;
}
:root:root:root:not([data-theme="light"]) :is(.wg--fekete, .wg--korvonal, .copy-btn, .tool-btn:not(.aik-torol):not(.mf-torol),
  .btn--secondary, .btn--ghost, .btn--dark, .sec-mini, .kedv-btn, .mh-mod-gomb:not(.aktiv), .lept-btn:not(.fo),
  button.btn:not([class*="btn--"]), a.btn:not([class*="btn--"]), .rb-gomb, .wh-csuk, .menu-btn, .kedv-x):hover{
  background: var(--egy-masod-hover) !important; color: var(--egy-szoveg) !important;
}
:root:root:root:not([data-theme="light"]) :is(.rb-gomb, .wh-csuk, .menu-btn, .kedv-x) .i{ color: inherit !important; }
:root:root:root:not([data-theme="light"]) :is(.wg--torol, .btn--danger, .tbl-torol, .proj-torol-btn, .tool-btn.aik-torol, .tool-btn.mf-torol){
  background: var(--egy-veszely-bg) !important; color: var(--egy-veszely) !important; border-color: transparent !important;
}
:root:root:root:not([data-theme="light"]) :is(.wg--torol, .btn--danger, .tbl-torol, .proj-torol-btn, .tool-btn.aik-torol, .tool-btn.mf-torol):hover{
  background: var(--egy-veszely-hover) !important; color: var(--egy-veszely) !important;
}
:root:root:root :is(.wg, .btn, .tool-btn, .copy-btn, .ai-btn, .auth-btn, .kedv-btn, .ment-btn, .lept-btn, .sec-mini,
  .mh-mod-gomb, .ms-ai-gomb, .rb-gomb, .wh-csuk, .menu-btn, .lp-btn, .lp-btn2, .u-gomb, .u-gomb2):focus-visible{
  outline: 2px solid var(--m-lime) !important; outline-offset: 2px !important;
}

/* ── 2. DOBOZOK ── */
:root:root:root :is(.doboz, .kartya){ border-radius: var(--doboz-sarok) !important; }
:root:root:root :is(.doboz, .kartya) :is(.doboz, .kartya){ border-radius: var(--belso-sarok) !important; }
:root:root:root:not([data-theme="light"]) body:not(.lp) :is(.doboz, .kartya):not([class*="doboz--"]):not([class*="kartya--"]){
  background: var(--egy-doboz-bg) !important; border: 1px solid var(--egy-vonal) !important;
}
:root:root:root:not([data-theme="light"]) body:not(.lp) :is(.doboz, .kartya) :is(.doboz, .kartya):not([class*="doboz--"]):not([class*="kartya--"]){
  background: var(--egy-belso-bg) !important; border-color: transparent !important;
}

/* ── 3. MEZŐK (belső lapokon): a gombbal egy sorban, egy magasság ── */
:root:root:root body:not(.lp) :is(input:is([type="text"], [type="email"], [type="password"], [type="number"], [type="url"],
  [type="search"], [type="tel"], [type="date"], [type="time"], :not([type])), select):not(.jszem-mezo){
  height: var(--gomb-mag) !important; min-height: var(--gomb-mag) !important;
  padding-top: 0 !important; padding-bottom: 0 !important; font-size: .8125rem !important;
  border-radius: var(--gomb-sarok) !important;
}
:root:root:root body:not(.lp) textarea{ border-radius: var(--belso-sarok) !important; }

/* ── 4. FEJLÉC: teljes szélesség, Inter menü ── */
:root:root:root .lp-fej{ font-family: 'Inter', system-ui, sans-serif; }
:root:root:root .lp-sav{ max-width: none !important; padding: 0 var(--egy-szel) !important; }
:root:root:root .lp-nav{ gap: 2px !important; }
/* 2026-11-09, a user: „felső menüt tedd középre úgy, ahogy hely van.” A logó és a jobb oldali eszközök közti szabad sáv közepére. */
@media (min-width: 1152px){
  :root:root:root .lp-nav{ flex: 1 1 auto; justify-content: center; margin-right: 0 !important; }
}
:root:root:root .lp-nav a{
  font-family: 'Inter', system-ui, sans-serif !important; font-size: .875rem !important; font-weight: 500 !important;
  letter-spacing: 0 !important; color: var(--m-szurke-halk) !important;
  display: inline-flex !important; align-items: center !important; min-height: 34px !important; height: 34px;
  padding: 0 12px !important; border: 0 !important; border-radius: 8px !important;
}
:root:root:root .lp-nav a:hover{ color: var(--egy-szoveg) !important; background: rgba(var(--m-feher-rgb),.05); }
:root:root:root .lp-nav a[aria-current]{ color: var(--m-lime) !important; }
:root:root:root .lp-fej .lp-btn{ font-size: var(--gomb-betu-meret) !important; }
:root:root:root .lp-mob-lap a{ font-family: 'Inter', system-ui, sans-serif !important; font-size: 1rem !important; font-weight: 500 !important; }

/* ── 5. BAL SÁV ── */
:root:root:root .oldalsav{ font-family: 'Inter', system-ui, sans-serif; }
:root:root:root .oldalsav :is(.sav-pont, .sav-lepes, .wh-al-elem){
  font-family: 'Inter', system-ui, sans-serif !important; font-size: .875rem !important; font-weight: 500 !important;
  letter-spacing: 0 !important; border-radius: var(--belso-sarok) !important;
}
:root:root:root .wh-menu .sav-pont{ min-height: 38px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
/* 2026-11-11, a user („valami a menüvel nem stimmel”): a fakó szürke helyett világosabb szöveg és ikon (sötét témán). */
:root:root:root:not([data-theme="light"]) .wh-menu .sav-pont:not(.itt), :root:root:root:not([data-theme="light"]) .wh-menu .sav-pont:not(.itt) .lep-ikon{ color: #c9d1da !important; }
/* 2026-11-11, a user: „nagyon szét van húzva … igazítsd el normálisan”. Egérrel 32 px-es sor, szűkebb csoportcím;
   érintőképernyőn marad a 38 px (ujjnyi hely). */
@media (pointer: fine){
  :root:root:root .oldalsav .wh-menu{ gap: 1px !important; }
  :root:root:root .wh-menu .sav-pont{ min-height: 32px !important; }
  :root:root:root .wh-menu .sav-pont--elval{ margin-top: .25rem !important; padding-top: 0 !important; }
  :root:root:root .oldalsav .wh-menu-cim{ margin: .625rem 0 .125rem !important; }
}
:root:root:root .oldalsav .wh-menu-cim{
  font-family: 'Inter', system-ui, sans-serif !important; font-size: .6875rem !important; font-weight: 600 !important;
  letter-spacing: .08em !important;
}

/* ── 6. PLATFORM FÜLSOR (`_platform_fulek.php`, a lap saját <style>-ja után) ── */
:root:root:root .pf-sor{ flex-wrap: wrap !important; overflow: visible !important; }
:root:root:root .pf-sor-cs{
  width: fit-content; max-width: 100%; gap: 6px !important; padding: 4px !important;
  background: var(--egy-doboz-bg); border: 1px solid var(--egy-vonal); border-radius: var(--doboz-sarok);
}
:root:root:root[data-theme="light"] .pf-sor-cs{ background: var(--m-vilagos-sav); border-color: var(--m-vilagos-vonal); }
:root:root:root .pf-fulsor :is(.pf-cs, .pf-lap, .pf-al){
  box-sizing: border-box; height: var(--gomb-mag) !important; min-height: var(--gomb-mag) !important;
  font-family: 'Inter', system-ui, sans-serif !important; font-weight: 500 !important; letter-spacing: 0 !important;
}
:root:root:root .pf-fulsor .pf-cs{
  padding: 0 14px !important; border: 0 !important; border-radius: var(--belso-sarok) !important;
  background: transparent !important; color: var(--pf-ink3) !important; font-size: .875rem !important;
}
:root:root:root .pf-fulsor .pf-cs:hover{ color: var(--pf-ink) !important; }
:root:root:root .pf-fulsor .pf-cs.on{ background: var(--egy-belso-hover) !important; color: var(--egy-szoveg) !important; }
:root:root:root[data-theme="light"] .pf-fulsor .pf-cs.on{ background: var(--m-feher) !important; color: var(--m-fekete-mely) !important; }
:root:root:root .pf-sor-lap{ background: none !important; border: 0 !important; padding: 0 !important; gap: 4px !important; }
:root:root:root .pf-fulsor :is(.pf-lap, .pf-al){
  padding: 0 12px !important; border: 0 !important; border-radius: var(--gomb-sarok) !important;
  background: transparent !important; color: var(--pf-ink3) !important; font-size: .8125rem !important;
}
:root:root:root .pf-fulsor :is(.pf-lap, .pf-al):hover{ background: rgba(var(--m-feher-rgb),.05) !important; color: var(--pf-ink) !important; }
:root:root:root .pf-fulsor :is(.pf-lap, .pf-al).on{ background: rgba(var(--m-lime-rgb),.12) !important; color: var(--m-lime) !important; }
:root:root:root[data-theme="light"] .pf-fulsor :is(.pf-lap, .pf-al).on{ background: var(--m-lime) !important; color: var(--m-fekete) !important; }

/* ── 7. JOBB SÁV ── */
:root:root:root .jobbsav{ gap: 6px; }

/* ── 8. JOGI SOR a Profil panel alján (2026-11-09: a belső lapokon nincs lábléc) ── */
.wh-jogi{ display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 12px 14px 4px; border-top: 1px solid var(--egy-vonal, rgba(var(--m-feher-rgb),.07)); margin-top: 8px; }
.wh-jogi a{ font: 500 .75rem/1.6 'Inter', system-ui, sans-serif; color: var(--text-muted, #7c8591); text-decoration: none; }
.wh-jogi a:hover{ color: var(--text, #fff); text-decoration: underline; }

/* ── 9. FILMTERVEZŐ: 2026-11-09 óta a film.php saját .fx-tömbje adja a méreteket (tokenekkel), itt nincs felülírás. ── */

/* ── 10. A LAPOK SAJÁT ELEMEI: 2026-11-09 óta a lapok saját szabályai adják a méreteket (tokenekkel), itt nincs felülírás. ── */

/* ── 11. ALCÍMEK BETŰJE: Space Grotesk (2026-11-09, a user a Higgsfield-feliratot mutatta: „ezt a betűtípust használhatod
   mindenhol, ahol indokolt”). A belső lapok al-, doboz- és szakaszcímei eddig Inter 700 (arculat-a.css) és Plus Jakarta
   Sans 800 (.sec-label) voltak. A nagy, nagybetűs Anton főcím, a folyószöveg (Inter) és a gombok maradnak.
   A betű a saját szerverről jön (OFL licenc), a latin-ext a magyar ő és ű miatt kell. */
@font-face{ font-family: 'Space Grotesk'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url(/assets/fonts/space-grotesk-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family: 'Space Grotesk'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url(/assets/fonts/space-grotesk-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root{ --font-alcim: 'Space Grotesk', 'Inter', system-ui, sans-serif; }
:root:root:root body:not(.lp) :is(h2, h3, h4):not(.md-lap > h2),
:root:root:root body:not(.lp) :is(.sec-label, .hb-doboz-fej b),
/* 2026-11-10, a user („volt egy utasításom a rendszerben lévő összes ilyen betűtípussal kapcsolatban”): a nagy, vastag
   számok és nevek is ugyanezt kapják, és mind a Higgsfield-cím mintája: csupa nagybetű, szoros betűköz, a saját színével. */
:root:root:root body:not(.lp) :is(.aik-ossz-szam b, .aik-szam b, .akt-mai b, .auk-nev b, .vv-csomag b, .adm-szam b){ font-family: var(--font-alcim) !important; font-weight: 700 !important; letter-spacing: -0.03em !important; text-transform: uppercase !important; }

/* ── 12. NINCS TÖRT FELIRAT (2026-11-10, a user: „nem akarok ilyen tört sorokat látni sehol a rendszerben”).
   Mérve: 631 tört felirat, ebből 349 a választócsempéken. Cím, címke, csempe-felirat egy sorban; ami így sem fér ki,
   annak a vége „…” (a teljes szöveg a title-ben, _kozos.php). A folyó szöveg (bekezdés, lista, táblázatcella) tördelődhet.
   A 40 karakternél hosszabb mondat (Hook-ötlet, hosszú mezőcímke, dokumentáció alcíme) is folyó szöveg: a _kozos.php
   `data-folyo`-val jelöli, az tördelődik, nem vágjuk le (mérve 11-10: a levágás tartalmat vitt el). ── */
:root:root:root body:not(.lp) :is(h2, h3, h4, .sec-label, label, th, summary, .adm-szam > :is(em, span)):not(.md-lap > h2):not(:has(input, select, textarea, img)):not([data-folyo]){ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
/* A választócsempék a szövegükhöz igazodnak és kitöltik a sort: nincs tört felirat, nincs magányos vagy teljes szélességű csempe. */
:root:root:root body:not(.lp) .opts:not(.media):not(.elonezetes):not(:has(.elonez, .opt-thumb)){ display: flex !important; flex-wrap: wrap; }
:root:root:root body:not(.lp) .opts:not(.media):not(.elonezetes):not(:has(.elonez, .opt-thumb)) > .opt{ flex: 1 1 auto; min-width: 0; max-width: 100%; }
:root:root:root body:not(.lp) .opts:not(.media):not(.elonezetes):not(:has(.elonez, .opt-thumb)) > :not(.opt){ flex: 1 1 100%; }
/* Az utolsó sor csempéi ne nyúljanak ki a teljes szélességre: egy láthatatlan töltelék nyeli el a maradék helyet. */
:root:root:root body:not(.lp) .opts:not(.media):not(.elonezetes):not(:has(.elonez, .opt-thumb))::after{ content: ""; flex: 999 1 0; min-width: 0; }
@media (max-width: 560px){ :root:root:root body:not(.lp) .opts:not(.media):not(.elonezetes):not(:has(.elonez, .opt-thumb))::after{ display: none; } :root:root:root body:not(.lp) .opts:not(.media):not(.elonezetes):not(:has(.elonez, .opt-thumb)) > .opt{ flex-basis: 100%; } }
/* Képes csempe: kötött rács marad, de olyan széles oszlopokkal, hogy a felirata elférjen. */
:root:root:root body:not(.lp) .opts:is(.media, .elonezetes, :has(.elonez, .opt-thumb)){ grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)) !important; }
:root:root:root body:not(.lp) .opt > :is(strong, b, span, em):not(.opt-jel):not([data-folyo]){ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
/* A Filmtervező csempéjében a leírás a cím alá igazodik (a design.css 13 px-es behúzása nem kell). */
:root:root:root body:not(.lp) .fx .opt > span{ padding: 0 !important; }
/* 2026-11-10, a user: „miért van több helyen félboxban a szabad karakteres mező? teljes szélességben kérem mindenhol”.
   Ok: a Filmtervező a mező címkéjét is `.mezok` rácsnak kapta (film.php mezo()), így a felirat és a szövegdoboz egymás mellé került.
   Szabály: a szövegdoboz (textarea) mindig a teljes szélességet kapja, a felirata fölötte áll, és rácsban is végigér a soron. */
:root:root:root body:not(.lp) :is(label, .field, .mezo, .mezok, .kp-mezo, .lp-mezo):has(> textarea){ grid-template-columns: minmax(0, 1fr) !important; grid-column: 1 / -1 !important; flex-basis: 100% !important; width: 100%; }
:root:root:root body:not(.lp) :is(label, .field, .mezo, .mezok, .kp-mezo, .lp-mezo) > textarea{ width: 100% !important; max-width: 100% !important; box-sizing: border-box; }

/* ── 13. A BELSŐ FEJLÉC KISEBB (2026-11-10, a user: „a menü magasságot vegyük kisebbre … ez a két elem indokolatlanul nagy,
   és ennek nagy része bemehetne a jobb oldali shellbe”). 1024 px felett a fej 64 → 52 px. A belső lapokon a nyelvváltó
   és a „Belépve” lapka kikerül a fejlécből: a két zászló a jobb sávban áll egymás alatt (`_kozos.php` wlai_jobbsav()),
   a fiókot a jobb sáv profilgombja nyitja. Telefonon (620 px alatt) marad a régi rend: a zászlók a ☰ menüben. */
@media (min-width: 1024px){
:root:root:root body:not(.lp):has(> .lp-fej) > .lp-fej{ --lp-fej: 52px !important; }
:root:root:root body:not(.lp):has(> .lp-fej) .lp-sav{ height: 52px !important; }
:root:root:root body:not(.lp):has(> .lp-fej) .site-bar{ top: 53px !important; }
:root:root:root body:not(.lp):has(> .lp-fej) :is(.oldalsav, .jobbsav){ top: 53px !important; }
}
@media (min-width: 621px){
:root:root:root body:not(.lp):has(.jobbsav .rb-nyelvek) .lp-fej :is(.lp-fej-zaszlok, .lp-profil){ display: none !important; }
:root:root:root body:not(.lp) .jobbsav .rb-nyelvek{ display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0; padding: 0; border: 0; background: none; }
:root:root:root body:not(.lp) .jobbsav .rb-nyelvek > :is(a, span){ display: grid; place-items: center; width: var(--gomb-mag); height: var(--gomb-mag); min-width: 0; min-height: 0; padding: 0; border-radius: var(--gomb-sarok); }
:root:root:root body:not(.lp) .jobbsav .rb-nyelvek .zaszlo{ width: 20px; height: 14px; }
}
@media (max-width: 620px){
:root:root:root body:not(.lp) .jobbsav .rb-nyelvek{ display: none; }
}
/* A bal sáv csukó gombja: kerek és magenta, fehér nyíllal (a user kérése, 2026-10-07; kulso-fejlec.css).
   Az 1. rész semleges ikongomb-szabálya 11-09-én véletlenül felülírta (a `:is()` a legerősebb tagja, a `.tool-btn:not():not()`
   súlyát kapja, ezért kell a hármas osztály): itt visszakapja a saját színét. */
@media (min-width: 1280px){
:root:root:root:not([data-theme="light"]) body:has(> .lp-fej) .wh-csuk.wh-csuk.wh-csuk{ background: var(--m-magenta) !important; color: var(--m-feher) !important; border-radius: 50% !important; }
:root:root:root:not([data-theme="light"]) body:has(> .lp-fej) .wh-csuk.wh-csuk.wh-csuk:hover{ background: var(--m-magenta) !important; color: var(--m-feher) !important; filter: brightness(1.1); }
:root:root:root body:not(.lp):has(> .lp-fej) .wh-csuk{ top: 73px !important; }
}

/* ── 14. BELÉPVE NINCS FELSŐ MENÜ (2026-11-10, a user elfogadott terve: „belépve nincs felső menü, a logó a bal sáv tetején”).
   1024 px felett a külső fejléc eltűnik, a két sáv a lap tetejéig ér, a bal sáv feje újra a logót mutatja.
   2026-11-11, a user: „pont úgy kuka, mint a belső oldalon”: belépés nélkül is, a bal sávos lapokon (`.lp-fej--savos`).
   A nyilvános linkek a ☰ menüben és a láblécben maradnak. 1023 px alatt minden marad: ott a fejléc ☰-je nyitja a bal sávot. */
@media (min-width: 1024px){
:root:root:root body:is(:not(.lp), .lp--hej) > :is(.lp-fej--belepve, .lp-fej--savos){ display: none !important; }
:root:root:root body:is(:not(.lp), .lp--hej):has(> :is(.lp-fej--belepve, .lp-fej--savos)) :is(.oldalsav, .jobbsav, .site-bar){ top: 0 !important; }
:root:root:root:not([data-sav="zart"]) body:is(:not(.lp), .lp--hej):has(> :is(.lp-fej--belepve, .lp-fej--savos)) .oldalsav .sav-brand{ display: flex !important; }
}
@media (min-width: 1280px){
:root:root:root body:is(:not(.lp), .lp--hej):has(> :is(.lp-fej--belepve, .lp-fej--savos)) .wh-fej{ min-height: 4.4375rem !important; padding: 1rem .875rem !important; border-bottom: 1px solid var(--border) !important; justify-content: flex-start !important; }
:root:root:root body:is(:not(.lp), .lp--hej):has(> :is(.lp-fej--belepve, .lp-fej--savos)) .wh-csuk{ top: 21px !important; }
}