/* FORBI-PLUS – csak az, amit az Elementor vezérlői nem tudnak. A színek a Kitből (CSS-változók). */

/* A 14 000+ ne törjön két sorba. */
.elementor-counter-number-wrapper { white-space: nowrap; }

/* Lábléc: a szövegszerkesztőben lévő linkek a sötétkék alapon fehérek. */
.fp-lablec-linkek a { color: rgba(255, 255, 255, .82); }
.fp-lablec-linkek a:hover { color: #fff; text-decoration: underline; }

/* Térkép lekerekítve. */
.fp-terkep iframe { border-radius: 16px; display: block; }

/* Hiányzó tartalom jelölése – átnézéskor feltűnjön. */
.fp-helykitolto { background: #fff8db; border: 2px dashed #d9a400; border-radius: 12px; padding: 18px 22px; }

/* Rács: a %-os sorköz auto magasságú konténerben 0 lenne. */
.e-con.fp-racs { row-gap: 24px !important; }

/* Számláló: a felirat a szám alatt, balra. */
.fp-stat .elementor-counter { align-items: flex-start; }
.fp-stat .elementor-counter-title { text-align: left; }

/* CTA-sáv mobilon: a szöveg a kép teljes szélességén fut, az átmenetes fátyol helyett egyenletes kell. */
@media (max-width: 767px) {
	.e-con.fp-cta::before { background-image: none !important; background-color: rgba(11, 58, 91, .88) !important; opacity: 1 !important; }
	.e-con.fp-cta-vilagos::before { background-color: rgba(255, 255, 255, .9) !important; }
}

/* Rólunk: a két vezetői kártya egyforma, asztalin legfeljebb 420 px széles. */
.fp-vezetok > .e-con { flex: 1 1 0; max-width: 420px; }
@media (max-width: 767px) { .fp-vezetok > .e-con { max-width: none; } }

/* Főoldali hero mobilon: a keskeny, magas kivágásban felül világosítunk (sötét cím), lejjebb sötétítünk (fehér célcsoportok). */
@media (max-width: 767px) {
	.e-con.fp-fohero::before { background-image: linear-gradient(180deg, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .6) 32%, rgba(11, 58, 91, .9) 46%, rgba(11, 58, 91, .92) 100%) !important; opacity: 1 !important; }
}

/* Aloldal-fej asztalin: a kép a sáv teljes magasságát kapja (nem vágódik le fent-lent), jobbra igazítva; a bal fele úgyis fehérbe fut. */
@media (min-width: 1025px) {
	.e-con.fp-alfej { background-size: auto 100% !important; background-position: right center !important; }
}

/* CTA, kép balra / szöveg jobbra (Szakterületeink). */
@media (min-width: 768px) {
	.e-con.fp-cta-jobb { padding-left: 50% !important; }
	.e-con.fp-cta-jobb > .elementor-widget-heading,
	.e-con.fp-cta-jobb > .elementor-widget-text-editor { width: 100% !important; }
}

/* Telefonszám: a számcsoportok közti szóköz ebben a betűben túl keskeny. */
a[href^="tel:"] { word-spacing: .18em; }

/* Online díjfizetés: a kártya egésze link. */
a.e-con.fp-dij { text-decoration: none; transition: box-shadow .2s, transform .2s; }
a.e-con.fp-dij:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(11, 58, 91, .14); }

/* Kép / térkép a mellette álló kártya magasságáig nyúlik (Főoldal: Bemutatkozás, Kapcsolatfelvétel–térkép–Elérhetőségek). */
@media (min-width: 1025px) {
	.e-con.fp-kitolt { position: relative; min-height: 360px; }
	.e-con.fp-kitolt > .elementor-widget { position: absolute; inset: 0; margin: 0; }
	.e-con.fp-kitolt .elementor-widget-container,
	.e-con.fp-kitolt .elementor-custom-embed { height: 100%; }
	.e-con.fp-kitolt img,
	.e-con.fp-kitolt iframe { width: 100%; height: 100% !important; object-fit: cover; }
}

/* Lábléc: a főmenü 2 oszlopban, 3-3 ponttal. */
.fp-menu-2osz ul.elementor-nav-menu { display: grid !important; grid-auto-flow: column; grid-template-rows: repeat(3, auto); column-gap: 40px; }
