/*!
 * VDTA Redesign — redesign.css  (2. fázis: a „keret" — 2026-os hírportál megjelenés)
 *
 * HATÓKÖR (a felhasználó által jóváhagyva): a KERET — fejléc/menü, főoldal, lábléc.
 *   - Fejléc:  header.elementor-location-header  (minden oldalra hat, mert a Header sablon közös)
 *   - Ticker:  .elementor-element-5409c99        (a fejléc része, „Hírek" szalag)
 *   - Menü:    .elementor-element-bec42d7        (a nav-sáv) + a két nav-widget
 *   - Főoldal: body.elementor-page-2651
 *   - Lábléc:  footer.elementor-location-footer
 *
 * EZ A FÁJL SZÁNDÉKOSAN KÜLÖN VAN A design.css-től.
 *   design.css = az 1. fázis (1%-os blokk, kártya-lekerekítés, menü-betűtípus, 2 kontraszt-javítás).
 *   redesign.css = a 2. fázis keret-rendszere. Ha a 2. fázist vissza kell vonni, elég ezt a fájlt
 *   (és a frame.js-t) kivenni a betöltésből — az 1. fázis érintetlen marad.
 *
 * SZÍNEK — a felhasználó engedélyezte a paletta bővítését: a MÁRKASZÍNEK maradnak, mellé
 * semleges szürkeskála jön. Egyetlen „kiemelőszín" van: a meglévő márka-cián (#0FD6D9).
 * ÚJ ÁRNYALATOT NEM VEZETTÜNK BE (a palettán már 4 erős szín van: sötétkék, cián, pink, piros);
 * ha kell egy ötödik, az a --v2-accent-2 egyetlen sor cseréje.
 *
 * MÁRKASZÍNEK (változatlan):  #012c6d  #155081  #0fd6d9  #d80100  #ce2525  #f0337a
 *                             #212121  #404040  #4c4b4a  #828282  #b7b59c  #dedede  #f3f3f3  #ffffff
 * ÚJ SEMLEGES SKÁLA (a munkafelületekhez — a márkaszínekhez hűvös tónussal illeszkedik):
 *   --v2-n-0   #ffffff   felület
 *   --v2-n-25  #f7f8fa   oldal-háttér
 *   --v2-n-50  #eef0f4   másodlagos felület
 *   --v2-n-100 #e3e7ee   elválasztó
 *   --v2-n-200 #cfd5e0   erősebb elválasztó / keret
 *   --v2-n-400 #8a93a3   halvány szöveg (csak nagy méretben / ikonon)
 *   --v2-n-600 #5b6472   másodlagos szöveg (fehéren 5,97:1, #f7f8fa-n 5,56:1 — AA)
 *   --v2-n-900 #1b1f27   sötét felület (a lábléc mélyebb szürkéje)
 *
 * KONTRASZT-SZABÁLY (ami miatt ez a réteg egyben hibajavítás is):
 *   A cián (#0FD6D9) világos szín — FEHÉR szöveggel 1,58:1, azaz olvashatatlan.
 *   Ezért a cián HÁTTÉR mindig sötétkék szöveget kap (#012c6d → 7,20:1 ✓).
 *   A cián mint SZÖVEG csak sötét háttéren használatos (sötétkéken 8,4:1 ✓).
 *
 * MÉRÉSI ALAP (2026-10-05, dev.vdtablog.hu, headless Chrome 1440 px):
 *   fejléc 209 px = utility-sáv 105 px (#353535 + fotó) + nav-sáv 44 px (#155081) + ticker 60 px (#155081)
 *   konténer max-width 1300 px; logó 200×71 px (x=461 — NEM középen: a középső oszlop 70..1370 közepe 720)
 *   ÉLES nav (a kiindulópont): 9 elem + 1 külön „📹 Videók" widget; 15px/700 kisbetű, köz 8 px, sáv 885 px
 *   A MI navunk: ugyanaz a 9+1 elem, 700 NAGYBETŰS; a sor három fokozatban 855–1068 px (lásd §4)
 *
 * Kapcsolódó dokumentum: docs/15-frame-redesign.md
 * Ellenőrző parancs: bash scripts/audit/09-frame-check.sh
 */

/* ==========================================================================
   1. TOKEN-EK
   ========================================================================== */

:root {
	/* MárkasZínek — változatlanok */
	--v2-navy: #012c6d;
	--v2-navy-2: #155081;
	--v2-cyan: #0fd6d9;
	--v2-red: #d80100;
	--v2-red-2: #ce2525;
	--v2-pink: #f0337a;
	--v2-ink: #212121;
	--v2-khaki: #b7b59c;

	/* Új semleges skála (a 2. fázis engedélye) */
	--v2-n-0: #ffffff;
	--v2-n-25: #f7f8fa;
	--v2-n-50: #eef0f4;
	--v2-n-100: #e3e7ee;
	--v2-n-200: #cfd5e0;
	--v2-n-400: #8a93a3;
	--v2-n-600: #5b6472;
	--v2-n-900: #1b1f27;

	/* Szerep-tokenek */
	--v2-bg: var(--v2-n-25);
	--v2-surface: var(--v2-n-0);
	--v2-surface-2: var(--v2-n-50);
	--v2-line: var(--v2-n-100);
	--v2-line-strong: var(--v2-n-200);
	--v2-muted: var(--v2-n-600);
	--v2-text: var(--v2-ink);
	--v2-accent: var(--v2-cyan);
	--v2-on-accent: var(--v2-navy); /* a ciánon MINDIG navy szöveg (7,20:1) */
	--v2-on-dark: #ffffff;
	--v2-on-dark-muted: rgba(255, 255, 255, 0.74);

	/* Geometria */
	--v2-r-xs: 6px;
	--v2-r-sm: 10px;
	--v2-r-md: 14px;
	--v2-r-lg: 18px;
	--v2-r-pill: 999px;

	--v2-shadow-1: 0 1px 2px rgba(1, 44, 109, 0.06), 0 2px 8px rgba(1, 44, 109, 0.06);
	--v2-shadow-2: 0 6px 18px rgba(1, 44, 109, 0.1);
	--v2-shadow-3: 0 16px 34px rgba(1, 44, 109, 0.18);

	--v2-space-1: 4px;
	--v2-space-2: 8px;
	--v2-space-3: 12px;
	--v2-space-4: 16px;
	--v2-space-5: 24px;
	--v2-space-6: 32px;
	--v2-space-7: 48px;

	/* Tipográfia — saját hosztolású betűtípusok (lásd §2.5 és assets/fonts.css).
	   A "… Fallback" tagok metrika-illesztett tartalékok: a webfont betöltése előtt
	   a szöveg ugyanolyan széles és ugyanolyan magas marad (nincs layout-ugrás). */
	--v2-font: "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--v2-font-head: "Source Serif 4", "Source Serif 4 Fallback", Georgia, "Times New Roman", serif;
	--v2-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono",
		monospace;

	/* A sticky nav felső eltolása (a WP admin-sáv alá kerül, ha van) */
	--v2-sticky-top: 0px;
}

/* ==========================================================================
   2. ALAP / VÁSZON
   ========================================================================== */

body {
	background-color: var(--v2-bg);
	color: var(--v2-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Fókusz: látható, de nem ordító gyűrű. Csak billentyűzetnél (a böngésző dönti el). */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--v2-cyan);
	outline-offset: 2px;
	border-radius: 2px;
}

/* ==========================================================================
   2.5 TIPOGRAFIA — saját hosztolású Inter + Source Serif 4
   ==========================================================================
 *
 * KIINDULÓPONT (MÉRVE 2026-10-05, dev, headless Chrome + CDP; az összes `font-family`
 * deklaráció kigyűjtve a főoldalról, cikkről, archívumról, keresésből és egy oldalról):
 *
 *   A weboldal alap-betűtípusát NEM a téma és NEM is az Elementor állítja be, hanem a
 *   hello-elementor `reset.css`-e:
 *       body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, … }
 *   Ez azt jelenti, hogy a portálnak nem volt saját betűtípusa: Windows-on Segoe UI,
 *   macOS-en SF Pro, Androidon Roboto, Linuxon Noto Sans/DejaVu jelent meg. Erre rakódtak
 *   az Elementor-kit szétszórt, oldalankénti felülírásai:
 *       .elementor-kit-5 h2                     -> Merriweather            (11 szabály)
 *       .elementor-kit-5 h3                     -> "Fira Sans Condensed"   (8 szabály)
 *       .elementor-36 …-2a9f3020 …elementor-item -> "Times New Roman"      (a menü!)
 *       .elementor-36 …-aaa3ecd  …elementor-item -> "Fira Sans Extra Condensed"
 *         (ez a widget a 8. iterációban MEGSZŰNT: a „📹 Videók" a főmenü utolsó
 *          eleme lett, `v2-nav-videos` osztállyal — lásd a §4 „EGY SÁV" szakaszt)
 *       .elementor-36 …-8b20f09  .jet-ajax-search__field -> Roboto
 *       .elementor-post__meta-data              -> Montserrat
 *       .elementor-pagination                   -> Merriweather
 *   Vagyis a fejléc, a kártyacímek, a metaadatok és a kereső mind MÁS betűtípuson ültek.
 *
 * MIT TESZ EZ A SZAKASZ
 *   Két család, mindkettő a saját domainünkről (`assets/fonts.css`, latin + latin-ext):
 *     --v2-font       Inter            -> UI, törzsszöveg, metaadat, űrlap, gomb
 *     --v2-font-head  Source Serif 4   -> címsorok és a lábléc szakaszcímei
 *   A MAGYAR ÉKEZETEK (ő ű Ő Ű) bizonyítottan benne vannak mindkettőben — ez volt a
 *   felhasználó feltétele. A bizonyítás és az újrafuttatható parancs: `assets/fonts/README.md`.
 *
 * MIÉRT `!important` ÉS MIÉRT CSAK LEVÉL-ELEMEKEN
 *   Az Elementor oldalankénti felülírásai 4 osztályos specificitásúak
 *   (pl. `.elementor-7325 .elementor-element.elementor-element-11dd9553 .elementor-post__title`),
 *   ezeket osztály-számban nem lehet legyőzni. Ezért `!important` — DE csak olyan elemeken,
 *   amelyek KIZÁRÓLAG szöveget tartalmazhatnak (címsor, bekezdés-szintű meta, űrlapmező).
 *
 *   ⚠️ KONTÉNERRE EZT TILOS TENNI. A `v4-shims.min.css` egyedül 670 szabályban állítja a
 *   "Font Awesome 5 Free" / "Font Awesome 5 Brands" családot, és az ikon-gyökerek
 *   (`.fa`, `.fas`, `.fab`, `.far`, `.eicons`, `.dashicons`, `FontAwesome`) a SAJÁT
 *   `font-family`-jükre támaszkodnak. Egy `.elementor-widget-container`, `*`, `a` vagy `i`
 *   szintű `font-family: … !important` AZ ÖSSZES IKONT betűvé változtatná. Ezért itt
 *   szándékosan NINCS ilyen szelektor — és a `scripts/audit/09-frame-check.sh` 9. pontja
 *   ezt a tiltást ellenőrzi, a `10-homepage-layout.sh` pedig méri, hogy az ikonok a helyükön
 *   vannak-e.
 */

/* --- Alap: a test betűtípusa. A reset.css-ben ugyanez a szelektor (0,0,1), de az
       a mi lapunk ELŐTT töltődik, ezért ez nyer. Konténer nélkül, `!important` nélkül. --- */
body {
	font-family: var(--v2-font);
}

/* --- Címsorok: az olvasó felület. Serif, hogy a portálnak legyen arculata,
       és hogy a címsor-szintek ne olvadjanak bele az UI-ba. --- */
:is(h1, h2, h3, h4, h5, h6),
.elementor-heading-title,
.elementor-post__title,
.entry-title,
.elementor-cta__title,
.elementor-image-box-title,
.elementor-icon-box-title,
.elementor-counter-title,
.elementor-toggle-title,
.elementor-accordion-title {
	font-family: var(--v2-font-head) !important;
}

/* --- A KERET marad sans-serif. A fejléc (utility-sáv, márka-sáv, menü, hírszalag) UI:
       dátum, névnap, „Belépés", gombfeliratok, szalag-címkék. Ezek kis méretű,
       nagybetűs feliratok — serif betűn rosszul olvashatók, és a menüsáv szélességét is
       elmozdítanák (a 855–1068 px-es egysoros sáv kényes, lásd §4). --- */
header.elementor-location-header :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, .elementor-post__title) {
	font-family: var(--v2-font) !important;
}

/* --- Metaadatok, lapozás, ikon-listák szövege: sans. (Az Elementor ezeket
       Montserratra, Merriweather-re és Fira Sans Condensedre állította.) --- */
.elementor-post__meta-data,
.elementor-post-info,
.elementor-post-info__item,
.elementor-pagination,
.page-numbers,
.elementor-icon-list-text,
.elementor-post-navigation,
.elementor-post-navigation__link {
	font-family: var(--v2-font) !important;
}

/* --- Űrlapok, gombok, kereső. A választómező (`chosen`) és a JetElements kereső
       külön családot kapott (sans-serif, illetve Roboto). --- */
.elementor-button,
.elementor-button-text,
.elementor-field,
.elementor-field-textual,
.elementor-search-form__input,
.elementor-search-form__submit,
.jet-ajax-search__field,
.jet-ajax-search__categories-select,
.chosen-container input,
.chosen-container .chosen-single {
	font-family: var(--v2-font) !important;
}

/* --- Programkód marad monospace, csak rendezett fallback-lánccal. --- */
:is(code, kbd, samp, pre) {
	font-family: var(--v2-font-mono) !important;
}

/* ==========================================================================
   3. FEJLÉC — 1. sor: utility / márka-sáv
   ========================================================================== */

/*
 * A sáv eredeti háttere #353535 + egy fotó (fejlec-2-scaled.webp), a szövegek viszont
 * #000 / #B7B59C / cián keverékben ültek rajta — a fekete „2026." és a sötét elemek
 * olvashatatlanok voltak. A fotót MEGTARTJUK (az arculat része), de egy sötétkék
 * fátylat teszünk rá: így a szöveg fehérre váltva is olvasható marad, és a fejléc
 * egységes „éjszakaikék" keretet ad — pontosan ez a 2026-os hírportál-nyelv.
 *
 * A ::before egy külön réteg, nem background-image csere — így az Elementor
 * háttérképe (és annak pozíciója) érintetlen marad.
 */
header.elementor-location-header .elementor-element-299c95f {
	position: relative;
	isolation: isolate;
}

header.elementor-location-header .elementor-element-299c95f::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(
		100deg,
		rgba(1, 44, 109, 0.94) 0%,
		rgba(1, 44, 109, 0.86) 45%,
		rgba(21, 80, 129, 0.8) 100%
	);
}

header.elementor-location-header .elementor-element-299c95f > .elementor-container {
	position: relative;
	z-index: 1;
}

/* --- 3.1 Oszlop-geometria: a LOGÓ a sáv KÖZEPÉN, a nyelvváltó ALATTA ---
 *
 * KÉRÉS (2026-10-06, a felhasználó): „a VDTABLOG logo legyen középen és a
 * nyelv-választó gombok alatta".
 *
 * MÉRVE az átalakítás előtt (1440 px): a konténer 1300 px (x 70..1370), a három
 * oszlop 260 / 635 / 396 px — a KÖZÉPSŐ oszlop közepe 647, a fejléc közepe
 * viszont 720. A logó tehát 73 px-re balra esett a valódi középtől, akkor is,
 * ha az oszlopon belül középre volt igazítva. Az „50/50" oldaloszlop nélkül a
 * logó SOHA nem kerül a sáv közepére.
 *
 * Ezért az oldaloszlopok EGYENLŐ szélességet kapnak (31,5% / 37% / 31,5%):
 *   col1  31,5%  → 409,5 px  (dátum + névnap + belépés — bőven elfér)
 *   col2  37,0%  → 481,0 px  (logó + nyelvváltó EGYMÁS ALATT, középen)
 *   col3  31,5%  → 409,5 px  (social + kereső)
 * Így a középső oszlop közepe 70 + 409,5 + 240,5 = 720 px = a fejléc közepe.
 * MELLÉKHATÁS (mért): a szélesebb 1. oszlopban a dátum és a névnap egy sorba
 * kerül, ezért a sáv alacsonyabb lesz — külön „egy soros" trükk nélkül.
 */
@media (min-width: 1025px) {
	header.elementor-location-header .elementor-element-914a0f2 {
		width: 31.5% !important;
		max-width: 31.5% !important;
	}

	header.elementor-location-header .elementor-element-ac4af22 {
		width: 37% !important;
		max-width: 37% !important;
	}

	header.elementor-location-header .elementor-element-c50f01f {
		width: 31.5% !important;
		max-width: 31.5% !important;
	}
}

/* A 768–1024 px-es („Tablet") és a < 768 px-es („Mobil") oszlopszabály a
 * §11 MOBIL RÉTEG-be került a fájl végére — 9. iteráció, 2026-10-30. */

/* A KÖZÉPSŐ oszlop: logó felül, nyelvváltó ALATTA — mindkettő középre igazítva. */
header.elementor-location-header .elementor-element-ac4af22 > .elementor-widget-wrap {
	flex-direction: column !important;
	align-items: center !important;
	align-content: center !important;
	justify-content: center !important;
	/* 8. ITERÁCIÓ (C2 „U1"): a belső margó 8 px — ennyivel készült a mért U1
	   (a kétsoros tartalom 8+8 px margóval 64 px magas, ami bőven a sávot
	   meghatározó 1. oszlop (91 px) alatt van, tehát nem növeli a sávot). */
	padding: 8px 10px !important;
}

/* --- 3.2 Kompakt ritmus (8. iteráció, C2 „U1" — a felhasználó választása) ---
 *
 * A felhasználó 2026-10-06-án a négy mért variáns közül az U1-et választotta:
 * a sáv szerkezete VÁLTOZATLAN (3 oszlop), csak a ritmus szűkebb.
 * MÉRVE a VÉGLEGES állapoton (2026-10-06, dev): a sáv 109 → 99 px 1440/1280/1025-en,
 * 768-on 105 → 99 px; `overflowX = 0` minden szélességen.
 * FONTOS a variáns-futás számához: ott 390 px-en 177 px jött ki, de az a RÉGI
 * mobil-geometriával készült (50%/50% osztott oszlopok, rejtett nyelvváltó).
 * A végleges mobilon mindhárom oszlop 100% széles ÉS a nyelvváltó is látszik,
 * ezért ott a sáv 260 px — a fejléc VISZONT összesen 357 px, ami 10 px-cel
 * KEVESEBB a menet előtti 367 px-nél (a hírszalag 93 → 59 px-re szűkült).
 *
 * A `299c95f` a sáv, a három oszlop a `914a0f2` / `ac4af22` / `c50f01f`.
 * A középső oszlop margóját a §3.1 fenti szabálya adja (8 px 10px).
 */
