/**
 * Lábléc.
 *
 * MIÉRT VAN ITT EGYÁLTALÁN STÍLUS?
 *
 * A többi modulnál az a szabály, hogy a kinézet az Elementoré. A láblécben ez
 * nem tartható: a tartalom fele shortcode (témakörlista, cím, e-mail), az
 * Elementor Shortcode widgetjének pedig egyetlen stílusbeállítása sincs. Ha a
 * tipográfiát Elementorban állítanánk, a lábléc fele követné, a másik fele nem.
 * Egy két helyre szakadt tervrendszer rosszabb, mint egy olyan, ami CSS-ben van,
 * de legalább következetes.
 *
 * Ezért a lábléc tipográfiája itt lakik – és csak akkor lép életbe, ha rátetted
 * a külső konténerre a `sfa-lablec` osztályt (Speciális fül → CSS osztályok).
 * Osztály nélkül a fájl nem csinál semmit.
 *
 * A méretek a látványtervből jönnek: kis, nagybetűs, ritkított oszlopcímek, és
 * a törzsszövegnél kisebb linkek. A jelenlegi 16px-es, mindenhol egyforma
 * szöveg azért hat nyersnek, mert nincs benne rangsor.
 *
 * A kettőzött osztály (`.sfa-lablec.sfa-lablec`, 0,2,x) azért kell, mert az
 * Elementor Kit `a` és `h1..h6` szabályai (0,1,1) különben egyenrangúak
 * lennének, és a betöltési sorrenden múlna a végeredmény.
 */

.sfa-lablec {
	--sfa-lablec-szin: #ffffff;
	--sfa-lablec-halvany: rgba(255, 255, 255, 0.72);
	--sfa-lablec-vonal: rgba(255, 255, 255, 0.14);
	--sfa-lablec-cimke: rgba(255, 255, 255, 0.92);
}

/* -------------------------------------------------------------------------
 * 0. GLOBÁLIS SZÍNPALETTA
 *
 * EGYETLEN VEZÉRLŐ SZÍN.
 *
 * A teljes kék családot a --sfa-navy határozza meg; a sötétebb és a
 * világosabb árnyalat belőle SZÁMOLÓDIK, nem külön van beégetve. Ezért ha az
 * Elementor globális „Elsődleges” színe változik, vele mozdul a hero
 * gradiense, a lábléc, a számsáv és minden más is – nem marad hátra egy
 * majdnem-fekete folt.
 *
 * Ha valaha újra színt váltanak: Elementor → Beállítások → Globális színek →
 * Elsődleges. Itt semmit nem kell átírni.
 * ---------------------------------------------------------------------- */

