/*
 * Design tokens + element defaults.
 *
 * Every value here was measured off the rendered original (see
 * _source/design/probe-orig) rather than copied from Elementor's generated CSS,
 * because that CSS expressed the same geometry through transforms and negative
 * margins that are meaningless once the markup changes.
 */

:root {
	--br-primary: #8c0052;
	--br-secondary: #e4e4e4;
	--br-accent: #881455;
	--br-text: #000;
	--br-white: #fff;

	--br-font-display: 'Asap', sans-serif;
	--br-font-body: 'Roboto', sans-serif;
	--br-font-slab: 'Roboto Slab', serif;

	/*
	 * The original left several regions unstyled by the page builder, so they
	 * rendered in the browser's own UI font: single posts, the Gravity Forms
	 * markup and the GYIK section headings. Reproduced rather than "corrected",
	 * so those blocks keep the metrics they had.
	 */
	--br-font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

	/* shared by the accordion panel animation (nav.js) and its arrow */
	--br-acc-duration: 400ms;
	--br-acc-easing: cubic-bezier(0.37, 0, 0.63, 1);

	/* ═══ MOZGÁS-RENDSZER ═══════════════════════════════════════════════════
	 *
	 * MIÉRT VOLT ROSSZ AZ ELŐZŐ VÁLTOZAT
	 *
	 * Egyetlen idő-görbe páros dolgozott MINDENEN (0,3 s +
	 * `cubic-bezier(0.58, 0.3, 0.005, 1)`), azzal az indoklással, hogy „egy
	 * oldal, egy mozdulat”. Ez téves általánosítás volt.
	 *
	 * Az a görbe az Elementorból származik, és ott PONTOSAN EGY helyen szerepel
	 * (elementor-pro/assets/css/widget-nav-menu.min.css):
	 *
	 *     .elementor-item::before { transition: .3s;
	 *       transition-timing-function: cubic-bezier(.58,.3,.005,1) }
	 *
	 * Vagyis a menüpont fölötti 3 képpontos mutatóra írták, ami ~20 képpontot
	 * csúszik. A kimért profilja (haladás az eltelt idő függvényében):
	 *
	 *     idő   0    10   20   30   40   50   60   70   80   90  100 %
	 *     út    0     6   17   41   76   88   94   97   99  100  100 %
	 *
	 * A 20 % és a 40 % között 59 százalékpontot tesz meg; a maradék 24-et
	 * hatszor annyi idő alatt. A sebesség tehát nem egyenletesen nő és csökken,
	 * hanem FELSZÖKIK a harmadánál, majd leszakad — az idő utolsó harmadában
	 * pedig már nem történik semmi. Egy 3 képpontos vonalon ez „pattanós”, ami
	 * ott szándék. Ugyanez a görbe a 342 képpontot utazó mobil fiókon és a
	 * teljes lapot átúsztató áttűnésen dadogás.
	 *
	 * ── A RENDSZER ────────────────────────────────────────────────────────
	 *
	 * Az időt a MEGTETT ÚT szabja meg, nem a fontosság: ami nem mozdul el
	 * (szín), annak rövid; ami átszeli a kijelzőt, annak hosszú.
	 *
	 * És minden mozgás ASZIMMETRIKUS. Ami megérkezik, kérheti a figyelmet; ami
	 * elmegy, ne kérje — ezért a kilépés mindig rövidebb.
	 */
	--br-be-mikro: 160ms;   /* szín, áttetszőség — 0 képpont út */
	--br-ki-mikro: 110ms;

	--br-be-felszin: 200ms; /* kis felület megjelenése: a legördülő kártya */
	--br-ki-felszin: 140ms;

	--br-be-panel: 360ms;   /* nagy út: a mobil fiók mért 342 képpontja */
	--br-ki-panel: 260ms;

	/*
	 * KÉT GÖRBE, ÉS A SZABÁLY, AMELYIK DÖNT KÖZTÜK
	 *
	 * `--br-gorbe-be` (easeOutCubic): a sebesség az első képkockán a legnagyobb,
	 *   majd MONOTON fogy — 28 / 51 / 68 / 80 / 88 / 93 %. Nincs benne szökés,
	 *   mert nincs hol felgyorsulnia. Ettől hat úgy, hogy „azonnal reagál, aztán
	 *   leül”, nem pedig úgy, hogy „elindul, megrázza magát, megáll”.
	 *
	 * `--br-gorbe-ki` (easeInQuad): lassan indul, gyorsulva távolodik.
	 *
	 * A választás szabálya NEM az, hogy „be = lassul, ki = gyorsul”:
	 *
	 *   • ELMOZDULÁS (nagy felület `transform`-ja): be → lassuló, ki → gyorsuló.
	 *     A szem követi a tárgyat, tehát lágyan induljon el, majd menjen ki.
	 *
	 *   • ÁTTŰNÉS (`opacity`): MINDKÉT irányban a lassuló görbe. Gyorsuló
	 *     kilépéssel az elem az idő nagy részében még jól látszik, és a végén
	 *     kipattan — vagyis épp hogy tovább zavar. Ha az áttetszőség elöl esik
	 *     nagyot, az elem gyorsan kikerül az útból; ez a cél.
	 */
	--br-gorbe-be: cubic-bezier(0.215, 0.61, 0.355, 1);
	--br-gorbe-ki: cubic-bezier(0.55, 0.085, 0.68, 0.53);

	/*
	 * Az Elementor görbéje MEGMARAD — de csak ott, ahová írták: a menü
	 * mutatóján. Ott a mért érték a mérvadó, és a pattanás ott szándék.
	 */
	--br-mutato-ido: 0.3s;
	--br-mutato-gorbe: cubic-bezier(0.58, 0.3, 0.005, 1);

	--br-container: 1140px;
	--br-gutter: 10px;

	--br-header-h: 100px;

	/* the client's own chevron pair, used by accordions and panel bullets */
	--br-acc-closed: url('../icons/accordion-closed.svg');
	--br-acc-open: url('../icons/accordion-opened.svg');

	/* body copy: 0.8rem on the original, i.e. 12.8px at a 16px root */
	--br-body-size: 0.8rem;
	--br-body-lh: 1.5;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--br-white);
	color: var(--br-text);
	font-family: var(--br-font-body);
	font-size: var(--br-body-size);
	font-weight: 400;
	line-height: var(--br-body-lh);
	overflow-wrap: break-word;
}