header.elementor-location-header .elementor-element-299c95f {
	padding: 4px 10px !important;
}

header.elementor-location-header .elementor-element-914a0f2 > .elementor-widget-wrap,
header.elementor-location-header .elementor-element-c50f01f > .elementor-widget-wrap {
	padding: 8px 10px !important;
}

/* --- §3.3 META-VONAL: dátum · névnap · Belépés/Regisztráció -----------------
 * 9. ITERÁCIÓ — felhasználói kérés: „Graphical overhaul / blend in", mobilon ÉS
 * desktopon. ELŐTTE három különböző hangnemű elem állt: félkövér fehér ÉVSZÁM,
 * majd 13 px-es halvány névnap, majd egy 24 px magas, KERETEZETT pirula-gombpár
 * a saját sorában. A sáv 91 px magas volt, és a szem háromféle kezelést látott —
 * ezért nem olvadt bele a fejlécbe.
 * UTÁNA: egyetlen csendes meta-vonal. Egy betűméret (12 px), egy betűvastagság,
 * egy tónus; a három szegmenst AZONOS (1 px, 26% fehér) elválasztó tagolja, a
 * Belépés/Regisztráció pedig keret nélküli, halvány, aláhúzott szöveg-hivatkozás
 * lett. A hierarchia egyfokozatú: a KONKRÉT dátum („október 30.") a legvilágosabb
 * — ez a „mai nap" horgony —, az évszám, a névnap és a két hivatkozás halvány.
 * A MÉRÉS a docs/19-ben: a sáv 91 px → 25 px desktopon.
 *
 * MIÉRT NEM GOMB: a fejlécben a CTA-szerepet a menüsáv és a hírszalag viszi; a
 * bejelentkezés nem hívó művelet, ezért a keretezett pirula indokolatlanul vert
 * versenyt a márka ciánjával. A hivatkozás-jelleg megmarad (aláhúzás + hover-cián),
 * az érintőfelület mobilon 44 px (a 14-es kapu C) szakasza méri).
 */

/* A három widget EGY flex-sorban, KÖZÖS meta-hangnemben. A wrap engedett: ha a
   bal oszlop keskeny, a hivatkozás-pár egyben a második sorba csúszik — a
   névnapot viszont NEM törjük el, hanem három ponttal rövidítjük. */
header.elementor-location-header .elementor-element-914a0f2 > .elementor-widget-wrap {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	align-content: center !important;
	column-gap: 0 !important;
	row-gap: 2px !important;
}

header.elementor-location-header .elementor-element-32f8ec4,
header.elementor-location-header .elementor-element-e822b25,
header.elementor-location-header .elementor-element-89b56ae {
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	letter-spacing: 0.01em !important;
	color: var(--v2-on-dark-muted) !important;
	font-variant-numeric: tabular-nums;
	/* FONTOS: az Elementor a NEM-`__width-auto` blokk-widgeteket 100%-ra teszi
	   (`.elementor-widget{width:100%}`) — e nélkül a névnap 380 px-re szélesedett és
	   a dátum alá tört (MÉRVE 2026-10-30, 1440 px: névnap y=39, a dátum y=17). */
	width: auto !important;
	max-width: 100% !important;
}

/* A dátum: az ÉVSZÁM halvány, a KONKRÉT NAP világos — fordítva, mint előtte. */
header.elementor-location-header .elementor-element-32f8ec4 {
	flex: 0 0 auto !important;
}

/* A KÉT SPAN 15 px-es volt (a widget 12 px-e alatt), ezért a dátum 152 px-re
   szélesedett, és a három szegmens nem fért el egy sorban (MÉRVE 2026-10-30).
   A meta-vonal egységes hangja csak akkor áll össze, ha a span is 12 px. */
header.elementor-location-header .elementor-element-32f8ec4 .left,
header.elementor-location-header .elementor-element-32f8ec4 .right {
	font-size: 12px !important;
	line-height: inherit !important;
}

header.elementor-location-header .elementor-element-32f8ec4 .left {
	color: rgba(255, 255, 255, 0.52) !important;
	font-weight: 500 !important;
}

header.elementor-location-header .elementor-element-32f8ec4 .right {
	color: var(--v2-on-dark) !important;
	font-weight: 600 !important;
}

/* A névnap ugyanazt az elválasztót kapja, mint a hivatkozás-pár. */
header.elementor-location-header .elementor-element-e822b25 {
	flex: 0 1 auto !important;
	min-width: 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Az elválasztó a SZÖVEG része („·”), nem bal szegély: így ha a névnap mégis
   külön sorba kerül, nem kezdődik egy magában álló vonallal. A szín halvány,
   hogy a vonal ne versenyezzen a szöveggel. */
header.elementor-location-header .elementor-element-e822b25 .elementor-shortcode::before {
	content: '·';
	margin: 0 8px;
	color: rgba(255, 255, 255, 0.38);
	font-weight: 400;
}

header.elementor-location-header .elementor-element-e822b25 .elementor-shortcode {
	color: inherit !important;
}

header.elementor-location-header .elementor-element-e822b25 > .elementor-widget-container {
	margin-top: 0 !important;
}

/* Belépés / Regisztráció: keret nélküli szöveg-hivatkozás, a „/" a szöveg része
   marad (ezért nincs többé font-size: 0 a widgeten). */
header.elementor-location-header .elementor-element-89b56ae {
	/* 14. iteráció (2026-10-30): ez a widget MÁR NEM birtokolja egyedül a 2. sort —
	   mellé került az időjárás (`vdta-wx-slot`), ezért `100%` helyett `auto`.
	   A KÉT SOR így is determinisztikus marad, de más okból, mint korábban:
	   a dátum + névnap (~290 px) és a hivatkozás-pár (~130 px) együtt ~420 px,
	   a kolumna viszont 20% (1440 px-en ~260 px) — a `flex-wrap` tehát minden mért
	   szélességen a 2. sorba tördelné a hivatkozásokat, akkor is, ha ez a widget
	   `auto`. A napról napra változó hosszúság (naptár) így sem tudja elmozdítani
	   a hivatkozásokat, mert az 1. sor már önmagában megtelik. */
	flex: 0 0 auto !important;
	white-space: nowrap;
}

/* AZ ELEMENTOR SAJÁT CSS-E NYER: a sablon inline stílusa
   (`.elementor-36 .elementor-element.elementor-element-89b56ae * { font-size: 14px }`)
   MINDEN leszármazottra 14 px-t tesz — a `font-size: inherit` ezért a szülő 14 px-ét
   hozta vissza, nem a mi 12 px-ünket (MÉRVE 2026-10-30). A link és a widget-doboz
   ezért KIFEJEZETT értéket kap. Ugyanez a szabály a „/" elválasztóra is hat: a
   doboz színe nélkül a perjel a sablon ciánját örökölte volna. */
header.elementor-location-header .elementor-element-89b56ae > .elementor-widget-container {
	font-size: 12px !important;
	color: var(--v2-on-dark-muted) !important;
}

header.elementor-location-header .elementor-element-89b56ae a {
	display: inline !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	color: var(--v2-on-dark-muted) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: inherit !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px !important;
	text-decoration-color: rgba(255, 255, 255, 0.34) !important;
	transition: color 0.18s ease, text-decoration-color 0.18s ease;
}

header.elementor-location-header .elementor-element-89b56ae a:hover,
header.elementor-location-header .elementor-element-89b56ae a:focus-visible {
	color: var(--v2-accent) !important;
	text-decoration-color: currentColor !important;
}

header.elementor-location-header .elementor-element-89b56ae a:focus-visible {
	outline: 2px solid var(--v2-accent);
	outline-offset: 3px;
}


/* --- §3.4 IDŐJÁRÁS a meta-vonal 2. sorában (14. iteráció, 2026-10-30) -----
 *
 * HELY (felhasználói döntés, 2026-10-30): a 2. sor JOBB SZÉLÉN, a Belépés /
 * Regisztráció mellett. A widget a `vdta-wx-slot` osztályt kapja az Elementorban,
 * ezért a pozicionálás a wrappere megy, a belső rajz pedig a `.vdta-wx`-en.
 *
 * MIÉRT `margin-left: auto`: így a hivatkozás-pár balra, az időjárás a kolumna jobb
 * szélére kerül — a szem a hivatkozásokat a megszokott helyen találja, az időjárás
 * pedig „állapot” a sarokban, nem versenytárs.
 *
 * MIÉRT NINCS SZÓ (“felhős”) A SORBAN: a 2. sor ~260 px (20%-os kolumna), a
 * hivatkozás-pár ~130 px — a szóval együtt ~250 px lenne, ami 1200–1440 px között
 * hol beleférne, hol nem, és a fejléc magassága szélességtől függően ugrálna. Az
 * állapotot az IKON hordozza (ez a kérés), a szó az `aria-label`-ben és a
 * popoverben (`data-detail`) van.
 *
 * MIÉRT NINCS ÁTMENET A POPOVEREN: a 09-es kapu a fájl ELSŐ `prefers-reduced-motion`
 * blokkját használja horgonyként (a §8.3 hover-kivétel ellenőrzéséhez). Egy harmadik
 * ilyen blokk a §3.4-ben csendben elmozdítaná azt a horgonyt, és HAMIS hibát adna.
 * Helyette itt nincs mozgás: a popover azonnal jelenik meg — ez mozgás-csökkentés
 * mellett is helyes, és nem hoz létre versengő horgonyt.
 */

header.elementor-location-header .elementor-element.vdta-wx-slot {
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: 100% !important;
	margin-left: auto !important;
	align-self: center !important;
}

.vdta-wx {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	/* A fokszám 9 → 10 váltásakor ne ugráljon a sor (tabular-nums + fix padló). */
	min-width: 46px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.01em;
	color: var(--v2-on-dark-muted);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	cursor: default;
}

/* Amíg nincs adat (friss telepítés / lejárt transient), a widget nem foglal helyet:
   a „– °C” helyőrző nem villan fel. A JS veszi le a jelzőt, amikor megjön az adat. */
.vdta-wx[data-empty='1'] {
	display: none !important;
}

.vdta-wx__icon {
	display: inline-flex;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	/* A rajz a METEOCONS készletből jön (`assets/weather-icons/`, MIT, Bas Milius):
	   gradienses, kitöltött, SAJÁT színekkel — ezért itt NINCS color/stroke szabály.
	   Az előző, saját 24×24-es vonalas ikonok 15 px-en összemosódtak a sötét (#353535
	   mért) sávban; a felhasználó visszajelzése: „sajnos elveszik, nem feltűnő szép
	   ikonok”. MÉRET: 15 px → 20 px. A meta-vonal 27 px magas, a 20 px ikon belefér,
	   a sor magassága nem változik (ezt a 17-es kapu és a delta-mérés őrzi). */
}

.vdta-wx__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* A fokszám a HORGONY (mint a dátumban a nap): fehér, 600. */
.vdta-wx__t {
	display: inline-flex;
	align-items: baseline;
}

.vdta-wx__n {
	color: var(--v2-on-dark);
	font-weight: 600;
}

.vdta-wx__deg,
.vdta-wx__unit {
	color: rgba(255, 255, 255, 0.52);
	font-weight: 500;
}

.vdta-wx__unit {
	margin-left: 1px;
}

/* Popover: ma + holnap + attribúció (CC-BY). Csak hoveren; a widget nem interaktív,
   ezért nincs tab-stop és nincs `:focus-visible` ág. */
.vdta-wx::after {
	content: attr(data-detail);
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	padding: 7px 10px;
	border-radius: 8px;
	background: rgba(10, 12, 16, 0.97);
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
	color: var(--v2-on-dark);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 40;
}

.vdta-wx:hover::after {
	opacity: 1;
	visibility: visible;
}


/* --- Logó --- */

/*
 * MÉRVE: a logó 200×71 px, x=461 — a 1300 px-es konténer közepe 720, azaz a logó
 * 159 px-re balra esett a középtől. A középső oszlopot középre igazítjuk, és a
 * képet a saját arányában, magasság-vezérelten méretezzük (ne torzuljon).
 */
header.elementor-location-header .elementor-element-5419401 {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

/*
 * MÉRVE 2026-10-05: a logó-widget konténere 71 px magas volt egy 64 px-es képhez —
 * a 7 px az inline-blokk `a` leszálló-sávja (baseline hézag). Emiatt a kép a widget
 * TETEJÉRE került (y=15..79), és elcsúszott a nyelvváltóhoz képest. A konténer és a
 * hivatkozás flex → a widget magassága pontosan a kép magassága, így a középre
 * igazítás a valódi képet középre teszi.
 */
header.elementor-location-header .elementor-element-5419401 > .elementor-widget-container,
header.elementor-location-header .elementor-element-5419401 a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 0 !important;
}

/*
 * 8. ITERÁCIÓ (C2 „U1"): a logó 64 → 56 → 48 px. A 48 px a mért kompakt sáv
 * arányához igazodik (a zászló-pirulák 22 px, a belépés-pirula 24 px magas),
 * és a logó a 48 px-es magassággal is pontosan a sáv közepén ül (mért delta 0 px).
 */
header.elementor-location-header .elementor-element-5419401 img {
	display: block;
	width: auto !important;
	max-width: 100%;
	height: 48px !important;
	object-fit: contain;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35));
	transition: transform 0.2s ease;
}

header.elementor-location-header .elementor-element-5419401 a:hover img {
	transform: scale(1.02);
}

/* --- Közösségi ikonok (1. sor) --- */

/*
 * Eredetileg 40×40 px, áttetsző háttérrel, khaki SVG-ikonnal, a sáv TETEJÉRE igazítva
 * (y=10 a 105 px-es sávban). Most: kör alakú, finom üveg-hátterű gombok, a sáv
 * közepére igazítva, cián hover-rel.
 */
header.elementor-location-header .elementor-social-icons-wrapper {
	align-items: center;
}

/*
 * 8. ITERÁCIÓ (C2 „U1"): a közösségi gombok 34 → 20 px, az ikon 15 → 11 px.
 * A 3. oszlop a §3.2 szerint social (felül) + kereső (alul) — a `683fd0cc`
 * (social-widget) 3 px alsó margót kap, hogy a két elem ne érjen össze.
 */
header.elementor-location-header .elementor-element-683fd0cc {
	margin-bottom: 3px !important;
}

header.elementor-location-header .elementor-social-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 20px !important;
	height: 20px !important;
	font-size: 11px !important;
	background-color: rgba(255, 255, 255, 0.1) !important;
	border-radius: var(--v2-r-pill) !important;
	color: var(--v2-on-dark) !important;
	transition: background-color 0.18s ease, transform 0.18s ease;
}

header.elementor-location-header .elementor-social-icon svg {
	fill: var(--v2-on-dark) !important;
	width: 11px !important;
	height: 11px !important;
}

header.elementor-location-header .elementor-social-icon:hover,
header.elementor-location-header .elementor-social-icon:focus {
	background-color: var(--v2-accent) !important;
	transform: translateY(-1px);
}

header.elementor-location-header .elementor-social-icon:hover svg,
header.elementor-location-header .elementor-social-icon:focus svg {
	fill: var(--v2-on-accent) !important;
}

/* --- Kereső --- */

/*
 * Eredetileg: mező #B7B59C (khaki) háttérrel, 5 px bal sarokkal; submit #4C4B4A
 * háttérrel khaki ikonnal. Most: fehér pill-mező, kontúr nélkül, cián gombbal —
 * a gomb ikonja sötétkék (a ciánon fehér olvashatatlan lenne).
 */

/*
 * EGYETLEN MAGASSÁG-TOKEN (10. iteráció, 2026-10-30) — a felhasználó jelezte:
 * „a kategória nagyobb kocka, mint a keresés sáv".
 *
 * MÉRVE (CDP, 1440 / 1280 / 1024 / 768 / 430 / 390 px) a javítás ELŐTT:
 *   form (a sáv) .............. 40 px magas
 *   mező (fehér pirula) ....... 36 px  → 2 px-rel beljebb, felül és alul
 *   kategória-doboz ........... 40 px  → KILÓG a pirula fölül és alul
 *   submit-gomb ............... 36 px, de csak 38 px széles (a flex összenyomta)
 * A kategória `border-radius: 0`-val, 40 pxesen, két 36 px-es elem között
 * szögletes „kockaként" ült → ez volt a látvány, amit a felhasználó fotózott.
 *
 * A javítás: mindhárom szelet UGYANAZT a magasságot veszi fel a tokenből, így a
 * sáv egyetlen folytonos pirula. Mobilon (< 768 px) a token 44 px — érintőfelület
 * (a 14-es kapu `MOB_TAP_MIN=44`), a látható szöveg nem nő.
 */
header.elementor-location-header .jet-ajax-search {
	--v2-search-h: 40px;
}

header.elementor-location-header .jet-ajax-search__fields-holder {
	display: flex !important;
	align-items: stretch !important;
	min-width: 0 !important;
	height: var(--v2-search-h) !important;
}

header.elementor-location-header .jet-ajax-search__field-wrapper {
	display: flex !important;
	flex: 1 1 auto !important;
	align-items: stretch !important;
	min-width: 0 !important;
	height: 100% !important;
	background-color: var(--v2-surface) !important;
	border-radius: var(--v2-r-pill) 0 0 var(--v2-r-pill) !important;
	overflow: hidden;
}

/*
 * 8. ITERÁCIÓ (C2 „U1"): a 3. oszlop kétsoros — social felül, kereső alul,
 * jobbra igazítva; a kereső 340 px széles, a mező és a gomb 40 → 36 px magas.
 */
header.elementor-location-header .elementor-element-c50f01f > .elementor-widget-wrap {
	flex-direction: column !important;
	align-items: flex-end !important;
	justify-content: center !important;
	row-gap: 3px;
}

header.elementor-location-header .elementor-element-8b20f09 .jet-ajax-search {
	width: 340px !important;
	max-width: 100% !important;
	margin-left: auto !important;
}