:root {
	--sfa-navy:        var(--e-global-color-primary, #12335C);
	--sfa-navy-melyy:  color-mix(in srgb, var(--sfa-navy) 80%, #000);
	--sfa-navy-vilag:  color-mix(in srgb, var(--sfa-navy) 90%, #fff);
	--sfa-gold:        var(--e-global-color-accent, #D89A2B);
	--sfa-gold-sotet:  #B87F1F;
}

/* -------------------------------------------------------------------------
 * 1. ALAP: méret és szín
 * ---------------------------------------------------------------------- */

.sfa-lablec.sfa-lablec,
.sfa-lablec.sfa-lablec p,
.sfa-lablec.sfa-lablec li,
.sfa-lablec.sfa-lablec a {
	color: var(--sfa-lablec-szin);
	font-size: 15px;
	line-height: 1.6;
}

/* A márkabemutató és a jogi adatok másodlagosak – kisebbek és halványabbak.
   Így a szem előbb találja meg a linkeket, amiért a lábléc valójában van. */
.sfa-lablec.sfa-lablec .sfa-lablec__halvany,
.sfa-lablec.sfa-lablec .sfa-lablec__halvany p,
.sfa-lablec.sfa-lablec .sfa-lablec__halvany li,
.sfa-lablec.sfa-lablec .sfa-lablec__halvany a {
	color: var(--sfa-lablec-halvany);
	font-size: 13px;
	line-height: 1.6;
}

/* Bekezdésköz: a widget alsó margóját nem hagyjuk rá a témára, mert az 24px,
   és attól az oszlopok tetején-alján egyenetlen lesz a ritmus. */
.sfa-lablec.sfa-lablec p {
	margin: 0 0 8px;
}

.sfa-lablec.sfa-lablec p:last-child {
	margin-bottom: 0;
}

/* -------------------------------------------------------------------------
 * 2. OSZLOPCÍMEK
 *
 * A látványtervben ezek kis, nagybetűs, ritkított feliratok – nem „kisebb
 * címsorok". A 17px-es változat azért nem működik, mert alig nagyobb a
 * törzsszövegnél: nem címnek látszik, csak vastagabb sornak.
 *
 * Ha Elementorban is beállítottál tipográfiát a Címsor widgetekre, azt töröld
 * (Stílus → Tipográfia → a mező melletti visszaállító nyíl), különben a
 * widget-szintű szabály (0,3,0) erősebb ennél.
 * ---------------------------------------------------------------------- */

.sfa-lablec.sfa-lablec h2,
.sfa-lablec.sfa-lablec h3,
.sfa-lablec.sfa-lablec h4,
.sfa-lablec.sfa-lablec .sfa-tk-linkek__cim {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--sfa-lablec-cimke);
}

/* -------------------------------------------------------------------------
 * 3. LINKEK
 * ---------------------------------------------------------------------- */

.sfa-lablec.sfa-lablec a {
	text-decoration: none;
	transition: opacity 0.15s ease;
}

.sfa-lablec.sfa-lablec a:hover,
.sfa-lablec.sfa-lablec a:focus-visible {
	opacity: 0.75;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sfa-lablec.sfa-lablec a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

/* -------------------------------------------------------------------------
 * 4. OSZLOPOK KÖZTI VÁLASZTÓVONAL
 *
 * A látványtervben vékony függőleges vonal van az oszlopok között – ez adja a
 * rendezettség érzetét. Nem `border-left`-tel csináljuk, mert az beljebb tolná
 * a szöveget; egy álelem ül ki a rés közepére, elrendezést nem befolyásol.
 *
 * A szelektor az Elementor konténer-szerkezetére épül. Ha az Elementor ezt
 * valaha átnevezi, a vonal eltűnik – a lábléc működni fog nélküle is.
 * ---------------------------------------------------------------------- */

.sfa-lablec.sfa-lablec .e-con-inner > .e-con {
	position: relative;

	/* Az Elementor minden gyerek-konténernek ad egy alapértelmezett oldalsó
	   belső margót (nálunk 16px). A beállításokban nem látszik, mert nincs
	   beírt érték – a Kit alapértéke. Emiatt a lábléc tartalma 16 pixellel
	   beljebb kezdődik, mint a fejlécé, és a két logó nem egy vonalban áll.
	   Az oszlopoknak nincs szükségük rá: a térközt a rés adja. */
	padding-left: 0;
	padding-right: 0;
}

.sfa-lablec.sfa-lablec .e-con-inner > .e-con + .e-con::before {
	content: "";
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: -20px;
	width: 1px;
	background: var(--sfa-lablec-vonal);
}

/* Ha az oszlopok egymás alá csúsznak, a függőleges vonal értelmetlen. */
@media (max-width: 1024px) {

	.sfa-lablec.sfa-lablec .e-con-inner > .e-con + .e-con::before {
		display: none;
	}
}

/* -------------------------------------------------------------------------
 * 4/b. TABLET: két oszlop
 *
 * 768 és 1024 px között az Elementor még négy oszlopban tartja a láblécet, de
 * ott már csak 146–210 px jut egyre. Ebben a „Mesterséges intelligencia" három
 * sorba törik, az e-mail-cím pedig egyenesen kilóg a képernyőről – mérve 16 px
 * vízszintes görgetést okoz.
 *
 * Nem az Elementor reszponzív mezőin állítjuk, mert az négy gyerekkonténeren,
 * két töréspontonként nyolc kézi beállítás lenne, és az első átrendezésnél
 * elcsúszna. Itt egy szabály, ami magától követi az oszlopok számát.
 * ---------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1024px) {

	.sfa-lablec.sfa-lablec .e-con-inner {
		flex-wrap: wrap;
	}

	.sfa-lablec.sfa-lablec .e-con-inner > .e-con {
		flex: 1 1 calc(50% - 20px);
		max-width: calc(50% - 20px);
	}
}

/* -------------------------------------------------------------------------
 * 4/c. MOBIL: egy oszlop
 *
 * Ezt nem bízzuk az Elementor „Wrap" kapcsolójára. Ha az bármikor `nowrap`-re
 * áll – akár kézzel, akár egy sablonfrissítéskor –, a négy oszlop 56 pixelre
 * zsugorodik egymás mellett, és a szöveg betűnként törik külön sorokba. Mérve
 * pontosan ez történt. Egy szabály itt olcsóbb, mint egy visszatérő hiba.
 * ---------------------------------------------------------------------- */

@media (max-width: 767px) {

	.sfa-lablec.sfa-lablec .e-con-inner {
		flex-wrap: wrap;
	}

	.sfa-lablec.sfa-lablec .e-con-inner > .e-con {
		flex: 1 1 100%;
		max-width: 100%;
	}
}

/* Hosszú e-mail-cím és URL soha ne feszítse szét az oszlopot.
 *
 * FIGYELEM: itt NEM `anywhere` szerepel, hanem `break-word`. Az `anywhere` a
 * flex elem min-content szélességét is lenullázza, ezért az oszlop egyetlen
 * karakter szélességűre zsugorodhat – mobilon ettől törik a szöveg betűnként
 * külön sorokba. A `break-word` csak akkor tör, ha a szó tényleg nem fér ki,
 * és a méretszámítást békén hagyja.
 */
.sfa-lablec.sfa-lablec a {
	overflow-wrap: break-word;
}

/* -------------------------------------------------------------------------
 * 5. ALSÓ JOGI SÁV
 *
 * Tedd a `sfa-lablec__also` osztályt a lábléc második (alsó) konténerére.
 * Enélkül a lábléc befejezetlennek hat: a tartalom egyszerűen elfogy.
 *
 * Ez a blokk szándékosan ÖNÁLLÓ szelektorokkal dolgozik, nem a `.sfa-lablec`
 * leszármazottjaként. Az alsó sáv az Elementorban a fő konténer testvére lesz,
 * nem a gyereke – ha leszármazottként keresnénk, sosem találnánk meg. Ezért a
 * változókat is itt, saját jogon definiáljuk újra.
 * ---------------------------------------------------------------------- */

.sfa-lablec__also {
	--sfa-lablec-halvany: rgba(255, 255, 255, 0.72);
	--sfa-lablec-vonal: rgba(255, 255, 255, 0.14);
}

.sfa-lablec__also.sfa-lablec__also {
	border-top: 1px solid var(--sfa-lablec-vonal);
}

.sfa-lablec__also.sfa-lablec__also,
.sfa-lablec__also.sfa-lablec__also p,
.sfa-lablec__also.sfa-lablec__also li,
.sfa-lablec__also.sfa-lablec__also a {
	font-size: 13px;
	line-height: 1.6;
	color: var(--sfa-lablec-halvany);
}

.sfa-lablec__also.sfa-lablec__also p {
	margin: 0;
}

.sfa-lablec__also.sfa-lablec__also a {
	text-decoration: none;
	transition: opacity 0.15s ease;
}

.sfa-lablec__also.sfa-lablec__also a:hover,
.sfa-lablec__also.sfa-lablec__also a:focus-visible {
	opacity: 1;
	color: #ffffff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sfa-lablec__also.sfa-lablec__also a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {

	.sfa-lablec__also.sfa-lablec__also a {
		transition: none;
	}
}

/* -------------------------------------------------------------------------
 * 6. TÉMAKÖR-LINKEK (a [sfa_temakor_linkek] kimenete)
 * ---------------------------------------------------------------------- */

.sfa-tk-linkek__cim {
	margin: 0 0 12px;
	font-weight: 600;
	color: inherit;
}

.sfa-tk-linkek__lista {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.sfa-tk-linkek__lista li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sfa-tk-linkek__lista a {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.15s ease;
}

.sfa-tk-linkek__lista a:hover,
.sfa-tk-linkek__lista a:focus-visible {
	opacity: 0.75;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sfa-tk-linkek__lista a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {

	.sfa-lablec.sfa-lablec a,
	.sfa-tk-linkek__lista a {
		transition: none;
	}
}

/* -------------------------------------------------------------------------
 * SEGÉDOSZTÁLYOK ELEMENTORHOZ
 *
 * Néhány dolgot az Elementor felületén nem lehet beállítani – vagy soha nem is
 * lehetett, vagy a 4-es verzióban kivették a kapcsolót. Ezek az osztályok ezt
 * pótolják: a widget vagy a konténer Speciális fülén, a „CSS-osztályok"
 * mezőbe kell beírni a nevüket.
 *
 * Ez a fájl minden oldalon betöltődik, tehát bárhol használhatók.
 * ---------------------------------------------------------------------- */

/*
 * `sfa-gomb-teljes` – a gomb kitölti a widget teljes szélességét.
 *
 * A gomb egy `inline-block` link a widget dobozában: a widget szélessége hiába
 * 100%, a linké a feliratához igazodik. Az Elementor korábbi verzióiban volt
 * erre egy „Kitöltés" igazítási mód, a 4-esből kikerült. Ez pótolja.
 */
.sfa-gomb-teljes.sfa-gomb-teljes .elementor-button {
	display: flex;
	justify-content: center;
	width: 100%;
}

/*
 * `sfa-alulra` – az elem a befogó konténer aljára kerül.
 *
 * A konténer „Tartalom igazítása" beállítása az ÖSSZES térközt szétosztaná, és
 * ezzel a fölötte lévő elemek ritmusát is szétverné. Az automatikus felső margó
 * viszont csak a maradék helyet szívja fel, a többi térköz érintetlen marad.
 * Akkor működik, ha a konténernek van hova nyúlnia – például egy több hasábos
 * sorban, ahol a leghosszabb hasáb szabja meg a magasságot.
 */
.sfa-alulra.sfa-alulra {
	margin-top: auto;
}

/*
 * `sfa-jobbra-zart` – a blokk a konténer jobb széléhez simul.
 * Hasznos a lábléc utolsó hasábjánál, hogy a tartalom a lapszélig érjen.
 */
.sfa-jobbra-zart.sfa-jobbra-zart {
	align-items: flex-end;
	text-align: right;
}

/*
 * A LÁBLÉC CTA-GOMBJA – beállítás nélkül.
 *
 * A fenti segédosztályokat kézzel kell felvinni a widgetre. A láblécben viszont
 * mindig ugyanaz a helyzet: egyetlen cselekvésre hívó gomb áll az utolsó
 * hasábban, és mindig ugyanúgy kell viselkednie – töltse ki a hasáb szélességét,
 * és álljon a hasáb aljára, hogy a négy oszlop alja egy vonalban legyen.
 * Ezért ezt itt automatikusan megadjuk, hogy ne múljon egy elfelejtett
 * osztálynéven.
 *
 * Ha valaha mégis kell a láblécbe egy rövid, nem alulra igazított gomb, az
 * `sfa-gomb-szabad` osztállyal ki lehet lépni ez alól.
 */
.sfa-lablec.sfa-lablec .elementor-widget-button:not(.sfa-gomb-szabad) {
	margin-top: auto;
	width: 100%;
}

.sfa-lablec.sfa-lablec .elementor-widget-button:not(.sfa-gomb-szabad) .elementor-button {
	display: flex;
	justify-content: center;
	width: 100%;
}

/*
 * `sfa-nem-zsugorodik` – a widget doboza nem megy a tartalma alá.
 *
 * Egy vízszintes sorban a flex zsugorítja az elemeket, ha nem férnek el. Egy
 * gomb viszont `inline-block` link: a doboza összemegy, a link nem, és a
 * felirat kicsordul a doboz jobb oldalán. A fejléc JELENTKEZÉS gombjánál
 * pontosan ez történt – 41 pixellel lógott ki a tartalomsávból, miközben a
 * widget doboza tökéletesen a helyén volt.
 *
 * Ez az osztály megtiltja a zsugorodást, és a dobozt a tartalom valódi
 * szélességére állítja. A sor többi eleme (például a menü) fogja adni a helyet.
 */
/*
 * FONTOS: csak asztali nézetben. A zsugorodás tiltása keskeny képernyőn pont
 * fordítva sül el – ha a fejlécsor elemei nem mehetnek összébb, a sor
 * szélesebb lesz a képernyőnél, és az egész webhely vízszintesen görgethetővé
 * válik. Márpedig a fejléc minden oldalon ott van, tehát egyetlen ilyen elem
 * az összes aloldalt elrontja.
 */
@media (min-width: 1025px) {

	.sfa-nem-zsugorodik.sfa-nem-zsugorodik {
		flex-shrink: 0;
		width: auto;
	}
}

/* Keskeny képernyőn viszont semmi ne lóghasson ki a sorából. */
@media (max-width: 1024px) {

	.sfa-nem-zsugorodik.sfa-nem-zsugorodik {
		max-width: 100%;
		min-width: 0;
	}
}

/* -------------------------------------------------------------------------
 * KÖZÖSSÉGI IKONOK  –  [sfa_kozossegi]
 *
 * A látványterven a lábléc első hasábjában, a bemutatkozó szöveg alatt áll
 * három lekerekített, körvonalas gomb. Nem tömör kitöltésűek: a sötétkék
 * háttéren egy halvány keret és egy világos ikon adja ki őket, rámutatásra
 * pedig aranyra váltanak.
 *
 * A stílus nincs a `.sfa-lablec` osztályhoz kötve, hogy a sor bárhol
 * használható legyen – például a Kapcsolat oldalon is.
 * ---------------------------------------------------------------------- */

.sfa-kozossegi {
	margin-top: 22px;
}

.sfa-kozossegi__cim {
	color: #D89A2B;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.sfa-kozossegi__lista {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sfa-kozossegi__link {
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 10px;
	color: #D6DEE9;
	display: inline-flex;
	height: 40px;
	justify-content: center;
	text-decoration: none;
	transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease;
	width: 40px;
}

/*
 * Az `sfa_icon()` már `fill="none" stroke="currentColor"` attribútumokkal adja
 * ki az SVG-t, tehát a szín magától követi a linkét – itt csak a vonalvastagságot
 * emeljük meg, mert kis méretben a márkalogók így olvashatóbbak.
 */
.sfa-kozossegi__link .sfa-icon {
	stroke-width: 2;
}

.sfa-kozossegi__link:hover,
.sfa-kozossegi__link:focus-visible {
	background-color: rgba(216, 154, 43, 0.12);
	border-color: #D89A2B;
	color: #D89A2B;
}

.sfa-kozossegi__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

/* Világos háttéren – ha valahol nem a sötét láblécben áll. */
.sfa-kozossegi--vilagos .sfa-kozossegi__link {
	border-color: #E3E8EF;
	color: var(--sfa-navy);
}

@media (prefers-reduced-motion: reduce) {

	.sfa-kozossegi__link {
		transition: none;
	}
}

/* -------------------------------------------------------------------------
 * VÍZSZINTES GÖRGETÉS – BIZTONSÁGI HÁLÓ
 *
 * Ez nem javítás, hanem védőháló. Ha bármelyik elem – a fejléc, egy beágyazás,
 * egy hosszú, tördelhetetlen szó vagy egy Elementor-widget – kilóg a képernyő
 * jobb szélén, a böngésző vízszintes görgetősávot ad az egész oldalnak. Ez
 * mobilon azonnal látszik, és minden aloldalt érint, mert a fejléc és a lábléc
 * mindenhol ott van.
 *
 * `overflow-x: clip` és nem `hidden`: a `hidden` a `position: sticky`
 * viselkedést is elrontja (a ragadó fejléc megállna görögni), a `clip` nem.
 *
 * A valódi okot ettől függetlenül meg kell találni – ez csak addig tartja
 * rendben a látványt.
 * ------------------------------------------------------------------------- */
html {
	overflow-x: clip;
}

body {
	max-width: 100%;
	overflow-x: clip;
}

/*
 * Tördelhetetlen hosszú szavak (e-mail-cím, URL) ne feszítsék szét a dobozt.
 *
 * FIGYELEM: ezt SZŰKEN kell tartani. Az 1.14.2-ben az egész `.sfa-o` és
 * `.sfa-ao` blokkra rátettem, és keskeny hasábban a címek szó közepén törtek
 * el („Személy / re / szabott"). A szabály csak oda való, ahol tényleg
 * tördelhetetlen karakterlánc állhat: e-mail-cím és hivatkozás.
 */
.sfa-lablec a,
.sfa-o a[href^="mailto:"],
.sfa-ao a[href^="mailto:"] {
	overflow-wrap: break-word;
}

/* -------------------------------------------------------------------------
 * FEJLÉC-SEGÉDOSZTÁLYOK TABLETRE
 *
 * MIÉRT ÍGY, ÉS MIÉRT NEM AUTOMATIKUSAN.
 *
 * A fejléc kinézete az Elementoré – a bővítmény nem nyúl hozzá magától. Ez a
 * két osztály viszont olyasmit old meg, amire az Elementor ingyenes verziója
 * nem ad felületet (a `flex-order` és a `margin: auto` nincs a beállítások
 * között). Ezért segédosztályként állnak itt: CSAK akkor lépnek életbe, ha
 * beírod őket a widget Speciális → CSS osztályok mezőjébe. Enélkül a fájl
 * ezen a részen nem csinál semmit.
 *
 * Mindkettő 1024 pixel alatt él, tehát az asztali fejléchez nem nyúl.
 * ---------------------------------------------------------------------- */

@media (max-width: 1024px) {

	/*
	 * A LOGÓRA.
	 *
	 * A fejlécsor `space-between` igazítású: három elemnél ez a középsőt – a
	 * hamburgert – a sor közepére teszi, mert egyenlően osztja szét a helyet.
	 * Ha a logó jobb oldali margója `auto`, akkor a logó viszi el az összes
	 * szabad helyet, és a másik kettő összezár a jobb szélen.
	 */
	.sfa-tolja-jobbra.sfa-tolja-jobbra {
		margin-right: auto !important;
	}

	/*
	 * A MENÜRE (hamburger), ha azt szeretnéd, hogy az legyen a legszélső.
	 *
	 * A widgetek sorrendje az Elementor szerkezetében logó → menü → gomb, és
	 * ez asztali nézetben helyes. Tableten viszont a megszokott minta az,
	 * hogy a hamburger van legkívül. Ez az osztály csak a MEGJELENÍTÉSI
	 * sorrendet forgatja meg, a szerkezetet nem – tehát az asztali fejléc
	 * érintetlen marad.
	 */
	.sfa-tableten-utolso.sfa-tableten-utolso {
		order: 9;
	}
}

/* =========================================================================
 * ELEMENTOR GLOBÁLIS KÉPLEKEREKÍTÉS SEMLEGESÍTÉSE
 *
 * MI TÖRTÉNT.
 *
 * Az Elementor „Webhelybeállítások → Kép” lapján be van állítva egy 12 pixeles
 * lekerekítés. Az Elementor ezt NEM a képwidgetre írja ki, hanem a kit
 * stíluslapjába, `.elementor-kit-11 img { border-radius: 12px }` alakban –
 * azaz az oldal MINDEN képére. Ettől lett lekerekített sarka a hero
 * háttérképeknek, a kártyák tetején ülő tájképeknek és a lábléc logójának is.
 *
 * A teljes szélességű képeknél ez rosszul néz ki: a hero képe a képernyő
 * széléig ér, ott pedig egy 12 pixeles kerekítés nem díszít, hanem hibának
 * látszik. A kártyáknál pedig kifejezetten hibás: a kártya doboza már
 * `overflow: hidden` + saját lekerekítés, tehát ő adja a formát – a képen lévő
 * második kerekítés csak egy vékony csíkot hagy a kártya sarkában.
 *
 * MIT CSINÁL EZ A SZABÁLY.
 *
 * Alaphelyzetbe teszi a képeket: a formát a KERET adja, nem a kép.
 * Ahol tényleg kell kerekítés (a vezetői portré, a lekerekítettnek jelölt
 * illusztrációk), ott a saját, kétszer írt osztályunk erősebb ennél a
 * szabálynál, tehát azok érintetlenek maradnak.
 *
 * A gyökérok az Elementor beállítása; ezt ott is érdemes kivenni
 * (Webhelybeállítások → Kép → Szegély lekerekítése → ürítés). Amíg nincs
 * kivéve, ez a szabály tartja rendben a látványt.
 * ====================================================================== */

body .elementor img,
body .sfa-hero__img,
body .sfa-kk__kep img {
	border-radius: 0;
}