/*!
* 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"
* .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;
}
/* --- Dátum és névnap --- */
/*
* A dátum két spanban jött: 2026. feketén és
* október 5. khakiban. Fekete a sötét sávon = olvashatatlan.
* Most: a nap fehér és félkövér, a többi halvány fehér — így a dátum adja az elsődleges
* vizuális horgonyt, a névnap másodlagos.
*/
header.elementor-location-header .elementor-element-32f8ec4 .left {
color: var(--v2-on-dark) !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
}
header.elementor-location-header .elementor-element-32f8ec4 .right {
color: var(--v2-on-dark-muted) !important;
font-weight: 500 !important;
}
header.elementor-location-header .elementor-element-32f8ec4 {
font-size: 15px !important;
line-height: 1.45 !important;
}
header.elementor-location-header .elementor-element-e822b25 {
color: var(--v2-on-dark-muted) !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
header.elementor-location-header .elementor-element-e822b25 .elementor-shortcode {
color: var(--v2-on-dark-muted) !important;
}
/* --- Belépés / Regisztráció: pill-gombok --- */
header.elementor-location-header .elementor-element-89b56ae a {
display: inline-block;
color: var(--v2-on-dark) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1 !important;
padding: 6px 12px !important;
margin-right: 6px;
border: 1px solid rgba(255, 255, 255, 0.32);
border-radius: var(--v2-r-pill);
text-decoration: none !important;
transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
header.elementor-location-header .elementor-element-89b56ae a:hover,
header.elementor-location-header .elementor-element-89b56ae a:focus {
background-color: var(--v2-accent) !important;
border-color: var(--v2-accent) !important;
color: var(--v2-on-accent) !important;
}
/* --- 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;
}
header.elementor-location-header .elementor-element-5419401 img {
display: block;
width: auto !important;
max-width: 100%;
height: 64px !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;
}
header.elementor-location-header .elementor-social-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
font-size: 16px !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: 15px !important;
height: 15px !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).
*/
header.elementor-location-header .jet-ajax-search__field-wrapper {
background-color: var(--v2-surface) !important;
border-radius: var(--v2-r-pill) 0 0 var(--v2-r-pill) !important;
overflow: hidden;
}
header.elementor-location-header .jet-ajax-search__field {
background-color: transparent !important;
color: var(--v2-ink) !important;
font-size: 14px !important;
padding: 10px 16px !important;
height: 40px !important;
}
header.elementor-location-header .jet-ajax-search__field::placeholder {
color: var(--v2-muted) !important;
}
header.elementor-location-header .jet-ajax-search__categories {
background-color: var(--v2-surface) !important;
border-radius: 0 !important;
color: var(--v2-ink) !important;
font-size: 13px !important;
border-left: 1px solid var(--v2-line) !important;
}
header.elementor-location-header .jet-ajax-search__submit {
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: 40px !important;
transition: background-color 0.18s ease;
}
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: 40px !important;
font-size: 13px !important;
}
header.elementor-location-header .jet-ajax-search__categories .chosen-single {
position: relative;
display: flex !important;
align-items: center !important;
height: 40px !important;
line-height: 1 !important;
padding: 0 30px 0 14px !important;
background-color: var(--v2-surface) !important;
color: var(--v2-navy) !important;
border: 0 !important;
border-right: 1px solid var(--v2-line) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
header.elementor-location-header .jet-ajax-search__categories .chosen-single span {
color: var(--v2-navy) !important;
margin: 0 !important;
line-height: 1 !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;
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.
*/
header.elementor-location-header .elementor-element-d4c23e0 {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin-left: 22px !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: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !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: flex-start;
gap: 5px;
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: 30px;
height: 30px;
padding: 0 !important;
overflow: hidden;
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: 18px;
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 9 fő menüpont és a külön „📹 Videók" widget EGYFORMÁJÚ megjelenést kap:
* 700-as félkövér, csupa nagybetűs, ritkított betűköz — ez adja a 2026-os
* hírportál-jelleget.
*
* ⚠ MÉRÉS-VEZÉRELT MÉRETEZÉS — miért van három 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 lenne,
* azaz a sor KÉT SORBA TÖRNE. 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):
*
* 1180–1299 px: 13 px / 13px 8px / 0.01em → 972 px (maradék ≥56 px)
* ≥1300 px: 13 px / 13px 12px / 0.03em → 1068 px (maradék ≥66 px)
* 1025–1179 px: 12 px / 13px 5px / 0.01em → 855 px (maradék ≥37 px)
*
* A 12 px-es fokozat csak a szűk asztali sávban él; 1180 px fölött
* visszaáll a 13 px. A legkisebb maradék 37 px — ennyivel kell
* elmozdulnia a Videók-gombnak vagy nőnie a betűnek ahhoz, hogy törjön.
* 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: 12px;
font-family: var(--v2-font) !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.03em;
text-transform: uppercase !important;
padding: 13px 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;
}
/* A külön „📹 Videók" widget: ugyanaz a ritmus, de vizuálisan elkülönítve (a sáv jobb széle). */
header.elementor-location-header .elementor-element-aaa3ecd {
margin-left: auto;
}
header.elementor-location-header .elementor-element-aaa3ecd .elementor-nav-menu--main .elementor-item {
background-color: rgba(255, 255, 255, 0.1) !important;
}
header.elementor-location-header .elementor-element-aaa3ecd .elementor-nav-menu--main .elementor-item:hover,
header.elementor-location-header .elementor-element-aaa3ecd .elementor-nav-menu--main .elementor-item:focus {
background-color: var(--v2-accent) !important;
color: var(--v2-on-accent) !important;
}
/*
* Szűk asztali nézet (1180–1299 px): a csupa nagybetű + ritkított betűköz
* szélesíti a sorokat, ezért itt visszaveszünk a paddingból és a betűközből.
* Mérve: 972 px széles sor, ≥56 px maradék.
*/
@media (min-width: 1180px) and (max-width: 1299px) {
header.elementor-location-header .elementor-nav-menu--main .elementor-item {
letter-spacing: 0.01em;
--v2-nav-pad-x: 8px;
}
}
/*
* A legszűkebb asztali sáv (1025–1179 px): itt 855 px a sor, ≥37 px maradékkal.
* 12 px-es fokozat — ez a legkisebb méret, amit a menü kap; 1180 px fölött
* visszaáll a 13 px. (1024 px alatt úgyis hamburger van.)
*/
@media (min-width: 1025px) and (max-width: 1179px) {
header.elementor-location-header .elementor-nav-menu--main .elementor-item {
font-size: 12px !important;
letter-spacing: 0.01em;
--v2-nav-pad-x: 5px;
}
}
/* --- 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);
}
/*
* 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.
*/
.elementor-element-c4daec1 .wb-breaking-news-ticker {
border: 0 !important;
border-radius: var(--v2-r-sm) !important;
overflow: hidden;
background-color: transparent !important;
}
/*
* 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.
*/
.elementor-element-c4daec1 .bn-controls button {
background-color: transparent !important;
border: 0 !important;
border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
color: var(--v2-on-dark) !important;
transition: background-color 0.18s ease;
}
.elementor-element-c4daec1 .bn-controls button:hover,
.elementor-element-c4daec1 .bn-controls button:focus {
background-color: rgba(255, 255, 255, 0.14) !important;
}
.elementor-element-c4daec1 .bn-controls svg,
.elementor-element-c4daec1 .bn-controls svg * {
fill: var(--v2-on-dark) !important;
}
.elementor-element-c4daec1 .bn-pause::before,
.elementor-element-c4daec1 .bn-pause::after {
background-color: var(--v2-on-dark) !important;
}
.elementor-element-c4daec1 .bn-arrow::after {
border-color: var(--v2-on-dark) !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: var(--v2-on-dark) !important;
}
.elementor-element-c4daec1 .bn-play::after {
border-left-color: var(--v2-on-dark) !important;
}
.elementor-element-c4daec1 .wbnt-el-label,
.elementor-element-c4daec1 .bn-label {
border-radius: var(--v2-r-sm) !important;
background-color: var(--v2-red-2) !important;
color: var(--v2-on-dark) !important;
font-weight: 700 !important;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 0 12px !important;
}
.elementor-element-c4daec1 a,
.elementor-element-c4daec1 .wbnt-el-title,
.elementor-element-c4daec1 .bn-title,
.elementor-element-c4daec1 .wbnt-el-hours {
color: var(--v2-on-dark) !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);
}
/* ==========================================================================
7. LÁBLÉC
========================================================================== */
footer.elementor-location-footer {
background-color: var(--v2-n-900);
color: var(--v2-on-dark);
}
footer.elementor-location-footer .elementor-element-028dec4,
footer.elementor-location-footer .elementor-element-2f3626c {
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 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 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 cím: nagyobb, szorosabb sorköz, kiegyensúlyozott tördelés. */
body.single .elementor-element-5ccda5e .elementor-heading-title {
font-size: 46px !important;
line-height: 1.14 !important;
letter-spacing: -0.015em;
text-wrap: balance;
color: var(--v2-navy) !important;
}
/* A cím alatti elválasztó: hosszú hajszálvonal helyett rövid cián jelzősáv. */
body.single .elementor-element-44ee9a6 .elementor-divider-separator {
width: 64px !important;
border-top-width: 3px !important;
border-top-color: var(--v2-accent) !important;
}
/* A metaadat-sor (szerző / forrás / dátum / rovat): 18 px helyett 14 px, halványítva. */
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;
}
/* A kiemelt kép: lekerekítés a keret-rendszerből. */
body.single .elementor-element-2b97242 img {
border-radius: var(--v2-r-md);
display: block;
}
/* 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). */
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;
padding: 8px 14px !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) .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) .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) .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) .elementor-post__title,
:is(body.archive, body.search-results) .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) .elementor-post__title,
:is(body.archive, body.search-results) .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) .elementor-post__title a:hover,
:is(body.archive, body.search-results) .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.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) .elementor-posts--skin-classic .elementor-post__thumbnail img,
body.single .elementor-element-7143d63 .elementor-post__thumbnail img {
transition: transform 0.3s ease;
}
:is(body.archive, body.search-results) .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);
}
/* --- 8.4 Oldalfej-sáv (archívum, kereső, oldal) -------------------------- */
:is(body.archive, body.search-results, body.page) .elementor-element-e53a94d,
:is(body.archive, body.search-results, body.page) .elementor-element-5eda0e87,
:is(body.archive, body.search-results, 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.page) .elementor-element-19d0b5a .elementor-heading-title::before,
:is(body.archive, body.search-results, body.page) .elementor-element-68e0ce15 .elementor-heading-title::before,
:is(body.archive, body.search-results, 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.page) .elementor-element-19d0b5a .elementor-heading-title,
:is(body.archive, body.search-results, body.page) .elementor-element-68e0ce15 .elementor-heading-title,
:is(body.archive, body.search-results, 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 ------------- */
:is(body.archive, body.search-results) .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) .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) .elementor-pagination a.page-numbers:hover,
:is(body.archive, body.search-results) .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) .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) .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 ----------------------------------------------------- */
@media (max-width: 1024px) {
body.single .elementor-element-5ccda5e .elementor-heading-title {
font-size: 34px !important;
}
:is(body.archive, body.search-results, body.page) .elementor-element-19d0b5a .elementor-heading-title,
:is(body.archive, body.search-results, body.page) .elementor-element-68e0ce15 .elementor-heading-title,
:is(body.archive, body.search-results, 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: 28px !important;
}
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.page) .elementor-element-e53a94d,
:is(body.archive, body.search-results, body.page) .elementor-element-5eda0e87,
:is(body.archive, body.search-results, 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) .elementor-posts-container,
body.single .elementor-element-7143d63 .elementor-posts-container {
grid-template-columns: 1fr !important;
}
:is(body.archive, body.search-results) .elementor-posts--thumbnail-left .elementor-post {
flex-direction: column;
}
:is(body.archive, body.search-results) .elementor-post__thumbnail__link {
width: 100% !important;
margin-right: 0 !important;
}
:is(body.archive, body.search-results) .elementor-post__title,
:is(body.archive, body.search-results) .elementor-post__title a {
font-size: 20px !important;
}
}
/* ==========================================================================
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.single, body.page) .elementor-post,
:is(body.archive, body.search-results, 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.single, body.page) .elementor-post:hover,
:is(body.archive, body.search-results, body.single, body.page) .elementor-post:hover .elementor-post__thumbnail img,
:is(body.page) .elementor-button:hover {
transform: none !important;
}
header.elementor-location-header .elementor-nav-menu--main .elementor-item::after {
transition: none;
}
}