header.elementor-location-header .jet-ajax-search__field {
	width: 100% !important;
	height: var(--v2-search-h) !important;
	background-color: transparent !important;
	color: var(--v2-ink) !important;
	font-size: 14px !important;
	padding: 0 16px !important;
	border: 0 !important;
}

/* A fókusz-gyűrűt a SÁV rajzolja (lásd lejjebb, `:focus-within`) — a mező saját
 * téglalap-kerete egy pirula-szeleten belül törte volna a formát. */
header.elementor-location-header .jet-ajax-search__field:focus-visible {
	outline: 0 !important;
}

header.elementor-location-header .jet-ajax-search__form:focus-within {
	box-shadow: 0 0 0 2px var(--v2-cyan), var(--v2-shadow-2);
}

header.elementor-location-header .jet-ajax-search__field::placeholder {
	color: var(--v2-muted) !important;
}

header.elementor-location-header .jet-ajax-search__categories {
	flex: 0 0 auto !important;
	height: var(--v2-search-h) !important;
	background-color: var(--v2-surface) !important;
	border-radius: 0 !important;
	color: var(--v2-ink) !important;
	font-size: 14px !important;
	border-left: 1px solid var(--v2-line) !important;
}

header.elementor-location-header .jet-ajax-search__submit {
	flex: 0 0 auto !important;
	background-color: var(--v2-accent) !important;
	color: var(--v2-on-accent) !important;
	border-radius: 0 var(--v2-r-pill) var(--v2-r-pill) 0 !important;
	width: 44px !important;
	height: var(--v2-search-h) !important;
	transition: background-color 0.18s ease;
}

/* A globális fókusz-gyűrű cián — a cián gombon láthatatlan lenne. */
header.elementor-location-header .jet-ajax-search__submit:focus-visible {
	outline: 2px solid var(--v2-navy) !important;
	outline-offset: 2px !important;
}

header.elementor-location-header .jet-ajax-search__submit:hover {
	background-color: var(--v2-navy-2) !important;
	color: var(--v2-on-dark) !important;
}

header.elementor-location-header .jet-ajax-search__submit-icon {
	color: var(--v2-on-accent) !important;
}

/* --- A kereső KATEGÓRIA-választója (Chosen) --- */

/*
 * MÉRVE 2026-10-05: a kereső „Kategóriák" választója a plugin Chosen-könyvtárából
 * a RÉGI, 2020-as stílust hozza — zárt mező #4C4B4A háttérrel és #B7B59C (khaki)
 * felirattal, a legördülő panel ugyanilyen sötétszürke, 0 px sarokkal, a kijelölt
 * sor pedig khaki háttérrel. A vision-elemzés is ezt jelezte: „alacsony kontrasztú".
 * A fejléc közben fehér pirula + sötétkék — ezért a választó fehér szeletet és
 * fehér kártyát kap, a kijelölt sor pedig sötétkék feliratot.
 *
 * A legördülő panel a menüsáv FÖLÉ kerül (a márka-sáv z-indexe 100 > 90), ezért
 * a `--v2-drop-top` eltolás itt nem kell: a panel a mezőhöz tapadva nyílik.
 */
header.elementor-location-header .jet-ajax-search__categories .chosen-container {
	height: var(--v2-search-h) !important;
	font-size: 14px !important;
}