img,
picture,
svg,
video {
	max-width: 100%;
	height: auto;
}

img {
	border: 0;
}

/*
 * A hivatkozások és a gombok színátmenete.
 *
 * MINDKÉT ÁLLAPOTBAN ott van egy `transition`, és ez nem duplikáció:
 *
 *   • az ALAPÁLLAPOT szabálya a VISSZAUTAT írja le (a hover elhagyása),
 *   • a `:hover` szabálya az ODAUTAT.
 *
 * Csak a hoverre írva a visszaút azonnal visszaugrana — ez volt a helyzet a
 * lábléc „A honlapot fejlesztette és karbantartja:” feliratán. Csak az
 * alapállapotra írva viszont a két irány KÉNYSZERŰEN azonos hosszú, és épp ez
 * volt a hiba: az elmenő állapotnak rövidebbnek kell lennie.
 *
 * A szín 0 képpontot mozdul, tehát a mikro-idő jár neki. Az előző 0,3 s ehhez
 * túl hosszú volt: a mutató addigra rendszerint már máshol van, és a szín még
 * mindig úton — ettől érződött lomhának.
 */
a {
	color: inherit;
	text-decoration: none;
	transition: color var(--br-ki-mikro) var(--br-gorbe-be);
}

a:hover,
a:focus-visible {
	color: var(--br-accent);
	transition: color var(--br-be-mikro) var(--br-gorbe-be);
}

button {
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	transition: color var(--br-ki-mikro) var(--br-gorbe-be),
		background-color var(--br-ki-mikro) var(--br-gorbe-be);
}

button:hover,
button:focus-visible {
	transition: color var(--br-be-mikro) var(--br-gorbe-be),
		background-color var(--br-be-mikro) var(--br-gorbe-be);
}

:focus-visible {
	outline: 2px solid var(--br-accent);
	outline-offset: 2px;
}

/* Headings: the original set these globally in the Elementor kit. */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: var(--br-font-display);
	line-height: 1.2;
	color: var(--br-text);
}

h1 {
	font-size: 22px;
	font-weight: 700;
}

h2 {
	font-size: 25px;
	text-transform: uppercase;
}

p {
	margin: 0 0 14.4px;
}

/*
 * Roboto ships a 900 weight, so the default `bolder` on b/strong resolves to 900
 * and renders visibly heavier than the original's 700.
 */
b,
strong {
	font-weight: 700;
}

ul,
ol {
	margin: 0 0 14.4px;
	padding-inline-start: 40px;
}

hr {
	border: 0;
	border-top: 1px solid var(--br-secondary);
	margin: 20px 0;
}

/* Accessible-but-invisible, and the skip link that becomes visible on focus. */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.br-skip-link:focus {
	position: fixed !important;
	top: 8px;
	left: 8px;
	z-index: 100000;
	width: auto;
	height: auto;
	clip-path: none;
	padding: 12px 20px;
	background: var(--br-white);
	color: var(--br-primary);
	font-family: var(--br-font-display);
	box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

/*
 * ── A CSÖKKENTETT MOZGÁS NEM FOJTJA EL AZ ÁTMENETEKET ────────────────────
 *
 * Itt korábban a szokásos, mindent letiltó blokk állt:
 *
 *     @media (prefers-reduced-motion: reduce) {
 *       *, *::before, *::after { transition-duration: 0.01ms !important; … }
 *     }
 *
 * A megrendelő kifejezett és megismételt kérése, hogy a „mozgás csökkentése” és
 * az energiatakarékos mód EGYETLEN operációs rendszeren se korlátozza az oldal
 * mozgásait. Ezért a blokk megszűnt.
 *
 * AMIT EZ JELENT — nyíltan: a `prefers-reduced-motion` egy kisegítő beállítás.
 * Vesztibuláris (egyensúlyszervi) panasszal élők kapcsolják be, mert a mozgás
 * szédülést vagy hányingert válthat ki náluk. Az oldal ezentúl nem veszi
 * figyelembe. A kockázatot mérsékli, hogy itt nincs parallax, automatikus
 * lejátszás, nagyítás vagy ismétlődő mozgás: a leghosszabb út a mobil fiók
 * becsúszása, minden más helyben történő feltárulás vagy színváltás.
 *
 * Ami MARAD: a `scroll-behavior` sehol nincs `smooth`-ra állítva, tehát a
 * görgetés eleve azonnali — az volt a blokk egyetlen olyan sora, ami nem
 * animációt, hanem navigációt érintett.
 */