header.elementor-location-header .jet-ajax-search__categories .chosen-single {
	position: relative;
	display: flex !important;
	align-items: center !important;
	height: var(--v2-search-h) !important;
	line-height: 1 !important;
	padding: 0 30px 0 14px !important;
	background-color: var(--v2-surface) !important;
	color: var(--v2-muted) !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/*
 * „Beolvadás": a választó a sáv RÉSZE, nem külön doboz.
 *  – a jobb oldali hajszálvonal ELMARAD (a cián gomb éle maga a határ; két
 *    egymás melletti 1 px vonal zsúfolt volt),
 *  – a bal oldali hajszálvonal MARAD (mező | választó elválasztója),
 *  – a felirat alapból `--v2-muted` (placeholder-hangnem, mint a mező
 *    placeholder-e), és csak KIVÁLASZTOTT értéknél lesz sötétkék/félkövér.
 * MÉRVE: a Chosen a `chosen-default` osztályt teszi az `<a>`-re, amíg a
 * placeholder-érték (`Kategóriák`, value=0) áll — ez a kapcsoló.
 */
header.elementor-location-header .jet-ajax-search__categories .chosen-single span {
	color: var(--v2-muted) !important;
	font-weight: 500 !important;
	margin: 0 !important;
	line-height: 1 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

header.elementor-location-header .jet-ajax-search__categories .chosen-single:not(.chosen-default) span {
	color: var(--v2-navy) !important;
	font-weight: 600 !important;
}

/*
 * A PLUGIN SAJÁT NYILA KIKAPCSOLVA. MÉRVE 2026-10-30: a `<i.jet-ajax-search__
 * categories-select-icon>` egy 14 px-es FEKETE chevron `top: 20px;
 * transform: translateY(-7px)` pozícióval — ez a 40 px-es magassághoz van kötve,
 * és pontosan a saját CSS-caret-ünkre (7 px, `right: 13px`) csúszik. Két nyíl
 * egymáson. Marad az egyik: a CSS-caret, mert az a `chosen-with-drop` állapotban
 * fordul is.
 */
header.elementor-location-header .jet-ajax-search__categories-select-icon {
	display: none !important;
}

/* A Chosen saját nyila (sprite-kép) nem töltődik be — helyette CSS-caret. */
header.elementor-location-header .jet-ajax-search__categories .chosen-single > div,
header.elementor-location-header .jet-ajax-search__categories .chosen-single b {
	display: none !important;
}

header.elementor-location-header .jet-ajax-search__categories .chosen-single::after {
	position: absolute;
	top: 50%;
	right: 13px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-right: 2px solid var(--v2-muted);
	border-bottom: 2px solid var(--v2-muted);
	transform: rotate(45deg);
	content: '';
	pointer-events: none;
	transition: transform 0.18s ease;
}

header.elementor-location-header .jet-ajax-search__categories .chosen-with-drop .chosen-single::after {
	margin-top: -2px;
	transform: rotate(225deg);
}

header.elementor-location-header .jet-ajax-search__categories .chosen-drop {
	left: auto !important;
	right: 0 !important;
	/* A plugin `top: 40px`-je a RÉGI magassághoz volt kötve — 44 px-es mobilsávon
	 * a panel 4 px-et a sávba lógott volna. `top: 100%` = a választó alja. */
	top: 100% !important;
	min-width: 216px !important;
	margin-top: 8px !important;
	padding: 6px 0 !important;
	background-color: var(--v2-surface) !important;
	border: 1px solid var(--v2-line) !important;
	border-radius: var(--v2-r-md) !important;
	box-shadow: var(--v2-shadow-2) !important;
	overflow: hidden !important;
}

header.elementor-location-header .jet-ajax-search__categories .chosen-results {
	background-color: transparent !important;
	padding: 0 !important;
	max-height: 320px !important;
}

header.elementor-location-header .jet-ajax-search__categories .chosen-results li {
	background-color: transparent !important;
	color: var(--v2-ink) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 8px 14px !important;
	border-radius: 0 !important;
}

header.elementor-location-header .jet-ajax-search__categories .chosen-results li:hover,
header.elementor-location-header .jet-ajax-search__categories .chosen-results li.highlighted {
	background-color: var(--v2-n-50) !important;
	color: var(--v2-navy) !important;
}

header.elementor-location-header .jet-ajax-search__categories .chosen-results li.result-selected {
	background-color: transparent !important;
	color: var(--v2-navy) !important;
	font-weight: 700 !important;
}

header.elementor-location-header .jet-ajax-search__categories .chosen-search-input {
	width: calc(100% - 20px) !important;
	margin: 0 10px !important;
	background-color: var(--v2-n-25) !important;
	border: 1px solid var(--v2-line) !important;
	border-radius: var(--v2-r-sm) !important;
	color: var(--v2-ink) !important;
}

/* --- A kereső LENYÍLÓ PANELEI --- */

/*
 * MEGTALÁLT HIBA (3b) — 2026-10-05, a felhasználó jelezte: „a keresőben a legördülő
 * kategoria is el van takarva a menüvel".
 *
 * MÉRVE: a márka-sáv `.elementor-container`-e `z-index: 1` + `position: relative`,
 * azaz STACKING CONTEXTET zár a kereső köré. Emiatt a benne lévő MINDEN lenyíló panel
 * a menüsáv (z-index: 90) ALATT festődött — a Chosen kategória-listát a `z-index: 10000`
 * sem segítette, mert a saját stacking contextjén belül marad.
 *
 * A javítás a legszűkebb: a márka-sáv SZEKCIÓJA kerül a menüsáv fölé. A kettő nem fedi
 * egymást (0..105 px vs. 105..155 px), ezért csak a KILÓGÓ panelek festési sorrendje
 * változik — a menüsáv és a hírszalag megjelenése nem.
 */
header.elementor-location-header .elementor-element-299c95f {
	z-index: 100 !important;
}

/*
 * MEGTALÁLT HIBA (3) — 2026-10-05, a felhasználó jelezte: „jobbra a kereső mező
 * mikor lenyílik akkor kitakarja a menü".
 *
 * MÉRVE: a találati panel (`.jet-ajax-search__results-area`) `z-index: 9999`-cel,
 * `position: absolute`-tal nyílik — a menüsáv (z-index: 90) mögé került, és
 * eltűnt annak takarásában, miközben a felhasználó épp keres.
 *
 * A megoldás nem az, hogy a panelt a menü fölé tesszük (az a hiba), és nem is az,
 * hogy levisszük alá (`top: 100%`-nál a panel első sorai a menü mögé esnének) —
 * hanem az, hogy a panel a menüsáv ALJÁTÓL kezdődik. A függőleges eltolást a
 * `frame.js` méri és írja a `--v2-drop-top` változóba (a menüsáv alja mínusz a
 * tartalmazó blokk teteje), így minden szélességen helyes marad.
 */
header.elementor-location-header .jet-ajax-search__results-area {
	z-index: 95 !important;
	top: var(--v2-drop-top, 100%) !important;
	background-color: var(--v2-surface) !important;
	border: 1px solid var(--v2-line) !important;
	border-radius: var(--v2-r-md) !important;
	box-shadow: var(--v2-shadow-2) !important;
	overflow: hidden;
}

header.elementor-location-header .jet-ajax-search__results-holder {
	background-color: transparent !important;
}

header.elementor-location-header .jet-ajax-search__results-item,
header.elementor-location-header .jet-ajax-search__item-link {
	color: var(--v2-ink) !important;
}

header.elementor-location-header .jet-ajax-search__item-title {
	color: var(--v2-navy) !important;
	font-weight: 600 !important;
}

header.elementor-location-header .jet-ajax-search__results-item:hover,
header.elementor-location-header .jet-ajax-search__results-item.is-active {
	background-color: var(--v2-n-25) !important;
}

header.elementor-location-header .jet-ajax-search__message {
	color: var(--v2-muted) !important;
	font-size: 13px !important;
}

/* --- Nyelvváltó (GTranslate) --- */

/*
 * MÉRVE 2026-10-05 (a felhasználó jelezte: „a Header ben a VDTAblog logo + a nyelv
 * switcher szét van esve"):
 *   - a .gtranslate_wrapper a widget ALJÁRA tapadt (y=54 a widget 18..84-éből): az
 *     Elementor widget-szintű „Custom CSS"-e `margin: 36px 0 0`-t ad a konténernek,
 *     ezért a tartalom 36 px-t lefelé csúszott a widgeten belül — a flex-igazítás
 *     csak a külső elemen volt meg, a lánc belső szintjein nem;
 *   - a logó (x=438..618) és a váltó (x=618..857) között 0 px volt a hézag, ezért a
 *     kettő összeért (a logó „BLOG" felirata a zászlókon);
 *   - `flex-wrap: wrap` mellett a hét zászló pontosan 234 px-en ült 0 px tartalékkal,
 *     így a sor bármikor eltörhetett.
 * Most: a lánc minden szintje középre igazít, a 36 px margó nulla, 22 px légrés a
 * logó után, a sor nem törhet.
 */
/*
 * MÉRT HIBA-JAVÍTÁS (6. iteráció, 2026-10-05): a nyelvváltó widgetje a fejlécben
 * `elementor-hidden-tablet elementor-hidden-mobile` osztályt visel (az Elementor
 * `@media (max-width: 1024px) { display: none }`-t ad rá), a fenti `display: flex
 * !important` viszont ezt FELÜLÍRTA. Ezért 390 px-en a zászlósor kilógott:
 * a `.gtranslate_wrapper` x=253..493, a `documentElement.scrollWidth` 498 px lett
 * a 390 px-es nézetben — vagyis az oldal vízszintesen görgethetővé vált a telefonon.
 * Az ÉLES oldalon ugyanez a mérés 390/390 (ott a `display: none` érvényesül).
 *
 * A javítás: a saját igazításunk CSAK ott érvényes, ahol a widget látszik is
 * (≥ 1025 px). Így az Elementor szándékos elrejtése érintetlen marad.
 */
/*
 * 8. ITERÁCIÓ (C2, a felhasználó döntése 2026-10-06): a nyelvváltó MINDEN
 * szélességen látszik, a LOGÓ ALATT.
 *
 * A widget az Elementoron beállított `elementor-hidden-tablet
 * elementor-hidden-mobile` osztályt viseli (≤1024 px: `display: none`),
 * ezt itt SZÁNDÉKOSAN felülírjuk. A 6. iterációban ugyanez a felülírás
 * 390 px-en 498 px-es `documentElement.scrollWidth`-et okozott (a zászlósor
 * kilógott) — akkor viszont a logó a jobb FÉL oszlopában ült. Most a §3.1
 * szerint a középső oszlop 100% széles mobilon (370 px), a hét 22 px-es
 * pirula pedig 7×22 + 6×4 = 178 px — bőven elfér.
 * MÉRENDŐ a végső állapoton: `overflowX = 0` 390/768/1025/1440-en.
 */
header.elementor-location-header .elementor-element-d4c23e0 {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	/* a nyelvváltó a LOGÓ ALATT van (nem mellette) — lásd §3.1 */
	margin: 5px 0 0 !important;
}

header.elementor-location-header .elementor-element-d4c23e0 > .elementor-widget-container,
header.elementor-location-header .elementor-element-d4c23e0 .elementor-shortcode {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

/*
 * MEGTALÁLT HIBA (8. iteráció, 2026-10-06) — a nyelvváltóból HÁROM van a fejlécben,
 * egy-egy töréspontra szabva:
 *   `d4c23e0`  `elementor-hidden-tablet elementor-hidden-mobile`  (asztali)
 *   `92744db`  `elementor-hidden-desktop elementor-hidden-mobile` (táblagépes) — a MENÜSÁVBAN (`bec42d7` / `68509ae`)
 *   `e3665ee`  `elementor-hidden-desktop elementor-hidden-tablet` (mobil)     — a HÍRSZALAGBAN (`5409c99` / `a321ea9`)
 *
 * Az asztalit fent MINDEN szélességen láthatóvá tesszük, ezért a másik kettő
 * DUPLÁN jelenne meg (mérve: a táblagépes 195×18 px a menüsávban, a mobil
 * ugyanígy a hírszalag sávjában — a hírszalag így 49 → 77 px magas lenne).
 * Ezért a két töréspont-specifikus példányt elrejtjük; a nyelvváltó EGY helyen,
 * a LOGÓ ALATT van minden szélességen.
 */
header.elementor-location-header .elementor-element-92744db,
header.elementor-location-header .elementor-element-e3665ee {
	display: none !important;
}

/*
 * A logó és a nyelvváltó együttes középre igazítása. A márka-sáv középső oszlopának
 * belső sávja 10 px függőleges belső margóval dolgozik; a widget-alapértelmezés a
 * TETEJÉRE igazít (`align-items: normal`), ezért a két widget két külön magasságon
 * ült. Középre igazítva a logó és a zászlósor UGYANARRA a középvonalra esik.
 */
header.elementor-location-header .elementor-element-ac4af22 > .elementor-widget-wrap {
	align-items: center !important;
	align-content: center !important;
}

header.elementor-location-header .gtranslate_wrapper {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center;
	justify-content: center;
	/* 8. ITERÁCIÓ (C2 „U1"): 5 → 4 px köz, `overflow: visible` — a 22 px-es
	   pirulában a 14 px-es zászló nem lóg ki, és a sor nem vágja le. */
	gap: 4px;
	overflow: visible !important;
	height: auto !important;
	min-height: 0 !important;
}

header.elementor-location-header .gtranslate_wrapper a.glink {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	padding: 0 !important;
	overflow: visible;
	border-radius: var(--v2-r-pill);
	background-color: rgba(255, 255, 255, 0.08);
	opacity: 0.75;
	transition: opacity 0.18s ease, background-color 0.18s ease;
}

/*
 * MEGTALÁLT HIBA (4) — 2026-10-05, a felhasználó jelezte: „még mindig ugyanaz a hiba…
 * a nyelv választó nem jó".
 *
 * MÉRVE: a nyelvváltó PIROS SÁVJA (`.elementor-shortcode { background: rgb(215,0,0) }`)
 * és a LOGÓ piros „BLOG" táblája EGYETLEN hosszú piros csíkká olvadt össze — a
 * felhasználó képernyőképén (vision-elemzés) „közös a piros háttérmező". Ez volt a
 * „szétesve" valódi oka, nem a függőleges igazítás.
 *
 * MÁSODIK HIBA: a pirula 30 px, a tartalma viszont 35 px volt (20 px zászló + 15 px
 * betűkód), ezért a zászlók 7 px-re KILÓGTAK a pirulából (x=619 a 626-tól induló
 * pirulában). A piros sávon ez láthatatlan volt, a sötétkék háttéren viszont látszana.
 *
 * Javítás: a piros háttér helyére a szekció sötétkékje kerül (a „BLOG" piros táblája
 * így újra a logóé marad), a 2 betűs kód pedig a DOM-ban marad, de láthatatlanul —
 * a hivatkozás megnevezése a képernyőolvasónak megmarad, a pirula tartalma befér.
 */
header.elementor-location-header .elementor-element-d4c23e0 .elementor-shortcode,
header.elementor-location-header .elementor-element-d4c23e0 span {
	background-color: transparent !important;
}

header.elementor-location-header .gtranslate_wrapper a.glink > span {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

header.elementor-location-header .gtranslate_wrapper a.glink:hover,
header.elementor-location-header .gtranslate_wrapper a.glink:focus {
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.2);
}

header.elementor-location-header .gtranslate_wrapper img {
	display: block;
	width: 14px;
	height: auto;
	border-radius: 2px;
}

/* ==========================================================================
   4. FEJLÉC — 2. sor: a menüsáv
   ========================================================================== */

header.elementor-location-header .elementor-element-bec42d7 {
	background-image: linear-gradient(90deg, var(--v2-navy) 0%, var(--v2-navy-2) 62%, var(--v2-navy-2) 100%) !important;
	position: relative;
	z-index: 90;
}

/* A menüsáv, amikor görgetésnél felülre tapad (a frame.js teszi rá a .v2-stuck osztályt) */
header.elementor-location-header .elementor-element-bec42d7.v2-stuck {
	position: fixed !important;
	top: var(--v2-sticky-top) !important;
	left: 0;
	right: 0;
	width: 100%;
	box-shadow: 0 8px 26px rgba(1, 44, 109, 0.34);
	animation: v2-drop 0.18s ease-out;
}

@keyframes v2-drop {
	from { transform: translateY(-100%); }
	to   { transform: translateY(0); }
}

.v2-nav-spacer {
	display: block;
	width: 100%;
}

/* A menüsáv konténere ugyanaz a 1300 px, mint a fejléc 1. soráé — a függőleges
   élvonalak így egybeesnek (a nav-sáv vizuálisan nem „lóg ki" a keretből). */
header.elementor-location-header .elementor-element-bec42d7 .elementor-container {
	max-width: 1300px;
}

/* --- Menüpontok --- */

/*
 * A fő menüpontok EGYFORMÁJÚ megjelenést kapnak: 700-as félkövér, csupa
 * nagybetűs, ritkított betűköz — ez adja a 2026-os hírportál-jelleget.
 * (A 8. iteráció előtt 9 elem volt, köztük a külön „📹 Videók" widget; most
 * 6 elem, EGY sávban — lásd a fenti „EGY SÁV" szakaszt.)
 *
 * 8. ITERÁCIÓ (C1/V4 „középre"): a középre rendezést és a fokozatot a fenti
 * „EGY SÁV" szakasz adja; itt a KÖZÖS megjelenés él: 14 px, 0.05em betűköz,
 * 15 px függőleges kattintható felület, 20 px oldalt.
 *
 * ⚠ MÉRÉS-VEZÉRELT MÉRETEZÉS — miért van két fokozat?
 *   Az éles menü 15 px / 8 px köz, csupa kisbetűvel → 885 px széles, és a
 *   rendelkezésére álló hely 1025 px viewporton ~892 px. A mi változatunk
 *   félkövér NAGYBETŰS + ritkított, ezért ugyanazon a helyen ~1195 px lett volna
 *   — az akkori 9 elemmel. A törést méréssel szüntettük meg
 *   (headless Chrome, 20 szélesség × 6 jelölt — a nyers adat:
 *   docs/15-frame-redesign.md 4. pont).
 *   A 6 elemes „egy sávban" a sor ennél jóval rövidebb (mért, V4: 1440-en a
 *   csoport 784 px a 1290 px-es <ul>-ban), ezért a fokozat ma nem a törés
 *   ellen, hanem a konzisztens méret ellen dolgozik:
 *     ≥1180 px:     14 px / 15px 20px / 0.05em
 *     1025–1179 px: 13 px / 15px 12px / 0.02em   ← lásd az „EGY SÁV" szakaszt
 *
 *   A 1180–1299 px-es fokozat a V4-nél MEGSZŰNT: a középre rendezett csoport
 *   nem feszül ki a sávra, ezért nem kell visszavenni a méretből. (Korábban a
 *   balra igazított, kifeszített sor miatt volt szükség rá.)
 *   1024 px alatt az Elementor hamburgerre vált, ott ez a szabály csak a
 *   lenyíló panelre hat.
 *
 *   A `--v2-nav-pad-x` EGYSZERRE vezérli a kattintható felületet és az
 *   aláhúzás (::after) behúzását, hogy a kettő ne csússzon el egymástól.
 */
header.elementor-location-header .elementor-nav-menu--main .elementor-item {
	--v2-nav-pad-x: 20px;

	font-family: var(--v2-font) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase !important;
	padding: 15px var(--v2-nav-pad-x) !important;
	margin: 0 !important;
	color: var(--v2-on-dark) !important;
	border-radius: var(--v2-r-xs);
	transition: color 0.18s ease, background-color 0.18s ease;
}

/* A főmenü első eleme ikon-only (Font Awesome ház-ikon), szöveg nélkül. */
header.elementor-location-header .elementor-element-2a9f3020 .elementor-item .fas,
header.elementor-location-header .elementor-element-2a9f3020 .elementor-item i {
	font-size: 14px;
	vertical-align: middle;
}

/* Aláhúzás: inset box-shadow, hogy ne tolja el a sort (nem border).
   A behúzás a `--v2-nav-pad-x`-ből jön, hogy a fokozatokkal együtt mozogjon. */
header.elementor-location-header .elementor-nav-menu--main .elementor-item::after {
	content: "";
	display: block;
	position: absolute;
	left: var(--v2-nav-pad-x, 12px);
	right: var(--v2-nav-pad-x, 12px);
	bottom: 8px;
	height: 2px;
	background-color: var(--v2-accent);
	border-radius: 2px;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.22s ease;
}

header.elementor-location-header .elementor-nav-menu--main .elementor-item {
	position: relative;
}

header.elementor-location-header .elementor-nav-menu--main .elementor-item:hover::after,
header.elementor-location-header .elementor-nav-menu--main .elementor-item:focus::after,
header.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after {
	transform: scaleX(1);
}

header.elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
header.elementor-location-header .elementor-nav-menu--main .elementor-item:focus {
	background-color: rgba(255, 255, 255, 0.08) !important;
	color: var(--v2-on-dark) !important;
}

/* Az aktív pont: cián szöveg (a #155081-en 4,66:1 — átmegy az AA-n) + cián aláhúzás */
header.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: var(--v2-accent) !important;
	box-shadow: none !important;
}

/*
 * „EGY SÁV" (8. iteráció, C1). A kategória-konszolidáció után öt kategória maradt,
 * ezért a menüsávból eltűnt a második Elementor-oszlop (és vele a külön „📹 Videók"
 * nav-widget, `aaa3ecd`): a `3389` menüpont a FŐMENÜ utolsó eleme lett, a
 * `v2-nav-videos` osztállyal. Az osztály a <li>-re kerül (nem a widgetre), ezért a
 * régi `.elementor-element-aaa3ecd` szelektorok helyett a <li>-t célozzuk.
 *
 * MÉRVE 2026-10-06 (a négy jelölt, 1440 px): a hat menüpont balra igazítva csak a
 * sáv 80…718 px-ét töltötte ki — a jobb szélig 652 px ÜRESEN maradt, ezért hatott
 * „hiányosnak". A felhasználó ezért középre rendezett sávot kért, és a négy mért
 * variáns (V1 „nagyobb ritmus", V2 „kifeszítve", V3 „két szint", V4 „középre")
 * közül a V4-et választotta.
 *
 * A V4: a hat menüpont EGY csoportként, a sáv közepén — a <ul> kitölti a
 * konténert, de a tartalom középre rendezve. MÉRVE: a csoport 333…1117 px,
 * azaz 253 px mindkét oldalon (a fejléc közepe 720, a csoport közepe 725).
 */
header.elementor-location-header .elementor-element-2a9f3020 .elementor-nav-menu--main > .elementor-nav-menu {
	width: 100% !important;
	margin: 0 !important;
	justify-content: center !important;
}

/* A „📹 Videók" a középre rendezett sor TAGJA marad (nincs `margin-left: auto`),
   de finom pirulával elkülönül — más a tartalma: videó-archívum. */
header.elementor-location-header .elementor-nav-menu--main li.v2-nav-videos > .elementor-item {
	padding: 9px 18px !important;
	background-color: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: var(--v2-r-pill);
}

header.elementor-location-header .elementor-nav-menu--main li.v2-nav-videos > .elementor-item:hover,
header.elementor-location-header .elementor-nav-menu--main li.v2-nav-videos > .elementor-item:focus {
	background-color: var(--v2-accent) !important;
	border-color: var(--v2-accent) !important;
	color: var(--v2-on-accent) !important;
}

/* A pirula aláhúzása a pirula belsejére igazodik (nem a `--v2-nav-pad-x`-re). */
header.elementor-location-header .elementor-nav-menu--main li.v2-nav-videos > .elementor-item::after {
	left: 18px;
	right: 18px;
	bottom: 4px;
}

/*
 * A legszűkebb asztali sáv (1025–1179 px): visszaveszünk a méretekből, hogy a
 * hat elem egy sorban maradjon. MÉRVE a variáns-futásban: 1025-en a sor 1015 px
 * (a <ul> teljes szélessége), egy sor, `overflowX = 0`.
 */
@media (min-width: 1025px) and (max-width: 1179px) {
	header.elementor-location-header .elementor-nav-menu--main .elementor-item {
		font-size: 13px !important;
		letter-spacing: 0.02em;
		--v2-nav-pad-x: 12px;
	}

	header.elementor-location-header .elementor-nav-menu--main li.v2-nav-videos > .elementor-item {
		padding: 8px 12px !important;
	}
}

/* --- Lenyíló / mobil panel --- */

header.elementor-location-header .elementor-nav-menu--dropdown {
	background-color: var(--v2-navy) !important;
	border-radius: 0 0 var(--v2-r-md) var(--v2-r-md) !important;
	box-shadow: var(--v2-shadow-3) !important;
	overflow: hidden;
}

header.elementor-location-header .elementor-nav-menu--dropdown a {
	font-family: var(--v2-font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 12px 18px !important;
	color: var(--v2-on-dark) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	transition: background-color 0.16s ease, padding-left 0.16s ease;
}

header.elementor-location-header .elementor-nav-menu--dropdown a:hover,
header.elementor-location-header .elementor-nav-menu--dropdown a:focus {
	background-color: var(--v2-navy-2) !important;
	color: var(--v2-on-dark) !important;
	padding-left: 24px !important;
}

header.elementor-location-header .elementor-menu-toggle {
	border-radius: var(--v2-r-sm) !important;
	background-color: rgba(255, 255, 255, 0.12) !important;
	color: var(--v2-on-dark) !important;
}

/* ==========================================================================
   5. HÍRSZALAG (ticker) — a fejléc harmadik sora
   ========================================================================== */

/*
 * MEGTALÁLT HIBA: a szalag szövege #333333 volt a #155081 háttéren → 1,21:1,
 * azaz gyakorlatilag láthatatlan. A „legfrissebb hír" pont az, amit egy
 * hírportálon mindenki elolvas — ez most javítva: fehér szöveg (8,4:1).
 *
 * A szalag a navigációval együtt sötétkék, a „Hírek" címke marad a márka-piros
 * (#CE2525) fehér szöveggel — így a szalag „breaking news" jelzést kap.
 */
.elementor-element-5409c99 {
	background-color: var(--v2-navy) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/*
 * 8. ITERÁCIÓ (C3 „T2 — vékony sáv", a felhasználó választása 2026-10-06).
 *
 * A felhasználó a két mért jelölt (T1 „címke-pirula" 65 px, T2 „vékony sáv"
 * 49 px) közül a T2-t választotta. A szalag 61 → 49 px:
 *   sáv = 6 px felső + 36 px belső szalag + 6 px alsó + 1 px felső vonal.
 * A támogatói szöveg BYTE-AZONOS marad (942 karakter) — a variáns csak CSS.
 *
 * SZERKEZETI LÉPÉS: a plugin a címkét és a vezérlőket ABSZOLÚT pozícióval teszi
 * a szalagra (`left: 90.875px`, `right: 90px` — a címke szélességéből számolva).
 * A vékony sávban a címke keskenyebb, ezért ezek az inline értékek CSÚSZNÁNAK:
 * ezért a szalagot FLEX-sorrenddé alakítjuk (címke | futó szöveg | vezérlők),
 * és az inline `left`/`right` értékeket `auto`-ra töröljük.
 */
.elementor-element-5409c99 {
	padding: 0 !important;
}

.elementor-element-5409c99 .elementor-widget-wrap {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

/*
 * MEGTALÁLT HIBA (2) — 2026-10-05, a felhasználó jelezte: „a News Ticker fehér,
 * nem látszanak a betűk". MÉRVE: a plugin `breaking-news-ticker.css` 5. sora a
 * doboznak `background: #FFF`-t ad, a mi szabályunk viszont csak a keretét törölte
 * (`border: 0`) — a hátteret nem. A doboz fehér maradt, a mi fehér szövegünk pedig
 * `!important`-tal ráment → fehér a fehéren, 1:1, láthatatlan.
 * Javítás: a doboz háttere átlátszó, így a szekció sötétkékje jön át alatta.
 *
 * 8. ITERÁCIÓ (T2): a doboz 36 px magas flex-sor, lekerekítés nélkül (a vékony
 * sávban a sarok-lekerekítés nem látszana, a 40 px-es inline magasság pedig
 * felülírná a szűkítést).
 */
.elementor-element-c4daec1 .wb-breaking-news-ticker {
	display: flex !important;
	align-items: center !important;
	height: 36px !important;
	line-height: 34px !important;
	border: 0 !important;
	border-radius: 0 !important;
	overflow: hidden;
	background-color: transparent !important;
}

/* --- Címke: bal oldali piros jelzősáv + kis kapitális felirat (nem pirula) --- */

.elementor-element-c4daec1 .wbnt-el-label,
.elementor-element-c4daec1 .bn-label {
	position: static !important;
	flex: 0 0 auto !important;
	width: auto !important;
	height: 36px !important;
	margin: 0 16px 0 0 !important;
	padding: 0 0 0 12px !important;
	border-radius: 0 !important;
	border-left: 3px solid var(--v2-red-2) !important;
	background-color: transparent !important;
	color: var(--v2-on-dark) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 36px !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	white-space: nowrap;
}

/* --- Futó szöveg: a maradék helyet tölti ki, 13 px --- */

.elementor-element-c4daec1 .wbnt-el-container {
	position: static !important;
	left: auto !important;
	right: auto !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	height: 34px !important;
	line-height: 34px !important;
	overflow: hidden !important;
}

.elementor-element-c4daec1 .wbnt-news-ticker-list {
	list-style: none !important;
}

.elementor-element-c4daec1 .wbnt-news-ticker-list-item {
	line-height: 34px !important;
}

/*
 * 11. ITERÁCIÓ (2026-10-30) — ELVÁLASZTÓ A CÍMEK KÖZÖTT.
 *
 * Eddig a szalagban EGY statikus támogatási szöveg futott, mostantól a legfrissebb
 * hírek (5 cím). Ekkor derült ki, hogy a plugin `float: left` listaelemei KÖZÖTT
 * pontosan 0 px a hézag — MÉRVE 1440 px-en:
 *   1. 432 → 432 | 2. 899 → 899 | 3. 1608 → 1608 | 4. 2164 → 2164  (x = előző right)
 * Elválasztó nélkül a címek összeolvadnának: „…tiszás önkényreA multipoláris világ…”.
 *
 * MIÉRT PADDING ÉS NEM MARGIN?
 *   A szalag JS-e (`breaking-news-ticker.js`) az elem `offsetWidth`-jéből számolja a
 *   ciklus hosszát. A MARGIN nem része az `offsetWidth`-nek → a JS rövidebb ciklust
 *   számolna, és az utolsó cím levágódna. A padding benne van, így biztonságos.
 *
 * Az elválasztó szándékosan NEUTRALIS (fehér, 0,38) — a sávban a piros címke-sáv az
 * egyetlen hangsúly, egy cián pötty harmadik színt vinne be. Kontraszt nem szempont
 * (díszítő elem), ezért nem kell AA-t elérnie.
 */
.elementor-element-c4daec1 .wbnt-news-ticker-list-item {
	position: relative !important;
	padding-right: 44px !important;
}

.elementor-element-c4daec1 .wbnt-news-ticker-list-item::after {
	content: '' !important;
	position: absolute !important;
	top: 50% !important;
	right: 20px !important;
	width: 4px !important;
	height: 4px !important;
	margin-top: -2px !important;
	border-radius: 50% !important;
	background-color: rgba(255, 255, 255, 0.38) !important;
}

.elementor-element-c4daec1 .wbnt-news-ticker-list-item a {
	display: inline-flex !important;
	align-items: center !important;
	height: 34px !important;
	color: rgba(255, 255, 255, 0.86) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 34px !important;
	letter-spacing: 0.01em;
	text-decoration: none !important;
}

/*
 * MEGTALÁLT HIBA (3): a vezérlőgombok (`<`, szünet, `>`) a pluginból világos
 * szürkék (#f6f6f6 háttér, #EEE elválasztó, #999999 ikon) — a sötétkék sávban
 * dobnak ki. MÉRVE 2026-10-05.
 * 8. ITERÁCIÓ (T2): a gombok 28×28 px ikon-only gombok, elválasztók nélkül,
 * halványabb ikonnal (0,72) — a vékony sávban a keret-zaj eltűnik.
 */
.elementor-element-c4daec1 .wbel-nt-controls,
.elementor-element-c4daec1 .bn-controls {
	position: static !important;
	flex: 0 0 auto !important;
	display: flex !important;
	align-items: center !important;
	height: 36px !important;
	padding: 0 2px !important;
	border: 0 !important;
	background-color: transparent !important;
}

.elementor-element-c4daec1 .wbel-nt-controls button,
.elementor-element-c4daec1 .bn-controls button {
	width: 28px !important;
	height: 28px !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: rgba(255, 255, 255, 0.72) !important;
	transition: color 0.18s ease;
}

.elementor-element-c4daec1 .wbel-nt-controls button:hover,
.elementor-element-c4daec1 .wbel-nt-controls button:focus,
.elementor-element-c4daec1 .bn-controls button:hover,
.elementor-element-c4daec1 .bn-controls button:focus {
	background-color: transparent !important;
	color: var(--v2-accent) !important;
}

.elementor-element-c4daec1 .bn-controls svg,
.elementor-element-c4daec1 .bn-controls svg * {
	fill: rgba(255, 255, 255, 0.72) !important;
}

.elementor-element-c4daec1 .bn-pause::before,
.elementor-element-c4daec1 .bn-pause::after {
	background-color: rgba(255, 255, 255, 0.72) !important;
}

.elementor-element-c4daec1 .bn-arrow::after {
	border-color: rgba(255, 255, 255, 0.72) !important;
}

/*
 * A „lejátszás" gomb (`bn-play`) a pluginból #999999: a törzs egy 0 széles sáv
 * (#999999 háttér), a fej pedig egy háromszög (`border-left-color: #999999`).
 * Szüneteltetett állapotban ez látszik — a sötétkék sávon szürke folt lenne.
 */
.elementor-element-c4daec1 .bn-play {
	background-color: rgba(255, 255, 255, 0.72) !important;
}

.elementor-element-c4daec1 .bn-play::after {
	border-left-color: rgba(255, 255, 255, 0.72) !important;
}

.elementor-element-c4daec1 a,
.elementor-element-c4daec1 .wbnt-el-title,
.elementor-element-c4daec1 .bn-title,
.elementor-element-c4daec1 .wbnt-el-hours {
	color: rgba(255, 255, 255, 0.86) !important;
	font-weight: 500 !important;
}

.elementor-element-c4daec1 a:hover,
.elementor-element-c4daec1 a:focus {
	color: var(--v2-accent) !important;
	text-decoration: underline;
}

/* ==========================================================================
   6. FŐOLDAL (body.elementor-page-2651)
   ========================================================================== */

/*
 * MÉRT HIBA ÉS JAVÍTÁSA (2026-10-05, a felhasználó jelezte: „szét van esve a főoldal").
 *
 * Itt korábban `gap: var(--v2-space-6)` (32 px) állt a fő tartalom konténerén. A főoldal
 * felső sávja viszont PONTOSAN kitölti a 1300 px-t: a bal oszlop 455 px + a hero 845 px
 * = 1300 px, és az eredeti oszlopköz 0 px. A `gap` rövidítés az OSZLOPKÖZT is 32 px-re
 * állítja → 455 + 32 + 845 = 1332 px > 1300 px → a flex-sor áttört, a hero kártya a
 * következő sorba került és 845×40 px-re esett össze (a tartalma kilógott a kártyából).
 *
 * MÉRVE (headless Chrome 1440 px): hero a gap előtt 525,274,845,545 → utána 70,897,845,40.
 *
 * SZABÁLY: ezen a konténeren CSAK függőleges tér állítható (`row-gap`), `gap` vagy
 * `column-gap` SOHA — 0 px a tartalék, minden vízszintes tér áttöri a sort.
 */
body.elementor-page-2651 .elementor-element-4ded46e > .e-con-inner {
	padding-top: var(--v2-space-6);
	padding-bottom: var(--v2-space-5);
	row-gap: var(--v2-space-6);
}

/* --- Kártyák --- */

/*
 * Az 1. fázisban a kártyák 12 px lekerekítést és finom árnyékot kaptak.
 * A 2. fázis ezt egységesíti a keret-rendszerrel, és javítja a szöveg
 * olvashatóságát a fotó fölött (a címek korábban 1,0 sormagassággal törtek).
 */
body.elementor-page-2651 .e-loop-item > a.e-con {
	border-radius: var(--v2-r-md);
	box-shadow: var(--v2-shadow-2);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.elementor-page-2651 .e-loop-item > a.e-con:hover,
body.elementor-page-2651 .e-loop-item > a.e-con:focus-within {
	transform: translateY(-4px);
	box-shadow: var(--v2-shadow-3);
}

/* A kártyacímek: a korábbi line-height 1,0 (21px/21px) helyett 1,28 — olvasható tördelés. */
body.elementor-page-2651 .e-loop-item .elementor-heading-title {
	line-height: 1.28 !important;
	text-wrap: balance;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

/* A hero-nagy kártya címe nagyobb, erősebb — ez adja a „vezető hír" hangsúlyt. */
@media (min-width: 1025px) {
	body.elementor-page-2651 .elementor-element-6baed39 .elementor-heading-title {
		font-size: 44px !important;
		line-height: 1.18 !important;
		letter-spacing: -0.01em;
	}
}

/* Egységes rács-ritmus a loop-rácsok között. */
body.elementor-page-2651 .elementor-widget-loop-grid > .elementor-widget-container {
	margin-bottom: 0;
}

/* A főoldali reklám-képek (a 2651 konténer 3 kép-widgetje) kapjanak egységes sarkot. */
body.elementor-page-2651 .elementor-element-cd60f5d img {
	border-radius: var(--v2-r-md);
}

/*
 * A főoldali LINKBLOKK (2026-10-30, 13. iteráció): a posztok.hu megszűnt, ezért a sáv
 * kikerült, a két maradó partner (VDTA Iskola, Felelős vagy érte) EGYMÁS MELLÉ került.
 *
 * A SZERKEZETET az Elementor adja (`tools/elementor-links.php`: `flex_direction: row`,
 * mobil `column`, a widgetek `width: 100%`) — itt csak a KITÖLTÉS van.
 *
 * MIÉRT NEM `object-fit: cover`: a két kép képaránya gyökeresen eltér (1,33:1 és 5,36:1).
 * A magasság-kitöltéshez a széles logósávot (felelosvagy) a szélesség ~75%-ában levágná,
 * és a felirat elveszne. Ezért SZÉLESSÉG-kitöltés + `height: auto` (arány tartása).
 *
 * MÉRT KIINDULÓPONT: az iskola kép 359 px volt az 1 260 px-es sávban (901 px üres, 71%),
 * mert a widget `width: 61%`-ja az INLINE-BLOCK horgony természetes 589 px-éhez viszonyult.
 * A blokk-horgony megszünteti ezt a körkörös hivatkozást.
 */
body.elementor-page-2651 .elementor-element-b5c7feb > .elementor-element {
	flex: 1 1 0;
	min-width: 0;
}

body.elementor-page-2651 .elementor-element-b5c7feb .elementor-widget-container,
body.elementor-page-2651 .elementor-element-b5c7feb .elementor-widget-container > a {
	display: block;
	width: 100%;
}

body.elementor-page-2651 .elementor-element-b5c7feb img {
	display: block;
	width: 100%;
	height: auto;
}

/* ==========================================================================
   7. LÁBLÉC
   ========================================================================== */

footer.elementor-location-footer {
	background-color: var(--v2-n-900);
	color: var(--v2-on-dark);
}

/*
 * MEGTALÁLT HIBA (2026-10-30, 15. iteráció): a lábléc KÖZÉPSŐ, 31 px magas sávja
 * (.elementor-element-3dad359) az Elementorban beállított rgb(38,38,38) = #262626
 * hátteret kapta. A #262626 meleg semleges szürke a hideg #1b1f27 mellett, ezért
 * teljes szélességben BARNA CSÍKNAK látszik a két sötétkék blokk között (mérve:
 * 586–616. sor, mind a 1440 px-en rgb(38,38,38), benne egyetlen 1 px-es elválasztó
 * a 601. sorban, rgb(64,64,64)). A sáv szerepe csak a hordozás: az elválasztó
 * vonalat a benne lévő divider-widget (48b16d0) adja, ezért a hátteret a lábléc
 * saját színére állítjuk — a vonal megmarad, a csík eltűnik.
 */
footer.elementor-location-footer .elementor-element-028dec4,
footer.elementor-location-footer .elementor-element-2f3626c,
footer.elementor-location-footer .elementor-element-3dad359 {
	background-color: var(--v2-n-900) !important;
}

/*
 * MEGTALÁLT HIBA: az „Adományok" cím rgb(63,68,75) = #3F444B volt a #262626
 * háttéren → 1,27:1, olvashatatlan. Most fehér, cián aláhúzás-akcenttel.
 */
footer.elementor-location-footer h2,
footer.elementor-location-footer .elementor-heading-title {
	color: var(--v2-on-dark) !important;
	font-family: var(--v2-font-head) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin-bottom: var(--v2-space-3) !important;
}

footer.elementor-location-footer h2::after,
footer.elementor-location-footer .elementor-heading-title::after {
	content: "";
	display: block;
	width: 44px;
	height: 3px;
	margin-top: 10px;
	border-radius: 3px;
	background-color: var(--v2-accent);
}

/* A hírlevél-cím cián marad (a sötéten 8:1 felett) */
footer.elementor-location-footer .elementor-element-a512350 h2,
footer.elementor-location-footer .elementor-element-a512350 .elementor-heading-title {
	color: var(--v2-accent) !important;
}

footer.elementor-location-footer p,
footer.elementor-location-footer li,
footer.elementor-location-footer .elementor-widget-text-editor {
	color: rgba(255, 255, 255, 0.86);
	font-size: 15px;
	line-height: 1.65;
}

/* --- Adomány / számlaszám blokk: kártyába emelve --- */

footer.elementor-location-footer .elementor-element-985d714 {
	background-color: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--v2-r-lg);
	padding: var(--v2-space-5) !important;
}

/* --- Űrlap --- */

footer.elementor-location-footer input[type="text"],
footer.elementor-location-footer input[type="email"],
footer.elementor-location-footer textarea,
footer.elementor-location-footer select {
	background-color: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: var(--v2-r-sm) !important;
	color: var(--v2-on-dark) !important;
	font-size: 15px !important;
	height: 44px !important;
	padding: 10px 14px !important;
	transition: border-color 0.18s ease, background-color 0.18s ease;
}

footer.elementor-location-footer input::placeholder {
	color: rgba(255, 255, 255, 0.55) !important;
}

footer.elementor-location-footer input[type="text"]:focus,
footer.elementor-location-footer input[type="email"]:focus,
footer.elementor-location-footer textarea:focus {
	background-color: rgba(255, 255, 255, 0.1) !important;
	border-color: var(--v2-accent) !important;
	outline: none;
}

footer.elementor-location-footer input[type="checkbox"] {
	width: 16px !important;
	height: 16px !important;
	accent-color: var(--v2-accent);
}

/* --- Gombok --- */

/*
 * MEGTALÁLT HIBA: a „Feliratkozás" gomb cián (#0FD6D9) háttéren FEHÉR szöveggel
 * volt → 1,58:1, olvashatatlan. A szabály mostantól: cián háttéren sötétkék szöveg
 * (7,20:1). Ugyanez a hover-állapotra is.
 */
footer.elementor-location-footer button,
footer.elementor-location-footer input[type="submit"],
footer.elementor-location-footer .elementor-button {
	border-radius: var(--v2-r-sm) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	padding: 12px 22px !important;
	min-height: 44px;
	border: 0 !important;
	transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

footer.elementor-location-footer button,
footer.elementor-location-footer input[type="submit"] {
	background-color: var(--v2-accent) !important;
	color: var(--v2-on-accent) !important;
}

footer.elementor-location-footer button:hover,
footer.elementor-location-footer button:focus,
footer.elementor-location-footer input[type="submit"]:hover,
footer.elementor-location-footer input[type="submit"]:focus {
	background-color: var(--v2-on-dark) !important;
	color: var(--v2-navy) !important;
}

/* Az „Adományozz most" (elemor-button) — a márka sötétkékje, fehér szöveggel */
footer.elementor-location-footer .elementor-button {
	background-color: var(--v2-navy-2) !important;
	color: var(--v2-on-dark) !important;
}

footer.elementor-location-footer .elementor-button:hover,
footer.elementor-location-footer .elementor-button:focus {
	background-color: var(--v2-accent) !important;
	color: var(--v2-on-accent) !important;
}

/* --- Közösségi ikonok a láblécben --- */

/*
 * MEGTALÁLT HIBA: 40 px-es cián körök FEHÉR ikonnal → 1,58:1, olvashatatlan.
 * Most: üveg-hátterű körök fehér ikonnal, cián hover-rel (ott sötétkék ikon).
 */
footer.elementor-location-footer .elementor-social-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	background-color: rgba(255, 255, 255, 0.1) !important;
	border-radius: var(--v2-r-pill) !important;
	transition: background-color 0.18s ease, transform 0.18s ease;
}

footer.elementor-location-footer .elementor-social-icon svg {
	fill: var(--v2-on-dark) !important;
	width: 17px !important;
	height: 17px !important;
}

footer.elementor-location-footer .elementor-social-icon:hover,
footer.elementor-location-footer .elementor-social-icon:focus {
	background-color: var(--v2-accent) !important;
	transform: translateY(-2px);
}

footer.elementor-location-footer .elementor-social-icon:hover svg,
footer.elementor-location-footer .elementor-social-icon:focus svg {
	fill: var(--v2-on-accent) !important;
}

/* --- Lábléc-hivatkozások --- */

footer.elementor-location-footer a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	transition: color 0.16s ease;
}

footer.elementor-location-footer a:hover,
footer.elementor-location-footer a:focus {
	color: var(--v2-accent) !important;
	text-decoration: underline;
}

/* ==========================================================================
   8. ALBOLDALAK — cikk, archívum, kereső, oldal
   ==========================================================================
 *
 * HATÓKÖR (a <body> osztályaiból; MÉRVE 2026-10-05 a deven, headless Chrome):
 *   body.single          → cikk              (Elementor-sablon 348)
 *   body.archive         → kategória/címke/archívum (sablon 3343)
 *   body.search-results  → találati lista    (sablon 7325)
 *   body.page            → statikus oldal    (pl. 731 „Támogatás")
 * A fejléc (§3–§5) és a lábléc (§7) minden oldalon ugyanaz — azt itt nem érintjük.
 *
 * MÉRT KIINDULÓPONT ÉS A NÉGY INDOK
 *
 * 1) OLVASÁSI MÉRTÉK. A cikk törzse 918 px széles oszlopban állt 18 px-es Interrel.
 *    A mért átlagos karakterszélesség 0,493 em → 918 / 8,883 = 103 karakter soronként.
 *    (A kényelmes sáv 45–75.) A cikk-sor `--width: 75% / 25%` — ehhez NEM nyúlunk,
 *    mert a főoldali `gap`-hibához hasonló flex-törést okozhatna; a mértéket a fehér
 *    kártyán BELÜL szabályozzuk.
 *    MÉRTÉKEGYSÉG-CSAPDA: a `ch` az Inter „0" glifjének előrehaladása (0,632 em), nem
 *    az átlagos karakterszélesség. 74 karakterhez ezért 74 × 0,493 / 0,632 = 58ch kell,
 *    nem 74ch. Böngészőben mérve: ch@19px = 12,000 px, átlag@19px = 9,376 px
 *    → 58ch = 696 px = 74 karakter.
 *
 * 2) KONTRASZT-HIBA. Az archívum- és kereső-kártyák metaadatsora beégetett cián volt
 *    (#0BB3B6) fehér háttéren = 2,58:1 → megbukik a WCAG AA 4,5:1-en. Helyette a
 *    `--v2-n-600` (#5b6472, 5,98:1). Ugyanez a hiba a `#0FD6D9` thumbnail-link színén
 *    (1,60:1); az a link csak a kép fölötti átlátszó felület, ezért ott a szín nem
 *    hordoz jelentést — de a metaadat-sor igen, azt javítjuk.
 *
 * 3) MOBIL RÁCS. Az archívum 390 px-en is 2 hasábos volt (Elementor-beállítás):
 *    hasábonként ~195 px, 42 %-os bal bélyegképpel → ~82 px kép. ≤600 px-en 1 hasáb,
 *    és a bélyegkép a kártya tetejére kerül.
 *
 * 4) A BÉLYEGKÉPEK NEM TORZULNAK. Ellenőrizve: bár `object-fit: fill`, a megjelenített
 *    és a természetes képarány eltérése 0,0 % — a kép a `overflow: hidden` miatt
 *    felülről levágva látszik. Ezt SZÁNDÉKOSAN nem „javítjuk": a magasság kényszerítése
 *    (`height: 100%`) egy `padding-bottom`-os dobozban eltüntetné a képet.
 *
 * Kapcsolódó dokumentum: docs/15-frame-redesign.md (8. pont)
 * Ellenőrző parancs: bash scripts/audit/09-frame-check.sh && bash scripts/audit/10-homepage-layout.sh
 */

/* --- 8.1 Olvasási mérték és folyószöveg (a cikk törzse) ------------------- */

body.single .elementor-element-eb97468 .elementor-widget-container {
	font-size: 19px;
	line-height: 1.7;
	max-width: 58ch; /* = 696 px @19px = 74 karakter (lásd a fenti csapdát) */
	margin-inline: auto;
	/* A <html lang="hu"> miatt a böngésző a magyar elválasztási szótárat használja. */
	-webkit-hyphens: auto;
	hyphens: auto;
	overflow-wrap: break-word;
	color: var(--v2-text);
}

body.single .elementor-element-eb97468 .wp-block-paragraph {
	margin-top: 0;
	margin-bottom: 1.15em;
}

/* A bevezető („standfirst") bekezdés. A szerkesztő középre igazítja és
   `has-medium-font-size`-ot kap — ez szerkesztői szándék, megtartjuk, de a
   saját ritmusába tesszük. */
body.single .elementor-element-eb97468 .has-medium-font-size {
	font-size: 21px !important;
	line-height: 1.55 !important;
	font-weight: 600;
	color: var(--v2-navy-2) !important;
	margin-bottom: 1.4em;
}

/* Címsorok a cikktörzsben. A h2 kap egy cián jelzősávot — ez adja a „rovat" érzetet. */
body.single .elementor-element-eb97468 h2,
body.single .elementor-element-eb97468 h3,
body.single .elementor-element-eb97468 h4 {
	font-family: var(--v2-font-head) !important;
	color: var(--v2-navy) !important;
	line-height: 1.25;
	text-wrap: balance;
}

body.single .elementor-element-eb97468 h2 {
	font-size: 30px !important;
	margin: 1.7em 0 0.55em;
	padding-left: 16px;
	border-left: 4px solid var(--v2-accent);
}

body.single .elementor-element-eb97468 h3 {
	font-size: 24px !important;
	margin: 1.5em 0 0.5em;
}

body.single .elementor-element-eb97468 h4 {
	font-size: 20px !important;
	margin: 1.4em 0 0.45em;
}

body.single .elementor-element-eb97468 h2:first-child,
body.single .elementor-element-eb97468 h3:first-child,
body.single .elementor-element-eb97468 h4:first-child {
	margin-top: 0;
}

/* Hivatkozás: a szín MELLETT aláhúzás is (színvakoknak is felismerhető). */
body.single .elementor-element-eb97468 a {
	color: var(--v2-navy-2) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	text-decoration-color: var(--v2-n-400);
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

body.single .elementor-element-eb97468 a:hover,
body.single .elementor-element-eb97468 a:focus-visible {
	color: var(--v2-navy) !important;
	text-decoration-color: var(--v2-accent);
}

body.single .elementor-element-eb97468 ul,
body.single .elementor-element-eb97468 ol {
	padding-left: 1.35em;
	margin: 0 0 1.15em;
}

body.single .elementor-element-eb97468 li {
	margin-bottom: 0.45em;
}

body.single .elementor-element-eb97468 li::marker {
	color: var(--v2-navy-2);
	font-weight: 600;
}

body.single .elementor-element-eb97468 blockquote {
	margin: 1.6em 0 !important;
	padding: 18px 22px !important;
	background-color: var(--v2-n-50);
	border-left: 4px solid var(--v2-navy-2) !important;
	border-radius: 0 var(--v2-r-sm) var(--v2-r-sm) 0;
	font-family: var(--v2-font-head) !important;
	font-size: 1.05em;
	font-style: normal;
	color: var(--v2-n-900) !important;
}

body.single .elementor-element-eb97468 blockquote p:last-child {
	margin-bottom: 0;
}

body.single .elementor-element-eb97468 figure {
	margin: 1.6em 0 !important;
}

body.single .elementor-element-eb97468 img {
	border-radius: var(--v2-r-sm);
	height: auto;
}

body.single .elementor-element-eb97468 figcaption,
body.single .elementor-element-eb97468 .wp-caption-text {
	font-size: 14px;
	line-height: 1.5;
	color: var(--v2-muted) !important;
	margin-top: 8px;
}

body.single .elementor-element-eb97468 table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.2em;
	font-size: 16px;
}

body.single .elementor-element-eb97468 th,
body.single .elementor-element-eb97468 td {
	border-bottom: 1px solid var(--v2-line);
	padding: 10px 12px;
	text-align: left;
}

body.single .elementor-element-eb97468 th {
	background-color: var(--v2-surface-2);
	color: var(--v2-navy);
	font-weight: 700;
}

body.single .elementor-element-eb97468 code {
	font-family: var(--v2-font-mono) !important;
	font-size: 0.9em;
	background-color: var(--v2-n-50);
	padding: 2px 6px;
	border-radius: var(--v2-r-xs);
}

body.single .elementor-element-eb97468 pre {
	overflow-x: auto;
	background-color: var(--v2-n-900);
	color: var(--v2-n-0);
	padding: 16px 18px;
	border-radius: var(--v2-r-sm);
	font-size: 14px;
	line-height: 1.6;
}

body.single .elementor-element-eb97468 pre code {
	background-color: transparent;
	padding: 0;
	color: inherit;
	font-size: inherit;
}

/* --- 8.2 A cikk (body.single) -------------------------------------------- */

/* A cikk-sáv: fehér „papír" kártya. Az Elementor 1 px keretet ad neki egy téma-színnel;
   mi a semleges vonalat és a keret-rendszer sugarát/árnyékát adjuk. */
body.single .elementor-348 .elementor-element-7d2068f {
	border-color: var(--v2-line) !important;
	border-radius: var(--v2-r-md);
	box-shadow: var(--v2-shadow-1);
	padding-top: var(--v2-space-5) !important;
	padding-bottom: var(--v2-space-6) !important;
}

/*
 * A CIKK-FEJ ÚJ SORRENDJE (6. iteráció, 2026-10-06) — a felhasználó kérése:
 *   „a Cím szerintem teljesen új Look kell, Graphical overhaul. Akár a Kép alá a cikk Cím."
 *
 * A SZERKEZETET a `tools/elementor-single-header.php` állítja be (a 348-as sablon
 * `_elementor_data`-jában), mert a cím korábban a Body-n KÍVÜLI „Top" sávban volt, a
 * kiemelt kép pedig a Body → Main → kártya három szintjén belül — CSS `order`-rel a kettő
 * nem hozható egy sorba. A sorrend most (mérve a deven):
 *
 *   kártya (7d2068f)
 *     ├─ 2b97242  kiemelt kép
 *     ├─ 44ee9a6  cián jelzősáv            ← a cím FÖLÖTT
 *     ├─ 5ccda5e  cikk címe (H1)
 *     ├─ 1c6f840  metaadat-sor
 *     ├─ 41f4afa  megosztás-sáv
 *     └─ … cikktörzs / 1% sáv / hozzászólások / hírlevél
 *
 * Minden ugyanabban a 960 px-es oszlopban, ugyanazzal a bal éltel — ez a legfontosabb
 * különbség a korábbi állapothoz képest, ahol a cím 1300 px széles sávban, a képtől
 * elszakítva ült.
 */

/*
 * A VERTIKÁLIS RITMUS — FONTOS MÉRÉSI TANULSÁG (2026-10-06)
 *   A kártya (`7d2068f`) egy Elementor-konténer, amelynek a `flex_gap` beállítása
 *   NINCS kitöltve, ezért az Elementor ALAPÉRTELMEZETT 20 px-es hézagát kapja. A
 *   gyermekek közötti tényleges térköz tehát: `margin-bottom + 20 px`. Ezt mérve
 *   igazoltuk (1440 px):
 *       kép alsó éle 798 → jelzősáv 842 (24 + 20 = 44)
 *       jelzősáv 846 → cím 878 (12 + 20 = 32)
 *       cím 1052 → metaadat 1088 (16 + 20 = 36)
 *   Ezért a margókat a 20 px-es rácshoz igazítjuk, hogy a ritmus egyenletes legyen:
 *       kép → 8 px margó (28 px összesen)
 *       jelzősáv → 0 (20 px a címig)
 *       cím → 0 (20 px a metaadatig)
 *       metaadat → 0 (20 px a megosztás-sávig)
 */

/* A kiemelt kép: lekerekítés a keret-rendszerből, és térköz a jelzősávig. */
body.single .elementor-element-2b97242 {
	margin: 0 0 var(--v2-space-2) !important;
}

body.single .elementor-element-2b97242 img {
	border-radius: var(--v2-r-md);
	display: block;
}

/*
 * A jelzősáv a cím FÖLÖTT. Az Elementornál ez egy `divider` widget (a megjelenését a
 * `style: dashed` beállítás és a widget belső térköze adja) — mi tömör, rövid cián
 * sávvá alakítjuk, és a widget belső térközét nullázzuk, hogy a ritmust a saját
 * margóink adják.
 *
 * A SZÉLESSÉG a 7. iterációban 56 → 88 px lett: a fej oszlopa 918 px (1440-en), és
 * a régi 56 px sáv ehhez képest „véletlenül otthagyott jelnek" tűnt. A 88 px már
 * arányban van a 60 px-es címmel, de még mindig rövid — ez szándékos: a jelzősáv
 * nem vonal, hanem kiindulópont.
 */
body.single .elementor-element-44ee9a6 {
	margin: 0 !important;
}

body.single .elementor-element-44ee9a6 .elementor-divider {
	padding: 0 !important;
}

body.single .elementor-element-44ee9a6 .elementor-divider-separator {
	width: 88px !important;
	border-top-width: 4px !important;
	border-top-style: solid !important;
	border-top-color: var(--v2-accent) !important;
	border-radius: 2px;
}

/*
 * A cím. Ez a cikk főcíme — a `header_size` a szerkezet-eszközzel `h1`-re váltott
 * (MÉRT HIBA volt: a cikken 2026-10-06-án egyetlen `h1` sem volt, a cím H2-ként
 * renderelt). A megjelenést az osztály adja, ezért a cserét itt nem kell követni.
 *
 * A cím-konténer Elementor-szegélyét (4 px cián bal keret) és 24 px bal behúzását
 * nullázzuk: ezt a szerepet a fenti jelzősáv vette át, a behúzás pedig eltörné a
 * fej közös bal élét. A (0,4,0) specificitású Elementor-szabályt a `.elementor-348`
 * előtaggal (0,4,1) győzzük le — `!important` nélkül.
 *
 * A `font-weight` és a `letter-spacing` viszont `!important`: a widget saját tipográfiai
 * beállítása (`typography_font_weight: 400`) a (0,4,0) specificitású generált szabályban
 * él, és MÉRVE nyert a miénkkel szemben (a cím 2026-10-06-án `font-weight: 400`-ként
 * renderelt a szándékolt 700 helyett).
 */
body.single .elementor-348 .elementor-element-5ccda5e .elementor-widget-container {
	padding: 0 !important;
	border: 0 !important;
}

body.single .elementor-element-5ccda5e {
	margin: 0 !important;
}

body.single .elementor-element-5ccda5e .elementor-heading-title {
	font-size: 60px !important;
	font-weight: 700 !important;
	line-height: 1.05 !important;
	letter-spacing: -0.028em !important;
	text-wrap: balance;
	color: var(--v2-navy) !important;
	margin: 0 !important;
}

/* A metaadat-sor (szerző / forrás / dátum / rovat / hozzászólás): 18 px helyett 14 px. */
body.single .elementor-element-1c6f840 {
	margin: 0 !important;
}

body.single .elementor-element-1c6f840 .elementor-icon-list-item,
body.single .elementor-element-1c6f840 .elementor-icon-list-text,
body.single .elementor-element-1c6f840 a {
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: var(--v2-muted) !important;
}

body.single .elementor-element-1c6f840 .elementor-icon-list-item {
	margin-right: 18px;
}

body.single .elementor-element-1c6f840 .elementor-icon-list-icon svg {
	fill: currentColor;
}

/* Megosztás-sáv: 6 hálózat, egyforma pirula. A szétszórt márkaszínek (kék/piros/
   zöld) helyett egységes navy, cián hoverrel — így a sáv nem versenyez a tartalommal.
 *
 * MÉRT HIBA ÉS JAVÍTÁSA (2026-10-05): az Elementor „official" színsémája a
 * MÁRKASZÍNES dobozra FEHÉR ikont és feliratot ír elő (`.elementor-share-btn_facebook`
 * → `background:#3b5998; color:#fff`), és a gomb betűméretét 7 px-re állítja
 * (`font-size: calc(0.7px * 10)`). Amikor a doboz világos lett, a fehér ikon
 * eltűnt, a 7 px-es felirat pedig olvashatatlan. Ezért a világos pirulán a szöveg
 * és az ikon színe EXPLICIT a gombhoz kötött (`color: inherit` + `fill: currentColor`),
 * a betűméret pedig 14 px (a 7 px a semmilyen minimum alatt van).
 *
 * A geometriát (40 px kör, `padding: 0`) a §8.8 adja — az ottani szabály ugyanolyan
 * specificitású, de később jön, ezért az nyer; itt szándékosan NINCS `padding`. */
body.single .elementor-element-41f4afa .elementor-share-btn {
	font-size: 14px !important;
	background-color: var(--v2-n-50) !important;
	border: 1px solid var(--v2-line) !important;
	border-radius: var(--v2-r-pill) !important;
	color: var(--v2-navy) !important;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/*
 * SPECIFICITÁS-CSAPDA #2 (mérve, 2026-10-05): a widget `Custom CSS`-e
 *   `.elementor-348 .elementor-element.elementor-element-41f4afa .elementor-share-btn__icon
 *    { --e-share-buttons-icon-size: 2.5em }`
 * = (0,4,0), és a `__icon`-on állítja a változót — a gombra írt (0,2,1) szabályunk
 * elvesztette. A mért ikon ezért **35 px** lett (2.5em × 14px) a 14 px-es felirat mellett:
 * aránytalan. A javítás a változót ott írja felül, ahol a widget is (`__icon`), és
 * közvetlenül az `svg`-n is rögzíti a méretet — így a widget CSS-étől függetlenül 16 px
 * (1.15em × 14px) marad.
 */
body.single .elementor-element-41f4afa .elementor-share-btn__icon {
	--e-share-buttons-icon-size: 1.15em !important;
}

body.single .elementor-element-41f4afa .elementor-share-btn__icon svg {
	width: 1.15em !important;
	height: 1.15em !important;
}

body.single .elementor-element-41f4afa .elementor-share-btn svg,
body.single .elementor-element-41f4afa .elementor-share-btn__icon,
body.single .elementor-element-41f4afa .elementor-share-btn__text,
body.single .elementor-element-41f4afa .elementor-share-btn__title {
	color: inherit !important;
	fill: currentColor !important;
}

body.single .elementor-element-41f4afa .elementor-share-btn__title {
	font-size: 14px !important;
}

body.single .elementor-element-41f4afa .elementor-share-btn:hover,
body.single .elementor-element-41f4afa .elementor-share-btn:focus {
	background-color: var(--v2-accent) !important;
	border-color: var(--v2-accent) !important;
	color: var(--v2-on-accent) !important;
}

/* A kapcsolódó sáv rovat-címe: kis, ritkított, nagybetűs + cián jelzősáv. */
body.single .elementor-element-c45d3f5 .elementor-heading-title {
	font-size: 15px !important;
	font-weight: 700;
	line-height: 1.4 !important;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--v2-navy) !important;
}

body.single .elementor-element-c45d3f5 .elementor-heading-title::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-top: 10px;
	border-radius: var(--v2-r-pill);
	background-color: var(--v2-accent);
}

/* --- 8.3 Kártyák (archívum, kereső, kapcsolódó sáv) ---------------------- */

/*
 * SPECIFICITÁS-CSAPDA (mérve, 2026-10-05). Az archívum- és kereső-widget `Custom CSS`-e
 * `.elementor-3343 .elementor-element.elementor-element-0fd2515 .elementor-post__text`
 * alakú = (0,4,0). A mi `:is(body.archive, …) .elementor-posts--skin-classic
 * .elementor-post__text` szabályunk (0,3,1) — az OSZTÁLYSZÁM dönt (4 > 3), ezért a mi
 * térközünk csendesen elveszett (a mért érték az Elementor 20px 20px 0 0 / 30px 30px 0 0
 * maradt). Ezért itt `!important` kell — ugyanígy az árnyéknál, amit a widget `Custom CSS`-e
 * `0 0 30px rgba(0,0,0,.1)`-re állít (egy 30 px elmosású derengés, ami a 2026-os keret-
 * rendszerhez nem illik; helyette a navy-függő `--v2-shadow-1` / hoverre `--v2-shadow-2`).
 */
:is(body.archive, body.search-results, body.blog) .elementor-posts--skin-classic .elementor-post,
body.single .elementor-element-7143d63 .elementor-post {
	background-color: var(--v2-surface);
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-md);
	overflow: hidden;
	box-shadow: var(--v2-shadow-1) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

:is(body.archive, body.search-results, body.blog) .elementor-posts--skin-classic .elementor-post:hover,
body.single .elementor-element-7143d63 .elementor-post:hover {
	transform: translateY(-3px);
	box-shadow: var(--v2-shadow-2) !important;
	border-color: var(--v2-n-200);
}

:is(body.archive, body.search-results, body.blog) .elementor-posts--skin-classic .elementor-post__text {
	padding: 16px 18px !important;
}

body.single .elementor-element-7143d63 .elementor-post__text {
	padding: 14px 16px 16px;
}

:is(body.archive, body.search-results, body.blog) .elementor-post__title,
:is(body.archive, body.search-results, body.blog) .elementor-post__title a,
body.single .elementor-element-7143d63 .elementor-post__title,
body.single .elementor-element-7143d63 .elementor-post__title a {
	font-family: var(--v2-font-head) !important;
	color: var(--v2-navy) !important;
	line-height: 1.3 !important;
	margin-bottom: 8px !important;
}

:is(body.archive, body.search-results, body.blog) .elementor-post__title,
:is(body.archive, body.search-results, body.blog) .elementor-post__title a {
	font-size: 19px !important;
}

body.single .elementor-element-7143d63 .elementor-post__title,
body.single .elementor-element-7143d63 .elementor-post__title a {
	font-size: 17px !important;
}

:is(body.archive, body.search-results, body.blog) .elementor-post__title a:hover,
:is(body.archive, body.search-results, body.blog) .elementor-post__title a:focus,
body.single .elementor-element-7143d63 .elementor-post__title a:hover,
body.single .elementor-element-7143d63 .elementor-post__title a:focus {
	color: var(--v2-navy-2) !important;
}

/* A MEGTALÁLT KONTRASZT-HIBA: beégetett cián (#0BB3B6, 2,58:1) helyett --v2-n-600 (5,98:1). */
:is(body.archive, body.search-results, body.blog, body.single) .elementor-post__meta-data {
	font-size: 12.5px !important;
	color: var(--v2-muted) !important;
	letter-spacing: 0.02em;
}

:is(body.archive, body.search-results, body.blog) .elementor-posts--skin-classic .elementor-post__thumbnail img,
body.single .elementor-element-7143d63 .elementor-post__thumbnail img {
	transition: transform 0.3s ease;
}

/*
 * MÉRT HIBA-JAVÍTÁS (5. iteráció, 2026-10-05). Az Elementor a bélyegkép-képet
 * `position: absolute; top/left: 50%`-re teszi, és a `.elementor-has-item-ratio`
 * szabályával `transform: scale(1.01) translate(-50%, -50%)`-nel központosítja.
 * A korábbi `transform: scale(1.04)` ELESETT a `translate(-50%, -50%)`-től, ezért
 * hoverre a kép elvesztette a középre igazítását: a rectje [81, 412, 262, 196]-ból
 * [206, 504, 362, 204] lett (x 81→206, y 412→504), a kártya `overflow: hidden`-je
 * pedig levágta — ez volt a „kimegy jobbra le" jelenség. A nagyítás marad (1,04),
 * csak a központosító translate-t adjuk vissza.
 */
:is(body.archive, body.search-results, body.blog) .elementor-posts--skin-classic .elementor-post:hover .elementor-post__thumbnail img,
body.single .elementor-element-7143d63 .elementor-post:hover .elementor-post__thumbnail img {
	transform: scale(1.04) translate(-50%, -50%);
}

/* --- 8.4 Oldalfej-sáv (archívum, kereső, oldal) -------------------------- */

:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-e53a94d,
:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-5eda0e87,
:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-b550d4a {
	background-color: var(--v2-surface) !important;
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-lg);
	padding: var(--v2-space-5) !important;
}

/* A rovat-jelző: rövid cián sáv a cím fölött. */
:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-19d0b5a .elementor-heading-title::before,
:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-68e0ce15 .elementor-heading-title::before,
:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-cd10036 .elementor-heading-title::before {
	content: "";
	display: block;
	width: 64px;
	height: 4px;
	margin-bottom: 14px;
	border-radius: var(--v2-r-pill);
	background-color: var(--v2-accent);
}

:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-19d0b5a .elementor-heading-title,
:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-68e0ce15 .elementor-heading-title,
:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-cd10036 .elementor-heading-title {
	font-size: 42px !important;
	line-height: 1.12 !important;
	letter-spacing: -0.015em;
	text-wrap: balance;
	color: var(--v2-navy) !important;
}

/* --- 8.5 Lapozás: pirula-chipek a sima szöveglinksor helyett -------------
 *
 * A `body.page-id-510` (a /videok/ oldal) azért van a felsorolásban, mert az ottani
 * loop-grid lapozója (a §10-ben beállított 48 kártya/oldal) ugyanaz az
 * `.elementor-pagination` markup, és ugyanazt a
 * pirula-nyelvet kell kapnia, mint az archívumé. A 6. iterációban a 275 videó egyetlen
 * lapon volt (nincs lapozó), a lapozást a page 510 Elementor-beállítása adja
 * (`posts_per_page: 48`, `pagination_type: numbers`).
 */

:is(body.archive, body.search-results, body.blog, body.page-id-510) .elementor-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	align-items: center;
	margin-top: var(--v2-space-6) !important;
}

:is(body.archive, body.search-results, body.blog, body.page-id-510) .elementor-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	margin: 0 !important; /* az Elementor 5 px-es :not() szabályai helyett `gap` */
	background-color: var(--v2-surface);
	border: 1px solid var(--v2-line-strong);
	border-radius: var(--v2-r-sm);
	color: var(--v2-navy) !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

:is(body.archive, body.search-results, body.blog, body.page-id-510) .elementor-pagination a.page-numbers:hover,
:is(body.archive, body.search-results, body.blog, body.page-id-510) .elementor-pagination a.page-numbers:focus {
	background-color: var(--v2-n-50) !important;
	border-color: var(--v2-navy);
	color: var(--v2-navy) !important;
}

:is(body.archive, body.search-results, body.blog, body.page-id-510) .elementor-pagination .page-numbers.current {
	background-color: var(--v2-navy) !important;
	border-color: var(--v2-navy) !important;
	color: var(--v2-on-dark) !important;
}

:is(body.archive, body.search-results, body.blog, body.page-id-510) .elementor-pagination .page-numbers.dots {
	min-width: 24px;
	padding: 0;
	background-color: transparent !important;
	border-color: transparent !important;
}

/* --- 8.6 Oldal (body.page) ---------------------------------------------- */

body.page .elementor-element-ce6127c .elementor-widget-text-editor,
body.page .elementor-element-ce6127c .elementor-widget-html {
	font-size: 17px;
	line-height: 1.7;
	color: var(--v2-text);
}

body.page .elementor-element-ce6127c h2,
body.page .elementor-element-ce6127c h3 {
	font-family: var(--v2-font-head) !important;
	color: var(--v2-navy) !important;
	line-height: 1.25;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

body.page .elementor-element-3212d9f .elementor-heading-title {
	font-size: 26px !important;
	line-height: 1.25 !important;
	color: var(--v2-navy) !important;
}

/* A jobb oldali CTA-oszlop kártyába emelve, hogy ne „lebegjen" a fehérben. */
body.page .elementor-element-0926a95 {
	background-color: var(--v2-surface) !important;
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-lg);
	padding: var(--v2-space-5) !important;
	box-shadow: var(--v2-shadow-1);
}

body.page .elementor-element-0926a95 .elementor-button {
	border-radius: var(--v2-r-pill) !important;
	background-color: var(--v2-navy) !important;
	color: var(--v2-on-dark) !important;
	border: 0 !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	padding: 14px 26px !important;
	transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

body.page .elementor-element-0926a95 .elementor-button:hover,
body.page .elementor-element-0926a95 .elementor-button:focus {
	background-color: var(--v2-accent) !important;
	color: var(--v2-on-accent) !important;
	transform: translateY(-1px);
}

/* --- 8.7 Reszponzív ----------------------------------------------------- */

/* A §8.7 reszponzív blokkjai (1024 / 767 / 600 px) a §11 MOBIL RÉTEG-be
 * kerültek a fájl végére — 9. iteráció, 2026-10-30. A desktop-alapszabályok
 * (§8.7 és §8.8) VÁLTOZATLANUL itt maradtak. */

/* --- 8.8 Megosztás-gombok (cikk-fejléc) ---------------------------------- */

/*
 * 5. ITERÁCIÓ (2026-10-05) — a tördelés javítása. A cikk-fejléc 960 px-es sávjában a hat
 * gomb egyenként 197 px volt, ezért csak négy fért egy sorba, és a „Nyomtat" a második
 * sorba tört (a blokk 156 px = két sor). Az összetevő (mérve): ikon-konténer 63 px +
 * szöveg 107 px + 2 × 14 px belső térköz. A javítás flex-sor lett `gap`-pel és az
 * ikon-konténer valódi méretre szorításával.
 *
 * 6. ITERÁCIÓ (2026-10-06) — ÚJ KIALAKÍTÁS. A felhasználó jelzése: „a Post share
 * kialakítást … Nem tetszik ez a look." Az 5. iteráció a tördelést rendbe tette, de a hat
 * feliratos pirula egy 63 px magas, BALRA igazított „címke-felhő" maradt, aminek semmilyen
 * viszonya nem volt a cikk-fejhez. Az új kialakítás:
 *
 *   ───────────────────────────────────────────────  ← hajszálvonal (--v2-line)
 *   MEGOSZTÁS                        (f)(x)(e)(t)(vk)(🖨)   ← jobbra igazítva
 *
 *   – a sávot vékony vonal zárja le a metaadat-sor felé;
 *   – balra egy kis, ritkított, nagybetűs „Megosztás" felirat (CSS `::before`);
 *   – a hat gomb ikon-only, 40 px átmérőjű kör, egységes semleges alapon, cián hoverrel.
 *
 * MIÉRT IKON-ONLY (ez a döntés méréssel indokolt):
 *   A cím mostantól a kép alatt, a kártyában ül, ezért a fej szélessége a KÁRTYA belső
 *   szélessége (1440-en 918 px), nem a régi 960 px-es sáv. Feliratos pirulákkal:
 *   6 × ~119 px + 5 × 8 px = 754 px, plusz a „Megosztás" felirat ~110 px + 16 px térköz
 *   ≈ 880 px → 1440-en épp elférne, de 1280-on (Main 75%-a ≈ 840 px, kártya-belső ≈ 798 px)
 *   már törik. Ikon-only körökkel 6 × 40 px + 5 × 8 px = 280 px: minden nézetben egy sor.
 *
 * A FELIRAT NEM VÉSZ EL: az Elementor `aria-label`-t tesz a gombra (mérve:
 * „Megosztás itt: facebook"), a felirat-span pedig `clip-path: inset(50%)`-nel a
 * képernyőolvasóknak megmarad — csak vizuálisan rejtett.
 */
body.single .elementor-element-41f4afa {
	margin: 0 0 var(--v2-space-5) !important;
	padding-top: var(--v2-space-4);
	border-top: 1px solid var(--v2-line);
}

body.single .elementor-element-41f4afa .elementor-widget-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--v2-space-3) var(--v2-space-4);
}

/*
 * A „Megosztás" felirat SZÁNDÉKOSAN nem kap saját betűtípus-deklarációt: a `body` már
 * Interre állítja (lásd a fájl elején a body-szabályt), és ez a sáv nem kerül serif címsor
 * alá — az inheritálás tehát Intert ad.
 * A `09` kapu 11f szabálya a betűtípus-deklarációt TILTJA a widget-konténerre (bármely
 * pszeudo-elemen is), mert egy ilyen szabály az összes Font Awesome ikont elronthatná.
 * A mérés ezt igazolja: a felirat betűtípusa Inter marad (a 11-es kapu E) szakasza méri).
 */
body.single .elementor-element-41f4afa .elementor-widget-container::before {
	content: "Megosztás";
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--v2-muted);
	white-space: nowrap;
}

/*
 * MÉRT HIBA ÉS JAVÍTÁSA (2026-10-06): a sáv első deployja után a „Megosztás" felirat
 * KÜLÖN SORBA került, a gombok pedig BALRA igazodtak, holott a terv „felirat balra /
 * gombok jobbra, egy sor". A mérés szerint az `.elementor-grid` szélessége 918 px volt
 * (a kártya teljes belső szélessége), ezért a `margin-left: auto` 0 px-re oldódott fel:
 * a flex-elem már kitöltötte a sort, nem maradt kitolni való tér. A javítás a grid
 * szélességét a tartalmára szorítja (`width: auto` + `flex: 0 0 auto`), a `margin-left:
 * auto` így valóban a jobb szélre tolja.
 */
body.single .elementor-element-41f4afa .elementor-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	width: auto !important;
	flex: 0 0 auto;
	min-width: 0; /* a sor ZSUGORODHAT: keskeny kártyában nem nyomja ki a lapot */
	margin-left: auto;
}

body.single .elementor-element-41f4afa .elementor-grid-item {
	display: block;
	flex: 0 0 auto;
	min-width: 0; /* a flex-elem enged zsugorodni; a gomb mérete fix (min-width: 40px) */
}

body.single .elementor-element-41f4afa .elementor-share-btn {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	padding: 0 !important;
	flex: 0 0 auto;
	gap: 0 !important;
	justify-content: center;
	align-items: center;
	position: relative;
}

body.single .elementor-element-41f4afa .elementor-share-btn__text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	flex: 0 0 auto;
}

/* --- 8.9 Beágyazások (iframe) ------------------------------------------- */

/*
 * MÉRT HIBA ÉS JAVÍTÁSA (5. iteráció, 2026-10-05). A cikkekbe ágyazott videók
 * (88 Facebook-, 26 Instagram-beágyazás a tartalomban) levágva jelentek meg,
 * mert az iframe `width: 100%`-ra nyúlt, a magassága viszont a szerzői
 * `height` attribútumból maradt. A pontos arány-javítást az `assets/embed.js`
 * végzi (az arány az attribútumokban van, CSS-ből nem számolható).
 *
 * Az itteni szabályok biztosítékok: JS nélkül is korlátozzák a szélességet,
 * és rendezik a beágyazás külső megjelenését (lekerekítés, térköz, közép).
 */
body.single .elementor-widget-theme-post-content iframe,
body.single .elementor-widget-text-editor iframe,
.entry-content iframe {
	max-width: 100%;
}

body.single .elementor-widget-theme-post-content iframe[data-vdta-embed],
body.single .elementor-widget-text-editor iframe[data-vdta-embed],
.entry-content iframe[data-vdta-embed] {
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-md);
	margin-block: var(--v2-space-5);
	background-color: var(--v2-n-50);
}

/* ==========================================================================
   9. MOZGÁS-CSÖKKENTÉS
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	header.elementor-location-header *,
	footer.elementor-location-footer *,
	body.elementor-page-2651 .e-loop-item > a.e-con {
		animation: none !important;
		transition: none !important;
	}

	body.elementor-page-2651 .e-loop-item > a.e-con:hover {
		transform: none;
	}

	/* 8. pont: az alboldalak kártyái és gombjai (a kép-nagyítás is). */
	:is(body.archive, body.search-results, body.blog, body.single, body.page) .elementor-post,
	:is(body.archive, body.search-results, body.blog, body.single, body.page) .elementor-post__thumbnail img,
	:is(body.page, body.single) .elementor-button {
		transition: none !important;
	}

	:is(body.archive, body.search-results, body.blog, body.single, body.page) .elementor-post:hover,
	:is(body.page) .elementor-button:hover {
		transform: none !important;
	}

	/*
	 * KIVÉTEL (5. iteráció, 2026-10-05). A fenti `transform: none` a bélyegkép-képre
	 * is hatott, és ezzel az Elementor `translate(-50%, -50%)` központosítását is
	 * elvette → reduced-motion beállításnál hoverre a kép elugrott (ugyanaz a hiba,
	 * mint a nagyításnál). Itt az Elementor ALAP-állapotát állítjuk vissza: se nagyítás,
	 * de a középre igazítás megmarad.
	 */
	:is(body.archive, body.search-results, body.blog, body.single, body.page) .elementor-post:hover .elementor-post__thumbnail img {
		transform: scale(1.01) translate(-50%, -50%) !important;
	}

	header.elementor-location-header .elementor-nav-menu--main .elementor-item::after {
		transition: none;
	}
}

/* ==========================================================================
   10. VIDEÓK OLDAL (/videok/, body.page-id-510)
   ==========================================================================
 *
 * KIINDULÁS (MÉRVE 2026-10-05, dev, 1440 px, headless Chrome + CDP). A /videok/
 * a 6. iterációig a régi dizájnt használta, három ponton:
 *
 *   1. OLDALCÍM (9ae0e7e) — „Videók": 45 px, `#16163F`, a widget-konténeren
 *      `border-left: 4px solid #0FD6D9` + `padding-left: 24px`. Vagyis volt cián
 *      jelző, de MÁS formában (bal oldali sáv), mint az archívumon (§8.4: a cím
 *      fölötti 64×4 sáv), és a szöveg mérete/színe sem egyezett.
 *
 *   2. SZŰRŐ-CHIPEK (8f0d75d, taxonómia: „show") — 7 db `button.e-filter-item`,
 *      „Fira Sans Condensed" 15 px, `text-transform: uppercase`, 0 px lekerekítés,
 *      `padding: 8px`, navy háttér (`--e-global-color-f0d21b2`) fehér szöveggel.
 *      A mért sor: y 319–352 (33 px magas), a konténer 1300 px.
 *
 *   3. KÁRTYÁK (083db85 loop-grid, sablon 9285) — 275 db `e-loop-item`, CSONTATLAN:
 *      a mért kártyán `background-color: rgba(0,0,0,0)`, `border: 0`,
 *      `border-radius: 0`, `box-shadow: none`, `overflow: visible`. Csak a kép és a
 *      cím lebegett a szürke háttéren. A rács: 4 hasáb × 310 px, `column-gap: 20px`,
 *      `row-gap: 30px`, kártya 310×311 (kép 310×194 + 15 px térköz + cím ~61 px).
 *
 *   ARÁNY-MÉRÉS: a 275 bélyegkép közül 268 db 400×250 (8:5 = 1,60), 7 db 1536×1024
 *   (3:2 = 1,50). Emiatt a 7 kártya képe 13 px-zel magasabb lett volna, mint a többi
 *   (206,7 px a 193,75 px helyett) — ezért a képet az alábbiakban FIX 8:5 arányra
 *   kötjük (`object-fit: cover`), így a rácssorok egyenletesek.
 *
 * MIT TESZ EZ A SZAKASZ
 *   Ugyanazt a fejléc- és kártya-nyelvet adja a /videok/-nak, mint az archívumnak
 *   (§8.3/§8.4/§8.5), hogy a három listaoldal (archívum, /hirek/, /videok/) egy
 *   rendszernek látsszon. A 275 kártya egyetlen lapon való felsorolása helyett a
 *   lapozást a page 510 Elementor-beállítása adja (48 kártya/oldal) — az CSS csak
 *   a megjelenést rendezi.
 */

/* 10.1 Oldalfej — a §8.4 nyelvén: cián jelzősáv a cím FÖLÖTT, navy, 42 px. */
body.page-id-510 .elementor-element-9ae0e7e > .elementor-widget-container {
	padding-left: 0 !important;
	border-left-width: 0 !important;
}

body.page-id-510 .elementor-element-9ae0e7e .elementor-heading-title::before {
	content: "";
	display: block;
	width: 64px;
	height: 4px;
	margin-bottom: 14px;
	border-radius: var(--v2-r-pill);
	background-color: var(--v2-accent);
}

body.page-id-510 .elementor-element-9ae0e7e .elementor-heading-title {
	font-size: 42px !important;
	line-height: 1.12 !important;
	letter-spacing: -0.015em;
	text-wrap: balance;
	color: var(--v2-navy) !important;
}

/* 10.2 Szűrő-chipek — a §8.5 lapozó-chipek nyelvén (a törzs-taxonómia szerint). */
body.page-id-510 .elementor-element-8f0d75d .e-filter-item {
	font-family: var(--v2-font) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.01em;
	text-transform: none !important;
	color: var(--v2-navy) !important;
	background-color: var(--v2-surface) !important;
	border: 1px solid var(--v2-line-strong) !important;
	border-radius: var(--v2-r-pill) !important;
	padding: 9px 18px !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

body.page-id-510 .elementor-element-8f0d75d .e-filter-item:hover:not([aria-pressed="true"]),
body.page-id-510 .elementor-element-8f0d75d .e-filter-item:focus-visible:not([aria-pressed="true"]) {
	background-color: var(--v2-n-50) !important;
	border-color: var(--v2-navy) !important;
	color: var(--v2-navy) !important;
}

body.page-id-510 .elementor-element-8f0d75d .e-filter-item[aria-pressed="true"] {
	background-color: var(--v2-navy) !important;
	border-color: var(--v2-navy) !important;
	color: var(--v2-on-dark) !important;
}

/* 10.3 Kártyák — ugyanaz a kártya-nyelv, mint a §8.3-ban. */
body.page-id-510 .elementor-element-083db85 .e-loop-item {
	background-color: var(--v2-surface);
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-md);
	overflow: hidden;
	box-shadow: var(--v2-shadow-1);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.page-id-510 .elementor-element-083db85 .e-loop-item:hover {
	transform: translateY(-3px);
	box-shadow: var(--v2-shadow-2);
	border-color: var(--v2-n-200);
}

/* A kép a kártya teljes szélességében; a sarkot a kártya `overflow: hidden`-je vágja. */
body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-65a6287 {
	border-bottom: 1px solid var(--v2-line);
}

/* MÉRT RÉS (2026-10-05): a képwidget konténere 200 px magas lett a 192,5 px-es kép
 * alatt/alatt — a kép inline `<a>`-ba kerül, és a sor-doboz leszálló-része (7,5 px)
 * megnyújtotta a konténert. `line-height: 0` + `display: block` zárja le. */
body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-65a6287 .elementor-widget-container {
	line-height: 0;
}

body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-65a6287 a {
	display: block;
}

body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-65a6287 img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 8 / 5;
	object-fit: cover;
	background-color: var(--v2-n-50);
}

/* 10.4 Cím a kártyán belül. Legfeljebb 3 sor, hogy a rácssorok egyenletesek legyenek. */
body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-bcaf541 > .elementor-widget-container {
	padding: 0 16px 16px !important;
}

body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-bcaf541 .elementor-heading-title {
	font-size: 17px !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	color: var(--v2-navy) !important;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-bcaf541 .elementor-heading-title a {
	color: inherit !important;
}

body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-bcaf541 .elementor-heading-title a:hover,
body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-bcaf541 .elementor-heading-title a:focus {
	color: var(--v2-navy-2) !important;
}

/* A §10.5 reszponzív blokkja (1024 / 767 px) a §11.4-be került a fájl végére —
 * 9. iteráció, 2026-10-30. */

/* 10.6 Mozgás-csökkentés — a kártya-emelés és az Elementor „grow" nagyítása is ki. */
@media (prefers-reduced-motion: reduce) {
	body.page-id-510 .elementor-element-083db85 .e-loop-item,
	body.page-id-510 .elementor-element-083db85 .e-loop-item img,
	body.page-id-510 .elementor-element-8f0d75d .e-filter-item {
		transition: none !important;
	}

	body.page-id-510 .elementor-element-083db85 .e-loop-item:hover {
		transform: none !important;
	}

	body.page-id-510 .elementor-element-083db85 .e-loop-item:hover img,
	body.page-id-510 .elementor-element-083db85 .e-loop-item img.elementor-animation-grow:hover {
		transform: none !important;
	}
}

/* ============================================================================
 * §11  MOBIL RÉTEG (360–1024 px) — 9. iteráció, 2026-10-30
 * ============================================================================
 * MIÉRT VAN MINDEN max-width SZABÁLY EGY HELYEN: korábban a reszponzív blokkok a
 * saját szakaszukban (§3 fejléc, §8.7 cikk, §10.5 /videok/) ültek, VEGYESEN a
 * desktop-alapszabályokkal. Ez forrás-sorrend csapda volt: azonos specificitásnál
 * a KÉSŐBB szabály nyer, ezért egy médiakérdés csak `!important`-tal tudott
 * érvényesülni — a §8.7-ben ez dokumentálva is van („FONTOS: !important kell,
 * mert a §8.8 alap-szabálya a fájlban KÉSŐBB jön").
 *
 * A 9. iterációban MINDEN `max-width` médiakérdés ide, a fájl VÉGÉRE került:
 * VÁLTOZATLAN tartalommal és VÁLTOZATLAN egymás közti sorrenddel. Így
 *   – a mobil/tablet felülírás forrás-sorrendből adódóan is nyer,
 *   – a réteg egy helyen olvasható és bővíthető (ez lesz a mobil újratervezés helye),
 *   – a ≥768 px-es nézetet az áthelyezés NEM érinti: ott ezek a blokkok nem aktívak.
 *     (A `max-width: 1024px` blokkok 1024 px-en aktívak — ezt a 14-es kapu méri.)
 *
 * A SORREND SZÁMÍT: a szűkebb szélesség később jön (1024 → 767 → 600).
 * ŐR: bash scripts/audit/14-mobile-layout.sh  (WIDTHS=...,768,1024)
 * ========================================================================= */

/* --- 11.1 Tablet sáv (768–1024 px) -------------------------------------- */

/* Tablet: három egyenlő oszlop — így a logó itt is a sáv közepén ül. */
@media (min-width: 768px) and (max-width: 1024px) {
	header.elementor-location-header .elementor-element-914a0f2,
	header.elementor-location-header .elementor-element-ac4af22,
	header.elementor-location-header .elementor-element-c50f01f {
		width: 33.333% !important;
		max-width: 33.333% !important;
	}
}

/* A §3.3 hivatkozás-pár 44 px érintőfelülete TABLETIG (<= 1024 px). A 12 px-es
 * szöveg a vonalat nem magasítja — csak a kattintható dobozt. A 14-es kapu C)
 * szakasza a <= 767 px-es sávot méri; a tablet a valódi érintés miatt kapja. */
@media (max-width: 1024px) {
	header.elementor-location-header .elementor-element-89b56ae a {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 44px !important;
		padding: 0 2px !important;
	}
}

/* --- 11.2 Fejléc mobilon (< 768 px) ------------------------------------- */

/* Mobil (< 768 px): mindhárom oszlop TELJES széles, és a LOGÓ kerül legfelülre.
 * MÉRVE 2026-10-06 (390 px, végleges állapot): így a logó KÖZEPE pontosan a sáv
 * közepén ül (delta +0,5 px; a logó x=139..252 a 10..380-as sávban), a
 * dátum/névnap egy sorba kerül, és nincs vízszintes túlcsordulás (overflowX = 0).
 * ÁRA / HASZNA: a utility-sáv 236 → 260 px (+24 px), mert az oszlopok egymás alá
 * kerülnek ÉS a nyelvváltó is megjelenik a logó alatt — a FEJLÉC viszont összesen
 * 367 → 357 px (−10 px), mert a hírszalag 93 → 59 px-re szűkült (C3/T2).
 * (Az „50%/50%" osztott változatnál a logó 93 px-re csúszott a sáv közepétől.) */
@media (max-width: 767px) {
	header.elementor-location-header .elementor-element-914a0f2,
	header.elementor-location-header .elementor-element-ac4af22,
	header.elementor-location-header .elementor-element-c50f01f {
		width: 100% !important;
		max-width: 100% !important;
	}

	header.elementor-location-header .elementor-element-ac4af22 {
		order: -1;   /* a logó-sáv legfelülre */
	}

	/* Megnövelt fajsúly: a §3 logó-szabálya később jön `!important`-tal,
	   ezért azonos fajsúllyal az NYERNE — a mobilon így 48 px maradna. */
	header.elementor-location-header .elementor-element-ac4af22 .elementor-element-5419401 img {
		height: 40px !important;
	}

	/* A §3.3 meta-vonal mobilon: KÖZÉPRE igazítva (a logó is középen ül), és a
	   két hivatkozás 44 px érintőfelületet kap. A 44 px a LÁTHATÓ szöveget nem
	   nagyítja — csak a kattintható dobozt, ezért a vonal 12 px-es marad, a
	   sáv pedig a korábbi 24 px-es pirula-sor + 2 px hézag helyére kerül, azaz
	   a fejléc NEM lesz magasabb (a 14-es kapu B) szakasza méri). */
	header.elementor-location-header .elementor-element-914a0f2 > .elementor-widget-wrap {
		justify-content: center !important;
		row-gap: 0 !important;
	}

	/* A hivatkozás-sor a logóhoz igazodva KÖZÉPRE kerül (a wrap `justify-content`
	   csak a sorok elrendezését adja, a hivatkozás-sáv teljes széles doboz, ezért
	   a szöveget külön kell középre tenni). */
	header.elementor-location-header .elementor-element-89b56ae > .elementor-widget-container {
		text-align: center !important;
	}
}

/* --- 11.1b Keskeny sáv: a kereső kategória-választója rejtve (768–1099) -- */

/*
 * MÉRVE 2026-10-30 (CDP): a kereső oszlopa a tablet három 33,33%-os oszlopa
 * miatt 341 px (1024) / 256 px (768) — a sáv (form) 315 / 229 px. Ehhez jön a
 * választó saját, Elementor-tablet szélessége (162 px; desktopon 126 px) és a
 * 44 px-es gomb:
 *     768 px: 229 − 162 − 44 =  22 px mező  → olvashatatlan
 *    1024 px: 315 − 162 − 44 = 109 px mező
 *    1025 px: 297 − 127 − 44 = 126 px mező  (a §11.1 itt már nem él, de a
 *                                             oszlop még nem érte el a 340 px-t)
 * A sáv 340 px-re a nézet ~1100 px-nél hízik (0,3333 × 1100 − 26 ≈ 340), és
 * EKKOR lesz a mező a tervezett 169 px. Ezért a választó csak ≥ 1100 px-en
 * jelenik meg: ott 169 px mező jut rá; a tablet sávban (768/1024) pedig 185 /
 * 271 px mező marad — a sáv tiszta `[mező | gomb]` pirula. A teljes szélességű
 * mobil sávban (< 768 px) a választó 136 px-re korlátozva VÉGIG látszik.
 *
 * NYITOTT DÖNTÉS (a felhasználóé): a másik megoldás a tablet sáv TELJES
 * SZÉLESSÉGŰ második sora lenne (a márka-sáv `flex-wrap: wrap`-pel) — az a
 * fejlécet 768 px-en ~50 px-rel magasítaná, a logót pedig a jobb fél közepére
 * csúsztatná, hacsak a meta-oszlop abszolút pozíciót nem kap. Ezért most a
 * kisebb kockázatú változat él.
 */
@media (min-width: 768px) and (max-width: 1099px) {
	header.elementor-location-header .jet-ajax-search__categories {
		display: none !important;
	}
}

/* --- 11.2b Kereső-sáv mobilon (< 768 px) -------------------------------- */

/* A 10. iteráció mérése (10.1): a sáv mindhárom szelete EGY magasságot vesz fel.
 * Mobilon ez 44 px — érintőfelület (a 14-es kapu `MOB_TAP_MIN=44`), a feliratok
 * mérete nem nő. Csak a tokent írjuk felül; a §3 kereső-szabályai változatlanul
 * érvényesek, mert a kategória-panel `top: 100%`-re, a caret `top: 50%`-re
 * igazodik (nem fix px-re) — a magasság tehát szabadon változhat.
 *
 * A választó Elementor-mobil szélessége 162 px, a sáv 340 px → a mező 133 px-re
 * szorult. A felirat („Kategóriák", 14 px) viszont csak ~116 px-t igényel, ezért
 * 136 px-re korlátozzuk: a felirat VÁGÁS NÉLKÜL befér, a mező pedig 133 → 160 px. */
@media (max-width: 767px) {
	header.elementor-location-header .jet-ajax-search {
		--v2-search-h: 44px;
	}

	header.elementor-location-header .jet-ajax-search__categories {
		max-width: 136px !important;
	}

	header.elementor-location-header .jet-ajax-search__categories .chosen-container {
		max-width: 100% !important;
	}
}

/* --- 11.3 Cikk + archívum (a korábbi §8.7 reszponzív blokkja) ----------- */

@media (max-width: 1024px) {
	body.single .elementor-element-5ccda5e .elementor-heading-title {
		font-size: 46px !important;
	}

	/* A „Megosztás" felirat a gombok FÖLÉ kerül, a gombok BALRA igazodnak: a felirat
	   így a saját tartalmát címkézi, és a 6 kör keskeny kártyában is egy sorban elfér. */
	body.single .elementor-element-41f4afa .elementor-widget-container::before {
		flex: 0 0 100%;
	}

	/* FONTOS: `!important` kell, mert a §8.8 alap-szabálya (`margin-left: auto`) a
	   fájlban KÉSŐBB jön, mint ez a §8.7 médiakérdés — azonos specificitásnál a
	   forrás-sorrend dönt, és a `margin-left: auto` nyerne (MÉRVE: 768-on 209 px,
	   390-en 48 px lett a bal margó, a gombok jobbra csúsztak). */
	body.single .elementor-element-41f4afa .elementor-grid {
		margin-left: 0 !important;
	}

	:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-19d0b5a .elementor-heading-title,
	:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-68e0ce15 .elementor-heading-title,
	:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-cd10036 .elementor-heading-title {
		font-size: 32px !important;
	}
}

@media (max-width: 767px) {
	body.single .elementor-element-5ccda5e .elementor-heading-title {
		font-size: 32px !important;
		line-height: 1.12 !important;
		letter-spacing: -0.018em;
	}

	body.single .elementor-element-2b97242 {
		margin-bottom: var(--v2-space-4) !important;
	}

	/* HALOTT SZABÁLY TÖRÖLVE (2026-10-06, a 11-es kapu E) szakasza MÉRTE):
	   itt korábban `width: 38px !important` állt a megosztás-gombokra. Ez a §8.7
	   médiakérdés a fájlban KORÁBBAN van, mint a §8.8 alap-szabálya (`width: 40px
	   !important`), és azonos specificitásnál a forrás-sorrend dönt — ezért a 38 px
	   SOHA nem érvényesült (a kapu 390 px-en is 40×40 px-et mért). A gomb minden
	   nézetben 40 px: ez jobb érintési cél, és nem ütközik a saját alap-szabályával. */

	body.single .elementor-348 .elementor-element-7d2068f {
		padding-top: var(--v2-space-4) !important;
		padding-bottom: var(--v2-space-5) !important;
	}

	body.single .elementor-element-eb97468 .elementor-widget-container {
		font-size: 18px;
		line-height: 1.68;
	}

	:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-e53a94d,
	:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-5eda0e87,
	:is(body.archive, body.search-results, body.blog, body.page) .elementor-element-b550d4a {
		padding: var(--v2-space-4) !important;
	}
}

/*
 * MÉRT MOBIL-HIBA (2026-10-05, 390 px): a 2 hasábos rácsozás
 *   – archívum/kereső: ~195 px kártya, 42 %-os BAL bélyegképpel → ~82 px kép;
 *   – kapcsolódó sáv (7143d63): `grid-template-columns: 177.5px 177.5px`, a bélyegkép
 *     ugyan a kártya tetején van, de 178 px-en egy 17 px-es cím ~10-11 karakter/sor.
 * Mindkettő egy hasábra vált; a bélyegkép a kártya tetejére kerül. Ez a kapcsolódó
 * sávnál NEM új geometria: a desktop is egy hasáb, a képpel felül (mért: 320 px, kép
 * felül) — csak a szélesség lesz 360 px.
 */
@media (max-width: 600px) {
	:is(body.archive, body.search-results, body.blog) .elementor-posts-container,
	body.single .elementor-element-7143d63 .elementor-posts-container {
		grid-template-columns: 1fr !important;
	}

	:is(body.archive, body.search-results, body.blog) .elementor-posts--thumbnail-left .elementor-post {
		flex-direction: column;
	}

	:is(body.archive, body.search-results, body.blog) .elementor-post__thumbnail__link {
		width: 100% !important;
		margin-right: 0 !important;
	}

	:is(body.archive, body.search-results, body.blog) .elementor-post__title,
	:is(body.archive, body.search-results, body.blog) .elementor-post__title a {
		font-size: 20px !important;
	}
}

/* --- 11.4 /videok/ oldal (a korábbi §10.5 reszponzív blokkja) ----------- */

/* 10.5 Reszponzív — a rács 1024 px-en 3, 767 px-en 2 hasáb (az Elementor adja). */
@media (max-width: 1024px) {
	body.page-id-510 .elementor-element-9ae0e7e .elementor-heading-title {
		font-size: 32px !important;
	}
}

@media (max-width: 767px) {
	body.page-id-510 .elementor-element-9ae0e7e .elementor-heading-title {
		font-size: 26px !important;
	}

	body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-bcaf541 > .elementor-widget-container {
		padding: 0 var(--v2-space-3) var(--v2-space-3) !important;
	}

	body.page-id-510 .elementor-element-083db85 .e-loop-item .elementor-element-bcaf541 .elementor-heading-title {
		font-size: 15px !important;
	}
}

/* ============================================================================
 * 11.5  A 14-es kapuval MÉRT mobil-hibák javítása — 9. iteráció, 2026-10-30
 * ============================================================================
 * Minden itteni szabály egy MÉRT hibát zár le. A mérés: scripts/audit/14-mobile-layout.sh
 * (C szakasz = érintőfelületek, G szakasz = lábléc).
 */

/*
 * MÉRT HIBA (2026-10-30, 390 px): a lábléc támogatási blokkjában (01af5eb) három
 * `a.copy-text` link — a SWIFT/BIC kód és a két belföldi számlaszám — 19 px magas
 * volt, azaz mobilon alig eltalálható. Ezek VÁGÓLAPRA MÁSOLÓ linkek, tehát
 * kifejezetten gyakran kell rájuk kattintani.
 *
 * A MEGOLDÁS: a link INLINE marad (a „HUF:", „EUR:", „SWIFT/BIC kód:" felirat
 * ugyanabban a sorban marad mellette), de függőleges belső térrel 44 px fölé
 * kerül — a `min-height` a láthatatlan találati felületet növeli, a betűkép
 * változatlan. ÁRA: a támogatási blokk mobilon ~3 × 25 px-rel magasabb.
 * MÉRVE a javítás után: 44 px (a kapu C szakasza).
 */
@media (max-width: 767px) {
	footer.elementor-location-footer a.copy-text {
		display: inline-block;
		min-height: 44px;
		padding: 12px 0;
		line-height: 1.4;
		vertical-align: middle;
	}
}

/*
 * 11.6  A főoldali LINKBLOKK mobilon — 13. iteráció, 2026-10-30
 * ============================================================================
 * Az Elementor `flex_direction_mobile: column` beállítása irányítja a tördelést, de a
 * desktop `flex: 1 1 0` OSZLOP-irányban a MAGASSÁGRA vonatkozna (a `flex-basis: 0` a
 * tartalmat összenyomhatja), ezért itt visszaállítjuk tartalom-vezérelt méretre.
 */
@media (max-width: 767px) {
	body.elementor-page-2651 .elementor-element-b5c7feb > .elementor-element {
		flex: 0 0 auto;
		width: 100%;
	}
}

/*
 * 11.7  A fejléc IDŐJÁRÁSA mobilon — 14. iteráció, 2026-10-30
 * ============================================================================
 * A felhasználó döntése (2026-10-30): mobilon RÖVID forma — ikon + fok, a „C”
 * elmarad. Indok: a 2. sorban a hivatkozás-pár érintőfelülete 44 px magas, és a
 * kolumna mobilon ~330 px; a „12 °C” helyett „12°” ~7 px-rel keskenyebb, és a
 * sor így semmilyen mért szélességen nem tördelődik újra.
 *
 * A popover mobilon értelmetlen (nincs hover), ezért nem is rajzoljuk ki — a
 * `title` attribútum viszont megmarad, azt az OS hosszú nyomásra megmutatja.
 */
@media (max-width: 767px) {
	.vdta-wx {
		min-width: 0;
		gap: 5px;
	}

	.vdta-wx__unit {
		display: none;
	}

	.vdta-wx__icon {
		width: 18px;
		height: 18px;
		flex-basis: 18px;
	}

	.vdta-wx::after {
		display: none;
	}
}