/*
 * A hegyibaptista téma stílusai (új dizájn, terv 4–5.). Csak az, ami a theme.json-ból és a blokkok beállításaiból nem adható meg.
 * Színek: a paletta változói és a terv 4.1 „csak a téma CSS-ében” árnyalatai (a scripts/theme-check.test.cjs színellenőrzése
 * rögzíti). Méretkorlát (terv 5.4, a felhasználó döntése, 2026-10-07; 2026-10-15 óta 29 KB): a téma összes CSS-e megjegyzések és fölösleges
 * szóközök nélkül legfeljebb 29 KB (29 696 B); a téma egyetlen CSS-fájlja ez.
 */

/* ---------- Alapok ---------- */

/* A fejléc, a tartalom és a lábléc sávjai rés nélkül érnek egymáshoz. */
.wp-site-blocks > * {
	margin-block-start: 0;
}

/* Az áttetsző fejléc ehhez igazodik (bejelentkezve az adminsáv alatt marad). A lap legalább a nézet magas (bejelentkezve az adminsáv
   nélkül), a többletet a <main> kapja: rövid lapon (a 404-es, egy üres lap; az Alkalmak lap 2026-10-10 óta a naptárral hosszú) a lábléc a nézet
   aljáig ér, alatta nincs Vászon csík (terv 4.1). */
.wp-site-blocks {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

.wp-site-blocks > main {
	flex-grow: 1;
}

/* Látható fókusz (terv 5.5): 3 px-es Búzaarany keret 3 px eltolással, és a keret meg az elem között 3 px-es Éjzöld gyűrű (kétszínű
   fókusz, WCAG 1.4.11): világos és sötét alapon is látszik. A szerkesztő blokkburkolói (tabindex) kimaradnak: azoknak saját jelölésük
   van. */
:root {
	--hb-gyuru: 0 0 0 3px var(--wp--preset--color--ejzold);
}

:where(a, button, input, select, textarea, summary, [tabindex]:not(.block-editor-block-list__block)):focus-visible {
	outline: 3px solid var(--wp--preset--color--buzaarany);
	outline-offset: 3px;
	box-shadow: var(--hb-gyuru);
}

/* A szülőtéma minden fókuszált elemre 2 px-es körvonalat tesz (:focus, nem :focus-visible): egérrel vagy érintéssel fókuszált elemen (a
   szüneteltető gomb kattintás után, a megérintéssel nyitott menü első pontja) ez fehér keretként maradna. Billentyűzettel a fenti gyűrű látszik. */
:where(.wp-site-blocks *:focus:not(:focus-visible)) {
	outline: none;
}

/* A szülőtéma a menüpontokra 4 px-es eltolást tesz (a gyűrűk közt rés maradna): a fókuszkeret ott is 3 px-es. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus-visible {
	outline-offset: 3px;
}

/* A Közösségi ikonok blokk saját szabálya (box-shadow: none, a core-ban) az Éjzöld gyűrűt is kioltaná (a lábléc ikonjain); a .hb-lablec
   előtaggal ez a szabály erősebb, nem csak a sorrend miatt nyer. */
.hb-lablec .wp-block-social-links .wp-social-link a:focus-visible {
	box-shadow: var(--hb-gyuru);
}

/* Hosszú magyar szó, cím vagy e-mail-cím ne lógjon ki keskeny képernyőn. */
:where(h1, h2, h3, h4, h5, h6, p, li, .wp-block-post-content) {
	overflow-wrap: break-word;
}

/* Beágyazott tartalom (térkép, videó) ne legyen szélesebb a helyénél. */
.wp-block-post-content :where(iframe, video, embed, object) {
	max-width: 100%;
}

/* Gombok (terv 4.2): teljesen lekerekítettek, legalább 52 px magasak. A felirat a párnázással kerül függőlegesen középre (nem flexszel:
   a flex a félkövér szó körüli szóközt elnyelné), a több soros felirat magasabb gombot ad. A körvonalas gomb a 2 px-es kerettel együtt
   ugyanakkora (a keret a theme.json-ban). */
:where(.wp-element-button, .wp-block-button__link) {
	min-height: 52px;
	text-decoration: none;
}

.wp-block-button .wp-block-button__link {
	padding-block: calc((52px - 1.2em) / 2);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	padding-block: calc((52px - 1.2em) / 2 - 2px);
}

/* Világos gomb sötét alapon, áttetsző gomb fehér kerettel, és szöveges hivatkozás a gombsorban (látványterv). */
.hb-gomb-vilagos .wp-block-button__link {
	background-color: var(--wp--preset--color--feher);
	color: var(--wp--preset--color--melyzold);
}

.hb-gomb-vilagos .wp-block-button__link:hover {
	background-color: #E6EEDD;
	color: var(--wp--preset--color--melyzold);
}

.wp-block-button.hb-gomb-szellem .wp-block-button__link {
	padding-block: calc((52px - 1.2em) / 2 - 1.5px);
	border: 1.5px solid rgba(255, 255, 255, 0.6);
	background-color: transparent;
	color: var(--wp--preset--color--feher);
}

.hb-gomb-szellem .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, 0.12);
	color: var(--wp--preset--color--feher);
}

.wp-block-button.hb-gomb-link .wp-block-button__link {
	min-height: 44px;
	padding: calc((44px - 1.2em) / 2) 0;
	background-color: transparent;
	color: var(--wp--preset--color--zold);
}

.hb-gomb-link .wp-block-button__link:hover {
	background-color: transparent;
	color: var(--wp--preset--color--zold-sotet);
	text-decoration: underline;
}

/* Nyíl a felirat után, YouTube-jel előtte: a látványterv vonalas ikonjai maszkként, így a szöveg színét veszik át. */
.hb-gomb-nyil .wp-block-button__link::after,
.hb-gomb-youtube .wp-block-button__link::before,
.hb-tipus-hely::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-inline-start: 10px;
	vertical-align: -3px;
	background-color: currentColor;
	-webkit-mask: var(--hb-ikon) center / contain no-repeat;
	mask: var(--hb-ikon) center / contain no-repeat;
}

.hb-gomb-nyil .wp-block-button__link::after {
	--hb-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

.hb-gomb-youtube .wp-block-button__link::before {
	--hb-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5.5' width='19' height='13' rx='4'/%3E%3Cpath d='M10 9.5v5l4.5-2.5z' fill='black'/%3E%3C/svg%3E");
	width: 22px;
	height: 22px;
	margin: -4px 10px -4px 0;
	vertical-align: middle;
}

/* A logó mindenhol fehér (terv 5.3). A két osztály együtt erősebb a webhelylogó blokk saját szabályánál. */
.wp-block-site-logo.hb-logo img {
	filter: brightness(0) invert(1);
	width: auto;
	height: clamp(44px, 4.2vw, 60px);
	object-fit: contain;
}

/* Ív alakú képkivágás (terv 4.3), az imaház boltíves ablakai nyomán; a 2–3. mérföldkő mintái használják. */
.hb-iv img,
img.hb-iv {
	border-radius: 999px 999px 28px 28px;
	object-fit: cover;
}

/* ---------- Fejléc (terv 5.3, 4.5) ---------- */

/* Az áttetsző fejléc alapból Éjzöld sáv: olvasható akkor is, ha a lapon nincs hős, ha a böngésző nem ismeri a :has()-t (Safari
   15.4, Firefox 121 előtt), és a szerkesztő vásznán (ott nincs .wp-site-blocks). A hős fölött áttetsző, és ráfekszik (terv 5.3). */
.hb-fejlec-atlatszo {
	position: relative;
	background-color: var(--wp--preset--color--ejzold);
}

.wp-site-blocks:has(.hb-hos) .hb-fejlec-atlatszo {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	background-color: transparent;
}

/* A menü konténere a felugró menü Éjzöld hátterét kapja (overlayBackgroundColor, !important); zárt állapotban ez a hős fölé festene. */
.hb-fejlec-atlatszo .wp-block-navigation__responsive-container:not(.is-menu-open) {
	background-color: transparent !important;
}

.hb-fejlec a {
	color: inherit;
	text-decoration: none;
}

/* A logó nem zsugorodhat (különben torzulna); a menüpontok nem törnek két sorba: ha nem férnek ki, az ellenőrzés jelzi. */
.hb-fejlec .hb-logo {
	flex-shrink: 0;
}

.hb-fejlec .wp-block-navigation .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	white-space: nowrap;
}

.hb-fejlec .wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--zsalya);
}

/* „Új vagyok”: fehér, lekerekített gomb (látványterv). */
.hb-uj-vagyok .wp-block-button__link {
	min-height: 46px;
	padding: calc((46px - 1.2em) / 2) 22px;
	background-color: var(--wp--preset--color--feher);
	color: var(--wp--preset--color--melyzold);
	font-size: 15px;
	white-space: nowrap;
}

.hb-uj-vagyok .wp-block-button__link:hover {
	background-color: #E6EEDD;
	color: var(--wp--preset--color--melyzold);
}

/* A menügomb és a felugró menü bezárás gombja: 46 px-es kör. */
.hb-fejlec .wp-block-navigation__responsive-container-open,
.hb-fejlec .is-menu-open .wp-block-navigation__responsive-container-close {
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: 1.5px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
}

.hb-fejlec .is-menu-open .wp-block-navigation__responsive-container-close {
	display: flex;
}

/* A felugró menü pontjai nagyok és jól koppinthatók. */
.hb-fejlec .is-menu-open .wp-block-navigation-item__content {
	min-height: 48px;
	font-size: 1.375rem;
	font-weight: 700;
}

/* 900 px alatt a menü egy gombra csukódik (terv 4.5); a navigációs blokk magától csak 600 px alatt teszi ezt. Em-ben, hogy nagyobb
   alapbetűnél is időben csukódjon. */
@media (min-width: 600px) and (max-width: 56.24875em) {
	.hb-fejlec .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.hb-fejlec .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

@media (max-width: 56.24875em) {
	/* A menügomb az „Új vagyok” után áll, mint a látványterven; a kis képernyőn kisebb a köz. */
	.hb-fejlec .hb-fomenu {
		order: 2;
	}

	.hb-fejlec .hb-fejlec-jobb {
		gap: 12px;
	}
}

/* 360 px alatt (320 px-es telefonok, az iPhone „Nagyobb szöveg” kijelzőnagyítása, 400%-os böngészőnagyítás) a sor nem férne ki
   (WCAG 1.4.10, terv 4.5): kisebb logó, „Új vagyok” és köz, így kb. 255 px a 280 px-es dobozban. A logó hivatkozása a kisebb képpel
   is 44 px magas marad (terv 4.5). A hős „Új vagyok – mire számíthatok?” gombja ugyanígy kisebb (14 px-es betű és 14 px-es oldalpárnázás),
   így 320 px-en is egy sorban áll a 280 px-es dobozban (kb. 259 px a 312 px helyett; a felhasználó döntése, 2026-10-08). */
@media (max-width: 359.98px) {
	.hb-fejlec > .alignwide {
		gap: 12px;
	}

	.hb-fejlec .hb-fejlec-jobb {
		gap: 8px;
	}

	.hb-fejlec .wp-block-site-logo.hb-logo img {
		height: 36px;
	}

	.hb-fejlec .wp-block-site-logo.hb-logo a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	.hb-fejlec .hb-uj-vagyok .wp-block-button__link,
	.hb-hos .wp-element-button {
		padding-inline: 14px;
		font-size: 14px;
	}
}

/* ---------- Ragadós fejléc (terv 5.3, 4.5; a vászon K15 kerete, A változat; a fejlec.js kapcsolja) ---------- */

/* A fejléc teteje: bejelentkezve az adminsáv alja (600 px alatt az adminsáv elgördül, ott 0). A lapon belüli ugrás célpontja és a
   billentyűzettel fókuszba vitt elem nem csúszik a fejléc alá (WCAG 2.4.11): a görgetési köz a keskeny fejléc 66 px-e (terv 5.3).
   JavaScript nélkül a belső lapokon a teljes magasságú fejléc ragad, ott a köz kisebb a fejlécnél (ritka eset). */
:root {
	--hb-fent: var(--wp-admin--admin-bar--height, 0px);
	scroll-padding-top: calc(66px + var(--hb-fent));
}

@media (max-width: 600px) {
	:root {
		--hb-fent: 0px;
	}

	/* Bejelentkezve (a szerkesztő) telefonon az adminsáv a lap tetején áll, és görgetéskor elgördül: a kezdőlap rögzített fejléce addig az adminsáv
	   alatt marad (nem a képernyő tetején, ahol az adminsáv a felső 46 px-ét takarná), 40 px görgetés után (hb-gorget) rögzül a képernyő tetején. */
	.hb-ragad:not(.hb-gorget) .admin-bar .wp-site-blocks:has(.hb-hos) .hb-fejlec-atlatszo {
		position: absolute;
	}
}

/* A belső lapok fejléce (Éjzöld sáv) JavaScript nélkül is ragad. A sablonrész burkolója (<header>) mindig a teljes fejléc magas: a sor
   legmagasabb eleme (a logó clamp()-je vagy a 46 px-es gomb) és a 2 × 22 px-es párnázás; a theme-check ragados modulja minden méretben
   összeveti a valódi magassággal. Görgetéskor a keskeny sáv alatti rész áttetsző és átkattintható, így a lap tartalma nem mozdul el (nincs
   elrendezés-eltolódás). A fejlécen nincs transform, filter és backdrop-filter: a felugró menü (position: fixed) így a ragadós fejlécből
   is a teljes képernyőt takarja. */
.wp-site-blocks > :has(> .hb-fejlec:not(.hb-fejlec-atlatszo)) {
	position: sticky;
	top: var(--hb-fent);
	z-index: 10;
	min-height: calc(44px + max(46px, clamp(44px, 4.2vw, 60px)));
	pointer-events: none;
}

.hb-fejlec {
	pointer-events: auto;
}

/* A kezdőlap fejléce JavaScripttel a képernyő tetejéhez rögzül (a lap tetején áttetsző marad a hős fölött); JavaScript nélkül a hős fölött
   áll, és elgördül: ragadva a fehér betűi a világos sávok fölé kerülnének. A rögzített fejléc nincs a lap folyásában: nem tol el semmit. */
.hb-ragad .wp-site-blocks:has(.hb-hos) .hb-fejlec-atlatszo {
	position: fixed;
	top: var(--hb-fent);
}

/* 40 px görgetés után (fejlec.js: hb-gorget): tömör Éjzöld (a kezdőlapon is: a .wp-site-blocks miatt a fenti áttetsző hátteret is
   felülírja), keskenyebb (10 px-es párnázás, 44 px-es logó; 360 px alatt marad a 36 px), alatta árnyék. A sor párnázása a sablonrész
   beállítása (style attribútum), ezért kell az !important. A három szabály :has()-hoz kötött, mint a ragadás: a :has()-t nem ismerő motor (Safari
   15.4 előtt, Firefox 121 előtt) eldobja őket, és ott nincs ragadós fejléc, tehát keskenyedés sem (különben a nem ragadó, keskenyedő fejléc a lap
   tartalmát egyszer feljebb ugratná, és a görgetési horgonyzással villoghatna a 40 px-es küszöbön). */
.hb-gorget:has(.hb-fejlec) .wp-site-blocks .hb-fejlec {
	background-color: var(--wp--preset--color--ejzold);
	box-shadow: 0 8px 24px rgba(10, 20, 14, 0.28);
}

.hb-gorget:has(.hb-fejlec) .hb-fejlec > .alignwide {
	padding-block: 10px !important;
}

@media (min-width: 360px) {
	.hb-gorget:has(.hb-fejlec) .hb-fejlec .hb-logo img {
		height: 44px;
	}
}

/* A váltás rövid átmenettel, csökkentett mozgásnál átmenet nélkül. */
@media (prefers-reduced-motion: no-preference) {
	.hb-fejlec,
	.hb-fejlec > .alignwide,
	.hb-fejlec .hb-logo img {
		transition: 0.2s;
	}
}

/* ---------- Lábléc (terv 6.1) ---------- */

.hb-lablec {
	color: #D3E0CB;
	font-size: 1rem;
	line-height: 1.6;
}

.hb-lablec a {
	color: var(--wp--preset--color--feher);
	text-decoration: none;
}

.hb-lablec a:hover {
	text-decoration: underline;
}

/* Négy oszlop, amelyek keskenyebb képernyőn maguktól egymás alá kerülnek (a látványterv flex-wrap elrendezése). */
.hb-lablec-oszlopok > * {
	flex: 1 1 210px;
	min-width: 0;
}

.hb-lablec-oszlopok > .hb-lablec-bemutatkozas {
	flex: 1.5 1 280px;
}

.hb-lablec-oszlopok .wp-block-group > * {
	margin-block: 0;
}

.hb-lablec-oszlopok .wp-block-group > * + * {
	margin-block-start: 10px;
}

.hb-lablec .wp-block-site-logo.hb-logo img {
	height: 64px;
}

.hb-lablec-bevezeto {
	max-width: 22rem;
	color: #C3D4BA;
}

.hb-lablec-oszlopok .hb-lablec-bevezeto {
	margin-block-start: 20px;
}

.hb-lablec-cim {
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.4;
	text-transform: uppercase;
}

.hb-lablec-oszlopok .hb-lablec-cim + * {
	margin-block-start: 14px;
}

/* A számlaszám nagy betűvel a kötőjelnél törik (Chrome); ahol a böngésző a kötőjel és a számjegy közt nem tör (UAX #14, LB25), végső
   tartalékként bárhol törhet, így sosem lóg ki a dobozából. */
.hb-szamla {
	font-variant-numeric: tabular-nums;
	overflow-wrap: anywhere;
}

/* Minden lábléc-hivatkozás legalább 44 px magas koppintási felület (terv 4.5). */
.hb-lablec-link a,
.hb-lablec-email a,
.hb-lablec-also a,
.hb-lablec-also .wp-block-navigation .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.hb-lablec-link a {
	font-size: 15px;
	font-weight: 700;
}

/* Facebook és YouTube: 44 px-es, fehér körök. */
.hb-lablec .hb-kozosseg {
	gap: 10px;
	color: var(--wp--preset--color--feher);
}

.hb-kozosseg .wp-social-link {
	width: 44px;
	height: 44px;
	border: 1.5px solid rgba(255, 255, 255, 0.3);
	border-radius: 999px;
}

.hb-kozosseg .wp-social-link .wp-block-social-link-anchor {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0;
}

.hb-kozosseg .wp-social-link .wp-block-social-link-anchor svg {
	width: 20px;
	height: 20px;
}

.hb-lablec-also {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	color: #9DB394;
	font-size: 0.875rem;
}

.hb-lablec-also p {
	margin: 0;
}

/* Az alsó sor menüje: a menüpontok a navigáció színét öröklik (a navigációs blokk így kéri), ezért a szín a navigáción van. */
.hb-lablec-also .hb-lablec-menu {
	color: #D3E0CB;
	font-size: 0.875rem;
	font-weight: 400;
}

/* Ha a menü több sorba törik, a sorok közt nincs köz: minden pont 44 px magas, így a sorok és az utánuk következő „Adatkezelési
   tájékoztató” sor ritmusa egyenletes (a navigációs blokk a sorközt is a 22 px-es oszlopközből veszi). */
.hb-lablec-menu .wp-block-navigation__container {
	row-gap: 0;
}

.hb-lablec-also a {
	color: #D3E0CB;
}

/* 640 px alatt egy oszlop (terv 4.5): a flex-alap nélkül 585 px felett már kettő férne el. */
@media (max-width: 639.98px) {
	.hb-lablec-oszlopok > *,
	.hb-lablec-oszlopok > .hb-lablec-bemutatkozas {
		flex-basis: 100%;
	}
}

/* ---------- Sávok (2. mérföldkő, terv 4.1, 4.3, 6.1) ---------- */

/* A lap sávjai rés nélkül követik egymást. A gyors tájékoztató csíkja közvetlenül a hős alatt áll, nem lóg rá (terv 4.3; 1.6/A): a sávja
   Mélyzöld, mint a hős alja és a meghívás, így nincs színhatár. (A theme-lapok.json-ban háttér nélkül áll: a meghívással egy egységet alkot,
   és a háttere itt van, nem a blokk beállításában.) */
.wp-block-post-content > .hb-sav {
	margin-block: 0;
}

.wp-block-post-content > .hb-gyors-info {
	background-color: var(--wp--preset--color--melyzold);
}

/* A szerkesztő által a szövegbe tett hivatkozás a sötét sávokban (a Mélyzöld hátterűekben, a hős fölött és a gyors tájékoztató csíkján is) a szöveg
   világos színét örökli, aláhúzva (Zsálya aláhúzással, mint a sávok saját hivatkozásai): a téma Zöld hivatkozásszíne (theme.json) a Mélyzöldön csak
   1,95:1 lenne, a fölé vitt Sötétzöld még gyengébb (WCAG 1.4.3). A (0,1,1) fajsúly a theme.json hivatkozásszabályait (alap és :hover) is felülírja;
   a gombok (.wp-element-button) és a sötét sávban álló világos kártyák (.hb-allomas-kartya: a „Kik vagyunk?” Történelmünk állomásai Vászon háttéren) kimaradnak: ott a
   téma Zöld hivatkozásszíne áll (5,6:1 a Vásznon, aláhúzva), különben a hivatkozás a szövegével azonos színű és a Zsálya aláhúzás a Vásznon 1,4:1 lenne (WCAG 1.4.1).
   Az idővonal évszám-kapszulájába (.hb-allomas-ev) tett hivatkozás a kapszula színét és aláhúzását örökli (l. a Történelmünk szabályait): azt a `.hb-allomas-ev a` szabály
   írja felül (azonos fajsúly, később áll). */
:is(.has-melyzold-background-color, .hb-gyors-info, .hb-hos) a:where(:not(.wp-element-button, .hb-allomas-kartya a)) {
	color: inherit;
	text-decoration-color: var(--wp--preset--color--zsalya);
}

/* Felső címke: 13 px, 700, nagybetűs, 0,18 em ritkítás (terv 4.2). */
.hb-cimke {
	font-size: var(--wp--preset--font-size--cimke);
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1.4;
	text-transform: uppercase;
}

.hb-cimke + .wp-block-heading {
	margin-block-start: 14px;
}

/* Két oszlop: a kép (vagy a kereszt) és a szöveg; keskeny képernyőn egymás alá kerülnek (terv 4.5). A „fordított” sorban
   keskeny képernyőn a kép kerül felülre. */
.hb-ketoszlop > .hb-oszlop-kep {
	flex: 1 1 320px;
	max-width: 500px;
	margin: 0 auto;
}

.hb-ketoszlop > .hb-oszlop-szoveg {
	flex: 999 1 400px;
	min-width: 0;
}

.hb-oszlop-szoveg > p:not(.hb-cimke, .hb-ige, .hb-idezet),
.hb-oszlop-szoveg > .hb-lehetoseg {
	max-width: 36rem;
}

.hb-ige + p {
	margin-block-start: 30px;
}

.hb-oszlop-szoveg > .wp-block-buttons,
.hb-oszlop-szoveg > .hb-doboz,
.hb-oszlop-szoveg > .hb-kik-sor,
.hb-oszlop-szoveg > .hb-teli-kartya {
	margin-block-start: 30px;
}

/* Az Istentisztelet lapon a sötét téli kártya (Otthon állapotban a „Szeretettel várunk” mondat helyén) a doboz szélességéhez igazodik (téli helyszín terv, 12. döntés). */
.hb-oszlop-szoveg > .hb-teli-kartya {
	max-width: 36rem;
}

/* ---------- Hős (terv 5.3) ---------- */

/* A borító belső tárolója (has-global-padding) a lap tartalmán belül 0 oldalmargót kap, ezért a margót a hős maga adja. Az alja hosszan
   a Mélyzöldbe úszik (terv 5.3; a vászon K16 kerete, A változat; a réteg a hos-video mintázatban), alatta a gyors tájékoztató csíkja áll. */
.wp-block-cover.hb-hos {
	align-items: flex-end;
	min-height: clamp(600px, 56vw, 820px);
	padding: 150px var(--wp--style--root--padding-right) clamp(96px, 10vw, 140px) var(--wp--style--root--padding-left);
}

/* A poszter a videó alatt (2026-10-28: telefonon WebP, a <video> posztere helyett; a videó első kockája takarja). */
.hb-hos-poszter,
.hb-hos-poszter img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
}

.hb-hos-alcim {
	max-width: 34rem;
	color: #E6EEDD;
	font-size: clamp(1.1rem, 1.6vw, 1.35rem);
	line-height: 1.55;
}

/* A hős egyetlen gombja (1.6/A) az alcím alatt, 34 px-re. A szüneteltető gomb telefonon nem mellette áll (a hős jobb felső sarkában, lásd a
   gomb szabályát: a felhasználó döntése, 2026-10-08), ezért a felirat egy sorban fér el, a gombsornak nincs fenntartott helye. */
.hb-hos-tartalom > .wp-block-buttons {
	margin-block-start: 34px;
}

/* ---------- Gyors tájékoztató ---------- */

/* Világos betűs csík közvetlenül a hős alatt (terv 4.3; a vászon K16 kerete, A változat): a két vékony vonal és a párnázás a blokk
   beállítása, a címke Zsálya (textColor), az érték a sáv fehérje, az ikon Zsálya, áttetsző fehér négyzetben. */
.hb-gyors-csik > .hb-gyors-elem {
	flex: 1 1 210px;
}

/* 640 px alatt egy oszlop (terv 4.5): a flex-alap nélkül 535 px felett már két oszlop férne el. */
@media (max-width: 639.98px) {
	.hb-gyors-csik > .hb-gyors-elem {
		flex-basis: 100%;
	}
}

.hb-gyors-cim,
.hb-elerhetoseg-cimke {
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
}

.hb-gyors-ertek {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
}

/* Vonalas ikon halvány zöld alapon (terv 4.3). */
.hb-ikon {
	display: grid;
	flex: none;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 999px;
	background-color: #E3EEDD;
	color: var(--wp--preset--color--zold);
}

.hb-gyors-elem .hb-ikon {
	width: 46px;
	height: 46px;
	border-radius: 14px;
}

/* Az ikon a Mélyzöld csíkon és a Kapcsolat lap Mélyzöld sávjában: Zsálya, áttetsző fehér négyzetben. */
.hb-gyors-elem .hb-ikon,
.hb-elerhetoseg > .hb-ikon {
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--wp--preset--color--zsalya);
}

/* A „Mikor?” alatt a következő istentisztelet napja (1.6/A; a „Következő alkalom mondatban” blokk kimenete a téma sorbontója után):
   élénkzöld, lassan pulzáló „élő” ponttal (2026-10-25, a felhasználó kérése; csökkentett mozgásnál álló pont), az idő és a hét napja nélkül, mert fölötte „Minden vasárnap 10:00” áll; a színe a .hb-halvany osztályé. Ha a
   kimenet nem bontható, az idő és a nap is látszik. A dátum egyben marad; ha a sor nem fér el, a második sor a szöveghez igazodik (a pont
   és a köze 15 px). */
.hb-legkozelebb {
	padding-inline-start: 15px;
	font-size: 14px;
	line-height: 1.45;
	text-indent: -15px;
}

.hb-legkozelebb::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-inline-end: 7px;
	border-radius: 99px;
	background-color: #4ade80;
}

@media (prefers-reduced-motion: no-preference) {
	.hb-legkozelebb::before {
		animation: hb-elo 2s ease-in-out infinite;
	}
}

/* A pont felvillan, a gyűrű a fényes pontból sugárzik ki, utána a pont elhalványul (a felhasználó kérése, 2026-10-25). */
@keyframes hb-elo {
	0% { opacity: 0.45; box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6); }
	15% { opacity: 1; }
	60% { opacity: 1; box-shadow: 0 0 0 6px rgba(74, 222, 128, 0); }
	100% { opacity: 0.45; box-shadow: 0 0 0 6px rgba(74, 222, 128, 0); }
}

.hb-legkozelebb .hb-alkalom-ido,
.hb-legkozelebb .hb-alkalom-hetnap {
	display: none;
}

.hb-legkozelebb .hb-alkalom-datum {
	white-space: nowrap;
}

/* A „Hol?” alatt az útvonal hivatkozása (1.6/A; a Google Térkép, mint a Kapcsolat lap gombjáé): fehér, Zsálya aláhúzással, legalább 44 px
   magas (terv 4.5). */
.hb-gyors-ut {
	font-size: 14.5px;
	font-weight: 700;
}

.hb-gyors-ut > a,
.hb-elerhetoseg-ertek > a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: inherit;
	text-decoration-color: var(--wp--preset--color--zsalya);
	text-underline-offset: 4px;
}

/* A „Hol?” válasza a naptár helyszíne (Máshol és Otthon állapotban; téli helyszín spec 4.): a szerkesztő által beírt hosszú cím (kapucsengő, útleírás) 320 px-en is tördel. */
.hb-hol-szoveg {
	overflow-wrap: anywhere;
}

/* A téli kártya (téli helyszín terv, 11., 12., 16. döntés; spec 4., 5.1; a vászon Teli kerete, A2): a kezdőlapon Búzaarany áttetsző alap és keret (a blokk beállításai), az
   Istentisztelet lapon Mélyzöld alap (.hb-teli-sotet, szintén a blokk beállítása); a két nagy hópehely az első gyermek (.hb-teli-disz, aria-hidden, a helyét az inline stílusa adja), a
   bekezdések a díszítés fölött (position: relative), a keretben a lekerekített sarok levágja a sarokból kilógó hópelyhet. Telefonon (640 px alatt) a Hol? alatt, 640–1145 px
   között a csík alatt egész szélességben, 1146 px-től a Mikor? és a Hol? mellett kétszeres szélességben (a dobozok flex-basis-a 640 px alatt eleve 100%). */
.hb-gyors-csik > .hb-teli-kartya {
	flex: 1 1 100%;
}

@media (min-width: 1146px) {
	.hb-gyors-csik > .hb-teli-kartya {
		flex: 2 1 440px;
	}
}

/* Az overflow: clip (a hidden tartaléka a régi böngészőknek) nem hoz létre görgethető dobozt: a kártyából kilógó hópehely (a kicsi 24 px-re lóg alul) miatt egy hidden kártya tartalma
   programozottan (pl. egy hivatkozásra ugrás, a „keresés az oldalon”) 24 px-et felgördülhetne, és a szöveg a kártya tetejéhez érne. */
.hb-teli-kartya {
	position: relative;
	overflow: hidden;
	overflow: clip;
	color: #D5E2CD;
}

/* A bekezdések közti köz (a felirat felett 0, a cím felett 8, a szöveg felett 10 px): a díszítés az első gyermek, ezért a WordPress elrendezése (.is-layout-flow > * + *) a feliratra is közt
   tenne; a (0,2,0) fajsúlyú kijelölő ezt felülírja. */
.hb-teli-kartya > :is(.hb-teli-cimke, .hb-teli-cim, .hb-teli-szoveg) {
	position: relative;
	margin-block-start: 0;
}

/* A felirat: 12,5 px, 700, nagybetűs, Búzaarany, előtte 18 px-es hópehely (a vászon kis hópelyhe egyetlen útvonallá számolva, a hat ág 60 fokonként elforgatva). */
.hb-teli-kartya > .hb-teli-cimke {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #E8C27A;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
}

.hb-teli-cimke::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24' fill='none' stroke='%23E8C27A' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 0 0-10.5M0-5.8-2.6-8.2M0-5.8 2.6-8.2M0 0 9.09-5.25M5.02-2.9 5.8-6.35M5.02-2.9 8.4-1.85M0 0 9.09 5.25M5.02 2.9 8.4 1.85M5.02 2.9 5.8 6.35M0 0 0 10.5M0 5.8 2.6 8.2M0 5.8-2.6 8.2M0 0-9.09 5.25M-5.02 2.9-5.8 6.35M-5.02 2.9-8.4 1.85M0 0-9.09-5.25M-5.02-2.9-8.4-1.85M-5.02-2.9-5.8-6.35'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* A cím Literata dőlt 400 (16. döntés; a közös szabály a .hb-ige és a .hb-idezet mellett adja a betűt). */
.hb-teli-kartya > .hb-teli-cim {
	margin-block-start: 8px;
	color: #F6F8F1;
	font-size: clamp(1.45rem, 2.2vw, 1.7rem);
	line-height: 1.22;
}

.hb-teli-kartya > .hb-teli-szoveg {
	max-width: 36rem;
	margin-block-start: 10px;
	font-size: 15.5px;
	line-height: 1.6;
}

/* A hivatkozás fehér, 700, Búzaarany aláhúzással; a sötét sávok szerkesztői hivatkozásainak szabálya (fent) után áll, hogy felülírja. */
.hb-teli-kartya a {
	color: #FFFFFF;
	font-weight: 700;
	text-decoration-color: #E8C27A;
	text-underline-offset: 3px;
}

/* ---------- Meghívás (terv 4.3, 4.4) ---------- */

.hb-meghivas {
	position: relative;
}

/* A betűkereszt a lap Manrope betűjével rajzolódik: az örökölt szövegtulajdonságok semlegesek. */
.hb-kereszt {
	width: min(100%, 420px);
	font-style: normal;
	letter-spacing: 0;
	text-transform: none;
	word-spacing: normal;
}

/* Az igék és az idézetek Literata dőlttel (terv 4.2); a téli kártya címe is (téli helyszín terv, 16. döntés). */
.hb-ige,
.hb-idezet,
.hb-velemeny-szoveg,
.hb-teli-cim {
	font-family: var(--wp--preset--font-family--literata);
	font-style: italic;
	font-weight: 400;
}

.hb-ige {
	color: #F6F8F1;
	font-size: var(--wp--preset--font-size--ige);
	line-height: 1.34;
}

.hb-halvany {
	color: #C3D4BA;
}

/* Hullám a sáv alján, a következő (Vászon) sáv színében. */
.hb-meghivas > .hb-hullam {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	max-width: none;
	height: clamp(36px, 5vw, 72px);
	color: var(--wp--preset--color--vaszon);
}

/* 640 px alatt (terv 4.5) a kereszt a szélesség 74%-a. */
@media (max-width: 639.98px) {
	.hb-kereszt {
		width: 74%;
	}
}

/* ---------- Képek (terv 4.3) ---------- */

.hb-kep-kerek img {
	width: 100%;
	height: clamp(340px, 34vw, 480px);
	border-radius: 28px;
	object-fit: cover;
	object-position: 45% 35%;
}

/* ---------- Doboz és kártyák ---------- */

.hb-doboz {
	max-width: 36rem;
	padding: 18px 24px 8px;
	border: 1px solid #D6E2D0;
	border-radius: 20px;
}

.hb-doboz-cim {
	color: #5F6E62;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-transform: uppercase;
}

/* A „Következő alkalom mondatban” blokk sorai (a functions.php hegyibaptista_alkalom_sorok szűrője bontja őket, és a blokkra a hb-bontva
   osztályt teszi): a nap balra, az idő jobbra, a sorok között vékony vonal (a második sortól felül; az első látható sor előtti sortörés
   rejtett). Ha a kimenet nem bontható, a sorok változatlanul, sortöréssel látszanak. */
.hb-bontva br {
	display: none;
}

.hb-alkalmak-lista .hb-alkalom {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 0;
	border-top: 1px solid #E4ECE0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
}

.hb-alkalmak-lista br[hidden] + .hb-alkalom {
	border-top: 0;
}

.hb-alkalmak-lista .hb-alkalom-ido {
	color: var(--wp--preset--color--zold);
}

/* A nem imaházi időpont helyszíne a sor alatt (téli helyszín terv, 7. döntés; spec 5.2): kisebb, Szürkészöld betűvel, a sorhoz húzva (a sor alsó párnázásának fele), alatta a sor alsó
   párnázásával egyező köz; a bővítmény elválasztója (" · ") csak a nem bontott tartaléknál, a bekezdés mellett áll. A hosszú cím tördel. */
.hb-bontva .gyn-sentence-place {
	display: block;
	margin-block-start: -6px;
	padding-block-end: 12px;
	color: var(--wp--preset--color--szurkezold);
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.hb-bontva .gyn-sentence-sep {
	display: none;
}

/* Kártyák sora: egyforma magasak, keskeny képernyőn egymás alá kerülnek. */
.hb-kartyak > * {
	flex: 1 1 250px;
	min-width: 0;
}

/* 640 px alatt egy oszlop (terv 4.5): a flex-alap nélkül 564 px felett már két oszlop férne el (a kérdés- és a véleménykártyák nagyobb
   flex-alapja miatt ott 640 px alatt eleve egy oszlop van). */
@media (max-width: 639.98px) {
	.hb-kartyak > * {
		flex-basis: 100%;
	}
}

.hb-kartya {
	padding: 28px 26px 24px;
	border-radius: 22px;
}

.hb-keretes {
	border: 1px solid #D6E2D0;
}

.hb-kartya p {
	font-size: 16.5px;
	line-height: 1.6;
}

.hb-kartya p.hb-kartya-cimke {
	font-size: 14px;
	font-weight: 700;
}

/* Képes kártya (a „Heti ritmusunk” sáv, terv 6.1; a naptár bővítmény „Alkalomtípusok kártyái” blokkja, a vászon HetiKartyak és 2026-10-23 óta KezdoAlkalmak kerete): felül a kártya teljes szélességében 16:9-es kép
   (alább: .hb-tk-kep), alatta a szöveg a kártya párnázásával. A kártya és a szövege oszlopos flex (a „Legközelebb” elem a kártya aljához igazodik: alább). */
.hb-kartya.hb-kepes {
	display: flex;
	flex-direction: column;
	padding: 0;
	overflow: hidden;
}

.hb-kepes > .hb-kartya-szoveg {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 20px 22px 22px;
}

/* A „Heti ritmusunk” kártyáinak címe a saját oldalára visz (terv 6.1; 2026-10-11): a cím a cím színében, aláhúzás nélkül, fölé víve aláhúzva. */
.hb-kartya h3 > a,
.hb-tipus h3 > a {
	color: inherit;
	text-decoration: none;
}

.hb-kartya h3 > a:hover,
.hb-tipus h3 > a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* ---------- A „Heti ritmusunk” nagy Istentisztelet kártyája (A – Kiemelt széles kártya; terv 6.1, 4.5; 2026-10-23, a felhasználó döntése) ---------- */

/* A vászon KezdoAlkalmak kerete (A): a fejrész alatt a sáv teljes szélességében fehér, keretes, 22 px-es sarkú kártya; 1024 px alatt felül a kép 4:3-ban, alatta a szöveg,
   1024 px-től vízszintes, legalább 560 px magas: balra a kép a kártya 46%-án, jobbra függőlegesen középen a szöveg. Alatta 18 px-re a kis kártyák. A kártya gyermekeinek
   margóját a téma adja (a csoport folyó elrendezésének rése helyett; a címke utáni cím 14 px-ét a .hb-cimke + .wp-block-heading). A címke az Istentisztelet típus
   címkeszínében, előtte a típus színének pontja; a „Következő alkalmak” doboz Vászon alapon, keret nélkül, a szövegoszlop szélességében. */
.hb-alkalmak > .hb-it {
	display: flex;
	flex-direction: column;
	margin-block-start: clamp(32px, 4vw, 44px);
	border-radius: 22px;
	overflow: hidden;
}

.hb-it > * {
	margin: 0;
}

.hb-it-kep {
	aspect-ratio: 4 / 3;
}

.hb-it-kep img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 40%;
}

.hb-it-test {
	padding: 26px 22px 28px;
}

.hb-it-test > * {
	margin-block: 0;
}

.hb-it-cimke {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #5C410A;
}

.hb-it-cimke::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #9A6A1A;
}

.hb-it-cim {
	font-size: clamp(32px, 3.2vw, 46px);
	line-height: 1.08;
}

.hb-it-test > .hb-it-bev {
	max-width: 34rem;
	margin-block-start: 16px;
}

.hb-it-test > .hb-doboz {
	max-width: none;
	margin-block: 24px;
	padding: 14px 18px 4px;
	border: 0;
}

.hb-it .wp-block-buttons {
	column-gap: 28px;
}

.hb-it + .hb-tk {
	margin-block-start: 18px;
}

/* Telefonon a dátumsor kisebb betűvel (a vászon: 15 px), hogy a nap és az idő egy sorban férjen el a kártya párnázása mellett. */
@media (max-width: 639.98px) {
	.hb-it .hb-alkalom {
		font-size: 15px;
	}
}

@media (min-width: 1024px) {
	.hb-alkalmak > .hb-it {
		flex-direction: row;
		min-height: 560px;
	}

	.hb-it-kep {
		flex: 0 0 46%;
		aspect-ratio: auto;
	}

	.hb-it-test {
		flex: 1;
		align-self: center;
		padding: clamp(36px, 3.6vw, 52px) clamp(32px, 3.9vw, 56px);
	}
}

/* ---------- Az alkalomtípusok kártyái (a kezdőlap „Heti ritmusunk” sávja; terv 6.1, 4.5; 2026-10-21) ---------- */

/* A naptár bővítmény „Alkalomtípusok kártyái” blokkja; a hb- osztályokat a téma szűrője (hegyibaptista_kov_osztalyok) teszi a bővítmény jelölésére.
   Rács: 640 px alatt egy oszlop, 640–1145 px között kettő, 1146 px-től három, pontosan négy kártyánál négy, egy vagy két kártyánál kettő (2026-10-23: a nagy kártya alatt két kártya
   kitölti a sort); a kártya nem nyúlik a sor szélességére. */
.hb-tk-racs {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
}

@media (min-width: 640px) {
	.hb-tk-racs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1146px) {
	.hb-tk-racs {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hb-tk-4 > .hb-tk-racs {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.hb-tk-1 > .hb-tk-racs,
	.hb-tk-2 > .hb-tk-racs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* A kártya képe (vagy kép nélkül a Mélyzöld csempe a betűkereszttel) 16:9-es dobozban (2026-10-23 óta; előtte 4:3), a kártya teljes szélességében. */
.hb-tk-kep {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.hb-tk-kep > *,
.hb-tk-kep img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 35%;
}

.hb-kartya-szoveg > * {
	margin: 0;
}

/* A „Legközelebb” elem a kártya aljához igazodik (egy sorban a naptárlapok egy vonalban), fölötte legalább 20 px (a 10 px-es réssel). */
.hb-tk-kov {
	margin-top: auto;
	padding-top: 10px;
}

/* A „Legközelebb” elem, A – Naptárlap (a vászon HetiKartyak kerete, valtozat="A"): balra kis naptárlap (a hónap a típus halvány címkeszínében, a bővítmény
   --gyn-color-bg / --gyn-color-ink változóiból), mellette „Legközelebb” és a nap neve az idővel, jobbra nyíl; az egész sor egy hivatkozás. */
.hb-kov,
.hb-kov-nincs {
	display: grid;
	align-items: center;
	box-sizing: border-box;
	column-gap: 14px;
	min-height: 76px;
}

.hb-kov,
.hb-kov:hover {
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
}

/* A felirat, a nap neve és az idő nem törik szó közepén: a téma overflow-wrap: break-word szabálya a keskeny kártyán (négy kártya, 1146 px: kb. 250 px) a „LEGKÖZELEBB” és a „csütörtök”
   szavakat is szétvágná (a vászon szűk változatán a szó a rés fölé lóg, a nap neve és az idő külön sorba kerül). */
.hb-kov {
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: 9px 16px 9px 9px;
	border-radius: 16px;
	background: var(--wp--preset--color--vaszon);
	font-weight: 800;
	overflow-wrap: normal;
}

.hb-kov:hover {
	background: var(--wp--preset--color--vaszon-sotet);
}

.hb-kov:hover .hb-kov-mikor {
	color: var(--wp--preset--color--zold-sotet);
}

.hb-kov-lap {
	display: flex;
	flex-direction: column;
	width: 56px;
	overflow: hidden;
	border-radius: 11px;
	background: var(--wp--preset--color--feher);
	box-shadow: 0 0 0 1px #E6E0CF, 0 2px 4px rgba(10, 20, 14, 0.06);
	text-align: center;
	line-height: 1;
}

.hb-kov-ev,
.hb-kov-ho {
	padding-top: 5px;
	background: var(--gyn-color-bg);
	color: var(--gyn-color-ink);
	font-size: 10px;
	letter-spacing: 0.04em;
}

.hb-kov-ho {
	padding-bottom: 4px;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hb-kov-nap {
	padding: 7px 0 8px;
	font-size: 24px;
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
}

.hb-kov-pont {
	display: none;
}

.hb-kov-szoveg {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.hb-kov-cimke,
.hb-kov-nincs {
	color: var(--wp--preset--color--szurkezold);
}

.hb-kov-cimke {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.hb-kov-mikor {
	font-size: 17px;
	line-height: 1.3;
}

.hb-kov-nyil {
	width: 22px;
	height: 22px;
	color: var(--wp--preset--color--zold);
}

@media (prefers-reduced-motion: no-preference) {
	.hb-kov,
	.hb-kov * {
		transition: 0.15s;
	}

	.hb-kov:hover .hb-kov-nyil {
		transform: translateX(3px);
	}
}

/* Nincs következő alkalom (az Alkalmaink lap kártyáin; a kezdőlapon ilyenkor nincs kártya): szaggatott keretű üres lap, mellette a szöveg, nem hivatkozás. */
.hb-kov-nincs {
	grid-template-columns: auto minmax(0, 1fr);
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1.4;
}

.hb-kov-ikon {
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 56px;
	height: 58px;
	border: 1.5px dashed #A9C59B;
	border-radius: 11px;
	color: #5F6E62;
}

.hb-fejresz,
.hb-fejresz-sor {
	margin-block-end: 44px;
}

/* ---------- Kik vagyunk?, lelkipásztor ---------- */

.hb-idezet {
	color: var(--wp--preset--color--melyzold);
	font-size: clamp(1.25rem, 1.9vw, 1.6rem);
	line-height: 1.45;
}

/* A lelkipásztor sávja Mélyzöld (terv 3., 6.1; a vászon K11 kerete, A változat): az idézet világos Literata dőlt, a kép alatt árnyék. */
.hb-lelkipasztor .hb-oszlop-szoveg > .hb-idezet {
	color: #F6F8F1;
}

.hb-lelkipasztor .hb-kep-kerek img {
	box-shadow: 0 24px 60px rgba(10, 20, 14, 0.35);
}

/* ---------- Első alkalommal: kérdések (szinkronizált minta, terv 3., 4.5, 5.2; a vászon UjVagy kerete, D változat) ---------- */

/* Sötétebb vászon sáv: a nyolc kérdés kártya nélkül, három szakaszban (.hb-szakasz: a szakaszjel és a név a .hb-szakasz-fej-ben, alatta a kérdések),
   egy szaggatott vonalú útvonal mentén. A díszítő kérdőjel (.hb-kerdojel, aria-hidden, a mintázat jelölésében) a sáv saját rétegében (isolation) a
   szöveg alatt áll; a sáv levágja. */
.hb-elso-alkalom {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

/* A három szakasz 1146 px-től egymás mellett (a „Heti ritmusunk” töréspontja), alatta egyetlen oszlopban, 30 px-es közzel. A cellába írt hosszú,
   szóköz nélküli szöveg (pl. egy teljes hivatkozás) bárhol törhet: az overflow-wrap: anywhere közvetlenül a szövegeken áll (a :where(h1 … p) break-word
   szabálya az örökölt értéket kioltaná), és csak az szűkíti az oszlopot. */
.hb-elso-alkalom > .hb-utvonal {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 30px 48px;
}

/* A szakaszjel: az .hb-ikon Mélyzöld körben Búzaarany Literata dőlt számmal (a színek a mintázat palettaosztályai); a név kis, nagybetűs, ritkított címke. */
.hb-szam {
	font: italic 400 25px/1 var(--wp--preset--font-family--literata);
}

.hb-szakasz-fej > h3 {
	font-size: 13.5px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

/* Az útvonal: 2 px-es szaggatott vonal a szakaszjeltől az ikonokon át, 8 px réssel a körök előtt és után (a körök 52 px-esek, a köz 30 px). A szakaszjel
   alatt 14 px-es darab, a kérdések alatt (::after) a következő körig; a szakasz utolsó kérdése után csak egy oszlopban fut tovább a következő szakaszjelig. */
.hb-szakasz-fej,
.hb-kerdes {
	position: relative;
}

.hb-szakasz-fej::before,
.hb-kerdes::after {
	content: "";
	position: absolute;
	top: 60px;
	left: 25px;
	border-left: 2px dashed rgba(31, 58, 43, 0.35);
}

.hb-szakasz-fej::before {
	height: 14px;
}

.hb-kerdes::after {
	bottom: -22px;
}

.hb-szakasz:last-child > .hb-kerdes:last-child::after {
	display: none;
}

/* Az ikon fehér körben, enyhe árnyékkal (a fehér a mintázat palettaosztálya); a kérdés szövege legfeljebb 38 rem széles. */
.hb-kerdes > .hb-ikon {
	box-shadow: 0 6px 18px rgba(31, 58, 43, 0.1);
}

.hb-kerdes > .wp-block-group {
	max-width: 38rem;
}

.hb-kerdes > .wp-block-group > h4 {
	padding-top: 4px;
	font-size: 19px;
	overflow-wrap: anywhere;
}

.hb-kerdes > .wp-block-group > p {
	font-size: 16.5px;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

/* Nagy, halvány Búzaarany kérdőjel a jobb felső sarokban, a szöveg alatt: 1146 px-től 255–300 px (1440 px-től 300), alatta 200 px; a tinta jobb széle a
   tartalom jobb szélén kívül 13 px-re áll (a doboz jobb széle a ~0,06 em-es oldalperem miatt beljebb). */
.hb-elso-alkalom > .hb-kerdojel {
	--hb-k: clamp(200px, calc(15.3vw + 79.7px), 300px);
	position: absolute;
	top: 24px;
	right: calc(max(var(--wp--style--root--padding-right, 20px), (100% - 1240px) / 2) - 13px - 0.06 * var(--hb-k));
	z-index: -1;
	margin: 0;
	color: rgba(232, 194, 122, 0.5);
	font: italic 400 var(--hb-k) / 1 var(--wp--preset--font-family--literata);
	-webkit-user-select: none;
	user-select: none;
}

@media (min-width: 1146px) {
	.hb-elso-alkalom > .hb-utvonal {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hb-kerdes:last-child::after {
		display: none;
	}

	/* Vízszintes darab a szakasz neve után a következő szakaszjelig (8 px réssel: a 48 px-es oszlopköz mínusz 40 px). */
	.hb-szakasz:not(:last-child) .hb-szakasz-fej::after {
		content: "";
		flex: 1 1 auto;
		min-width: 24px;
		margin-right: -40px;
		border-top: 2px dashed rgba(31, 58, 43, 0.35);
	}
}

/* ---------- Vélemények (szinkronizált minta, terv 5.2) ---------- */

/* A véleménykártyák és a belső lapok kétkártyás sorai (Adakozás, Kapcsolat): 300 px-es alap, kb. 672 px alatt egy oszlop (a Kapcsolat sorain
   a 40 px-es oszlopköz miatt kb. 696 px alatt; terv 4.5). */
.hb-kartyak.hb-velemeny-sor > *,
.hb-kartyak.hb-parosan > * {
	flex-basis: 300px;
}

/* A látványterven a véleménykártya párnázása 30 px (alul 26 px). */
.hb-kartya.hb-velemeny {
	padding: 30px 30px 26px;
}

.hb-ertekeles-szam {
	font-size: 56px;
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1;
}

/* A csillagok díszítők (az értékelés szövegként is ott áll, terv 4.1). */
.hb-csillagok {
	display: flex;
	gap: 3px;
	color: #9A6A1A;
}

.hb-ertekeles-szoveg {
	font-size: 14.5px;
	font-weight: 600;
}

.hb-kartya p.hb-velemeny-szoveg {
	flex: 1;
	font-size: 19px;
	line-height: 1.55;
}

.hb-velemeny-szerzo p {
	margin: 0;
	line-height: 1.4;
}

.hb-kartya p.hb-monogram {
	display: grid;
	flex: none;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 99px;
	background-color: var(--wp--preset--color--zold);
	color: var(--wp--preset--color--feher);
	font-size: 16px;
	font-weight: 800;
}

.hb-kartya p.hb-velemeny-nev {
	font-size: 15.5px;
	font-weight: 700;
}

.hb-kartya p.hb-velemeny-forras {
	color: #5F6E62;
	font-size: 13.5px;
}

.hb-velemeny-gombok {
	margin-block-start: 30px;
}

/* ---------- YouTube-sáv: a felvétel a szélesebb oszlop ---------- */

.hb-ketoszlop > .hb-oszlop-video {
	flex: 1.4 1 460px;
	min-width: 0;
}

.hb-youtube .hb-ketoszlop > .hb-oszlop-szoveg {
	flex: 1.35 1 340px;
}

/* ---------- Lejátszó (film, YouTube): kattintásig csak kép és hivatkozás, a film.js teszi a helyére a lejátszót (terv 5.3, 5.6) ---------- */

.wp-block-image.hb-lejatszo {
	position: relative;
	margin: 0;
}

/* Az áttetszőségű (opacity) kép saját rétegkontextus, és a fában a ::before után áll, ezért eltakarná a sötétítő réteget: a sötétítő réteg és
   a lejátszás jel z-index-szel kerül a kép fölé. A hivatkozás maga is külön réteg (z-index: 0), hogy a (testvér) felirat a sötétítő fölött
   maradjon. A sötétítő nélkül a Zsálya címke kontrasztja a kép fölött 3,9–4,5:1 (a doboz legvilágosabb képpontjain mérve).
   A szabályok a kép saját hivatkozására (a figure közvetlen gyermekére, > a) vonatkoznak: a feliratban lévő hivatkozás nem lesz lejátszó. */
.hb-lejatszo > a,
.hb-lejatszo-keret {
	display: block;
	position: relative;
	z-index: 0;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: 22px;
	background-color: var(--wp--preset--color--ejzold);
}

.wp-block-image.hb-lejatszo img,
.hb-lejatszo-keret iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.wp-block-image.hb-lejatszo img {
	object-fit: cover;
	opacity: 0.5;
}

.hb-lejatszo > a::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: linear-gradient(rgba(16, 30, 21, 0) 45%, rgba(16, 30, 21, 0.85));
}

/* A lejátszás jel: áttetsző kör fehér szegéllyel és fehér háromszöggel a hivatkozás közepén, hogy a borítóképet ne takarja (2026-10-25, a felhasználó kérése;
   rámutatáskor erősebb). A háromszög útvonala (x 8–19) már jobbra ül a 24-es dobozban, ezért a kép középre áll: a súlypontja így a kör közepén van (2026-10-27). A felirat és a jel átfedését a kezdőlap modul méri. */
.hb-lejatszo > a::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: clamp(72px, 8vw, 96px);
	height: clamp(72px, 8vw, 96px);
	border: 2px solid rgba(255, 255, 255, 0.85);
	border-radius: 999px;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l11-6.5z' fill='%23FFFFFF'/%3E%3C/svg%3E") 50% / 38% no-repeat;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.hb-lejatszo > a:hover::after {
	background-color: rgba(255, 255, 255, 0.3);
}

.wp-block-image.hb-lejatszo figcaption {
	position: absolute;
	right: 22px;
	bottom: 18px;
	left: 22px;
	margin: 0;
	color: var(--wp--preset--color--feher);
	font-size: clamp(1.05rem, 1.6vw, 1.3rem);
	font-weight: 700;
	line-height: 1.35;
	text-align: start;
	pointer-events: none;
}

.hb-lejatszo figcaption strong {
	display: block;
	margin-block-end: 4px;
	color: var(--wp--preset--color--zsalya);
	font-size: 12.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.hb-film {
	text-align: center;
}

.hb-film > .hb-lejatszo {
	max-width: 1080px;
	margin-block-start: clamp(36px, 5vw, 56px);
}

.hb-film-megjegyzes {
	color: #9DB394;
	font-size: 14.5px;
}

/* 640 px alatt a felirat a kép alá kerül: a keskeny képen a lejátszás jel és a felirat fedné egymást (a vásznon is fedi). */
@media (max-width: 639.98px) {
	.wp-block-image.hb-lejatszo figcaption {
		position: static;
		margin-block-start: 12px;
	}
}

/* A „Kik vagyunk?” film (terv 13.4): a posztere a film YouTube-indexképe saját felirattal (2026-10-28, a felhasználó kérése), ezért a kép teljes fényerővel,
   sötétítés nélkül áll, és a lejátszó felirata minden szélességen a kép alatt, az Éjzöld kereten belül, beljebb. */
.hb-lejatszo.hb-rolunk-film figcaption {
	position: static;
	margin-block-start: 12px;
	padding: 0 18px 16px;
}

.hb-rolunk-film.hb-lejatszo img {
	opacity: 1;
}

.hb-rolunk-film > a::before {
	content: none;
}

/* ---------- A háttérvideó szüneteltető gombja (video.js, terv 5.3) ---------- */

/* A hős jobb alsó sarkában, a hős aljától clamp(96px, 10vw, 140px)-re (terv 5.3: mint a szövegek alsó párnázása, vagyis a gyors tájékoztató
   csíkja fölött). Telefonon (640 px alatt) a jobb felső sarkában, a fejléc alatt: a fejléc 90 px magas, alatta 6 px köz (a felhasználó
   döntése, 2026-10-08: így a hős gombja egy sorban marad); a fix magasság (48 px) mellett a böngésző a bottom értékét figyelmen kívül hagyja,
   ezért ott elég a top. A jobb széle a tartalomoszlop jobb szélén áll: 1336 px felett a hős szélesebb az 1240 px-es oszlopnál, és a
   gyökér-margó a gombot az oszlopon kívülre tenné (1440 px-en 52, 1920 px-en 292 px-szel). */
.hb-video-gomb {
	position: absolute;
	right: max(var(--wp--style--root--padding-right, 20px), calc((100% - var(--wp--style--global--wide-size, 1240px)) / 2));
	bottom: clamp(96px, 10vw, 140px);
	z-index: 2;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1.5px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	background-color: rgba(16, 30, 21, 0.35);
	color: var(--wp--preset--color--feher);
	cursor: pointer;
}

@media (max-width: 639.98px) {
	.hb-video-gomb {
		top: 96px;
	}
}

/* ---------- A belső lapok címsávja (terv 4.4, 6.2; 2026-10-11 óta az „A – Naptárlap” címsávja) ---------- */

/* A belső lapok címsávja (terv 4.4, 6.2; 2026-10-11 óta az „A – Naptárlap” címsávja, a vászon Alkalmak.dc.html A kerete): alacsony Mélyzöld sáv a
   morzsamenüvel és a címmel, jobb oldalt a betűkereszt keresztgerendájának halvány, éles részlete (hegyibaptista_kereszt_motivum; aria-hidden, nem
   érhető el és nem jelölhető ki). A sáv levágja. A sáv saját rétegében (isolation) két réteg áll a szöveg alatt: alul a motívum (-3), fölötte a
   Mélyzöld átmenet (a ::after, -2: balra tiszta Mélyzöldbe olvasztja a motívumot, így a morzsamenü és a cím tiszta Mélyzöldön áll). Telefonon a
   motívum kisebb, halványabb, a jobb szélen kifut, és a cím mögé is benyúlhat (az átmenet ott sem tömör). Az elmosott nagy kereszt 2026-10-11 óta nincs. */
.hb-lapcim {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.hb-lapcim::after {
	content: "";
	position: absolute;
	z-index: -2;
	inset: 0;
	background: linear-gradient(90deg, #1F3A2B 40%, rgba(31, 58, 43, 0.6) 62%, rgba(31, 58, 43, 0));
}

.hb-lapcim > svg {
	position: absolute;
	z-index: -3;
	margin: 0;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}

.hb-lapcim > .hb-lapcim-motivum {
	top: 0;
	right: 0;
	width: clamp(300px, 47vw, 680px);
	height: 100%;
	opacity: 0.42;
}

@media (max-width: 639.98px) {
	.hb-lapcim::after {
		background: linear-gradient(90deg, #1F3A2B, rgba(31, 58, 43, 0.9) 55%, rgba(31, 58, 43, 0.45));
	}

	.hb-lapcim > .hb-lapcim-motivum {
		right: -40px;
		width: 300px;
		opacity: 0.28;
	}
}

/* A morzsamenü (hegyibaptista_morzsamenu): „Kezdőlap / <a lap címe>”; a hivatkozás legalább 44 px magas (terv 4.5, 6.2). */
.hb-morzsa {
	display: flex;
	align-items: center;
	gap: 0 10px;
	color: var(--wp--preset--color--zsalya);
	font-size: 14px;
	font-weight: 600;
}

/* A hivatkozás a lap tetején áll, a teljes fejléc alatt 8–20 px-re (a címsáv 2026-10-11 óta alacsony). Hátrafelé léptetve a böngésző a :root görgetési köze
   (a keskeny fejléc 66 px-e) szerint 40 px-nél kisebb görgetésre igazítaná, ahol a fejléc még teljes magas (90–104 px), és eltakarná: a 66 + 48 px
   a teljes fejléc magasságánál nagyobb, így a böngésző a lap tetejére görget (WCAG 2.4.11; a theme-check lapok modulja és a fokusz modulja). */
.hb-morzsa > a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: inherit;
	text-decoration: none;
	scroll-margin-top: 48px;
}

.hb-morzsa > a:hover {
	color: var(--wp--preset--color--feher);
	text-decoration: underline;
}

.hb-morzsa > [aria-current] {
	color: #E6EEDD;
}

/* A címsáv H1-e (terv 4.2, 6.2; 2026-10-11, „A”): clamp(2.25rem, 3.6vw, 3.25rem), közvetlenül a morzsamenü alatt. */
.hb-lapcim > h1 {
	margin-block-start: 0;
	font-size: clamp(2.25rem, 3.6vw, 3.25rem);
	line-height: 1.02;
	letter-spacing: -0.03em;
}

/* ---------- Belső lapok (3. mérföldkő, terv 4.1, 6.2) ---------- */

/* A lap tartalma (page.html): a sáv nélküli tartalom (pl. az Adatkezelési tájékoztató) a címsáv és a lábléc felé párnázott; a sávval
   kezdődő vagy végződő tartalom rés nélkül ér a címsávhoz, illetve a lábléchez. :has() nélkül (régi böngésző) a párnázás marad.
   R5 (2026-10-11): a címsáv alatti köz mindenhol ugyanaz, a „Nagy” méret (spacing 60: 32–56 px): itt, a vászonsávok felső párnázásában
   (patterns/lap-*.php), a 404-es sablonban és az alkalom aloldalának sablonjában is. */
.hb-oldal-tartalom {
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--80);
}

.hb-oldal-tartalom:has(> .hb-sav:first-child) {
	padding-block-start: 0;
}

.hb-oldal-tartalom:has(> .hb-sav:last-child) {
	padding-block-end: 0;
}

/* Az üres lapnál (2026-10-10 óta az Alkalmak nem ilyen: a naptár áll rajta) a WordPress a tartalom burkolóját (.wp-block-post-content, azaz a .hb-oldal-tartalom) sem rendeli ki: a
   <main>-ben csak a címsáv marad, és a lábléc közvetlenül utána következne. Ezért ilyenkor a <main> kapja a sáv nélküli tartalom alsó
   párnázását (a 404-es oldal <main>-jében a címsávot további tartalom követi, a tartalmas lapokén a burkoló). :has() nélkül (régi böngésző)
   az üres lapon nincs párnázás. */
main:has(> .hb-cimsav:last-child) {
	padding-block-end: var(--wp--preset--spacing--80);
}

/* Az Alkalmaink lap naptára betöltéskor egy képernyőn (2026-10-11, 10. feladat): a lapnak nincs címsávja, és a naptár bővítmény ezen a sávon kérésre illeszti a
   hónapot a képernyő magasságához (naptar.css, calendar.js: --gyn-fit). */
.hb-lap-alkalmak {
	--gyn-fit: 1;
}

/* Az Alkalmaink lap első sávja: A – Oldalsáv (terv 6.2; 2026-10-27; a vászon AlkalmainkLapA és AlkalmainkLapAMobil kerete). A .hb-al rács: 1280 px alatt egy oszlop, az oldalsáv csoportja
   (display: contents) nem számít, a gyerekei sorrendben (order: a következő alkalmak 0, a naptár 1, a rendszeres alkalmak 2, a gomb 3): a következő alkalmak, a naptár, a rendszeres alkalmak, a gomb (2026-10-28 óta a lap címe a címsávban áll, az oldalsávnak nincs fejrésze); 1280 px-től balra a flex-oszlopos oldalsáv
   (280, 1440 px-től 330 px), jobbra a naptár. A WordPress elrendezés-margóit a (0,2,0)-s kijelölők kioltják. */
.hb-al {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
}

.hb-al > .hb-al-oldal,
.hb-al > .hb-al-naptar,
.hb-al-oldal > .hb-al-doboz,
.hb-al-oldal > .hb-al-elso,
.hb-al-doboz > .hb-nl,
.hb-al-doboz > .hb-rl {
	margin: 0;
}

.hb-al-oldal {
	display: contents;
}

.hb-al > .hb-al-naptar {
	order: 1;
}

.hb-al-ritmus {
	order: 2;
}

.hb-al-elso {
	order: 3;
}

@media (min-width: 1280px) {
	.hb-al {
		grid-template-columns: 280px minmax(0, 1fr);
		column-gap: 28px;
		align-items: start;
	}

	.hb-al-oldal {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
}

@media (min-width: 1440px) {
	.hb-al {
		grid-template-columns: 330px minmax(0, 1fr);
		column-gap: 36px;
	}
}

/* A két fehér doboz: a cím kis, nagybetűs H2 (a dobozcímek Szürkészöld színe a blokk textColor beállítása), alatta a bővítmény blokkja. */
.hb-al-doboz {
	padding: 16px 18px 8px;
	border-radius: 20px;
	line-height: normal;
	box-shadow: 0 1px 2px rgba(10, 20, 14, 0.05);
}

.hb-al-doboz > .hb-al-doboz-cim {
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: inherit;
	text-transform: uppercase;
}

/* A következő alkalmak sorai: naptárlap (a „Legközelebb” elem lapjának szabályai, kisebb mérettel), cím, a nap és az idő, az „Úrvacsora” jelzés, nyíl. A sorok közti vonal csak a látható sorok
   közt áll (a frissítő szkript lejárt sort rejt); a li, a [data-gyn-until] és a .gyn-empty elemeknek nincs display-e, hogy a [hidden] rejtse őket. */
.hb-nl > .hb-nl-lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hb-nl-lista > li:not([hidden]) ~ li:not([hidden]) {
	border-top: 1px solid #E6E0CF;
}

.hb-nl .hb-nl-elem,
.hb-nl .hb-nl-elem:hover {
	color: var(--wp--preset--color--tinta);
	text-decoration: none;
}

.hb-nl .hb-nl-elem {
	display: grid;
	box-sizing: border-box;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 6px 0;
	font-weight: 800;
}

.hb-nl .hb-nl-elem:hover .hb-nl-cim {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hb-nl-lap {
	width: 48px;
	border-radius: 9px;
	box-shadow: 0 0 0 1px #E6E0CF;
}

.hb-nl-lap .hb-kov-ev,
.hb-nl-lap .hb-kov-ho {
	padding: 4px 0 3px;
	font-size: 10px;
}

.hb-nl-lap .hb-kov-nap {
	padding: 5px 0 6px;
	font-size: 20px;
}

.hb-nl-szoveg {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.hb-nl-cim {
	font-size: 15.5px;
	line-height: 1.25;
}

.hb-nl-mikor {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	font-size: 14px;
}

.hb-nl-ido {
	margin-inline-end: 4px;
}

.hb-nl-urvacsora {
	padding: 0 8px;
	border: 1px solid #D9BF84;
	border-radius: 999px;
	color: #6B4F12;
	font-size: 11.5px;
	font-weight: 700;
	line-height: 19px;
	white-space: nowrap;
}

.hb-nl-nyil {
	color: var(--wp--preset--color--zold);
}

/* A rendszeres alkalmak listája: a típus színű pötty (díszítő), a név, mellette (ha nem fér, alatta) az ismétlődés röviden. */
.hb-rl > .hb-rl-lista {
	margin: 0;
	padding: 0 0 6px;
	list-style: none;
}

.hb-rl-elem {
	display: grid;
	grid-template-columns: 10px minmax(0, 1fr);
	align-items: baseline;
	column-gap: 12px;
	padding: 4px 0;
}

.hb-rl-pont {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--gyn-color);
	transform: translateY(-1px);
}

.hb-rl-szoveg {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 8px;
}

.hb-rl-nev {
	font-size: 15px;
	font-weight: 800;
	line-height: 1.35;
}

.hb-rl-mikor {
	font-size: 13.5px;
}

.hb-nl-mikor,
.hb-rl-mikor,
.hb-nl-ures,
.hb-rl-ures {
	color: var(--wp--preset--color--szurkezold);
	font-weight: 600;
}

/* Az üres alak (nincs meghirdetett alkalom): a dobozcím alatti szöveg. A bekezdés és a rejtett tartalék üres szövege ugyanazt kapja; display nincs rajta. A nap és az idő, az ismétlődés és az üres szöveg
   közös színe és vastagsága az első szabályban áll. */
.hb-nl-ures,
.hb-rl-ures {
	margin: 0;
	padding: 4px 0 6px;
	font-size: 15px;
}

/* „Első alkalommal jössz?”: a teljes szélességű, Sötétebb vászon gomb, a felirat balra, a nyíl (.hb-gomb-nyil) jobbra; fölé vitt egérrel Vászon háttér és gyűrű (új szín nélkül). */
.hb-al-elso .wp-block-button {
	flex: 1 1 100%;
}

.hb-al-elso .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 52px;
	padding: 0 18px;
	border-radius: 16px;
	background-color: var(--wp--preset--color--vaszon-sotet);
	color: var(--wp--preset--color--melyzold);
	font-size: 15.5px;
	font-weight: 800;
	text-align: left;
}

.hb-al-elso .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--vaszon);
	box-shadow: inset 0 0 0 2px #E6E0CF;
	color: var(--wp--preset--color--melyzold);
}

/* Az Alkalmaink lap záró sávja (terv 6.2; 2026-10-11, a vászon Alkalmak.dc.html A kerete): két egyforma oszlop függőleges vonallal; 640 px alatt
   egymás alatt, vízszintes vonallal. A rácsban a blokkok közti margó nem kell. */
.hb-ketfele {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hb-ketfele > * {
	margin-block: 0;
}

.hb-ketfele > :first-child {
	padding-right: clamp(32px, 4vw, 64px);
}

.hb-ketfele > * + * {
	padding-left: clamp(32px, 4vw, 64px);
	border-left: 1px solid #D6E2D0;
}

@media (max-width: 639.98px) {
	.hb-ketfele {
		grid-template-columns: minmax(0, 1fr);
	}

	.hb-ketfele > :first-child {
		padding-right: 0;
	}

	.hb-ketfele > * + * {
		margin-block-start: 36px;
		padding: 36px 0 0;
		border-left: 0;
		border-top: 1px solid #D6E2D0;
	}
}

/* A sáv bevezetője: nagyobb betű (a vászon LapA kerete). */
.hb-bevezeto {
	font-size: clamp(1.15rem, 1.6vw, 1.35rem);
	line-height: 1.6;
}

/* Istentisztelet: a két kép egymásra csúsztatva (a vászon LapA kerete): a nagy ív a csoport jobb felső részén, a kicsi a bal alsó sarkán,
   vászonszínű kerettel. A szerkesztő bármelyik képet cserélheti: az object-fit kitölti a helyét. */
.hb-kepcsoport {
	position: relative;
	padding: 0 0 80px 80px;
}

/* A vásznon a képoszlop alapja 340 px, legfeljebb 540 px (a két oszlopos sor általános 320 és 500 px-e helyett). */
.hb-ketoszlop > .hb-kepcsoport {
	flex-basis: 340px;
	max-width: 540px;
}

.hb-kepcsoport > .wp-block-image {
	margin: 0;
}

.hb-kepcsoport > .hb-iv img {
	width: 100%;
	height: clamp(360px, 38vw, 520px);
}

.hb-kepcsoport > .hb-kepcsoport-kicsi {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44%;
	height: 58%;
}

.hb-kepcsoport > .hb-kepcsoport-kicsi img {
	height: 100%;
	border: 8px solid var(--wp--preset--color--vaszon);
	border-radius: 999px 999px 24px 24px;
	object-position: 50% 40%;
}

/* A YouTube-sor: a cím és a csatorna gombja egy sorban, keskeny képernyőn egymás alatt. A Kapcsolat lap elérhetőségeinek címe is legfeljebb
   40 rem széles (a vászon K14C2 kerete: asztalon két sorba törik). */
.hb-sor > h2,
.hb-elerhetoseg-csoport > h2 {
	max-width: 40rem;
}

/* A cím lágy kötőjele (istentisztelet&shy;einket, terv 6.1) csak ott él, ahol a szó nem fér el a sorban: a szó 315 px széles, a sor a 20 px-es
   oldalmargóval 356 px alatt keskenyebb nála (a 25 rem, azaz 400 px ennél magasabb, a betűtartalék miatt). Máshol a mohó sortörés a
   kötőjelnél törné az első sort („Nézd vissza istentisztelet-” / „einket a YouTube-on!”), pedig a szó a következő sorban egyben elférne
   (terv 6.1: máshol a szó egy sorban marad). */
@media (min-width: 25rem) {
	.hb-sor > h2 {
		hyphens: none;
	}
}

/* Adakozás (terv 6.2; a vászon AdakozasB kerete): a szöveg mellett a banki kártya (legalább 340, legfeljebb 440 px széles; ha nem fér el a szöveg mellett,
   alatta áll, 640 px alatt a teljes sor szélességében). A kártya (flex-elem) nem tágul a tartalma szélességére (min-width: 0): a túl széles érték kilóg a kártyából, nem húzza szét, így a lapok modul
   próbái látják. A számlaszámnak nincs külön szabálya: alapbetűvel 320 px-en is egy sorban marad, nagyobb böngészős betűnél a kötőjelnél törik, de nem lóg ki (nowrap nélkül; terv 6.2). A kártya és a „nem kötelesség” sor ikonja a
   .hb-ikon kisebb változata (48 és 40 px); az utóbbi az első sor közepéhez igazodik. */
.hb-ketoszlop > .hb-bankkartya {
	flex: 1 1 500px;
	max-width: 500px;
	min-width: 0;
}

/* Telefonon (640 px alatt, terv 4.5) a szöveg alatt álló kártya a teljes sor szélességét kitölti. */
@media (max-width: 639.98px) {
	.hb-ketoszlop > .hb-bankkartya {
		max-width: none;
	}
}

.hb-bankkartya > .wp-block-group > .hb-ikon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
}

.hb-lehetoseg > .hb-ikon {
	width: 40px;
	height: 40px;
	margin-top: -6px;
}

/* Kapcsolat: az elérhetőségek a Mélyzöld sávban (terv 6.2; a vászon K14C2 kerete): fehér kártya nincs; az ikon Zsálya, áttetsző fehér
   négyzetben (mint a gyors tájékoztató csíkján), az érték fehér és nagyobb. A hivatkozás fehér, Zsálya aláhúzással, legalább 44 px magas
   (terv 4.5; a szabálya a gyors tájékoztató útvonal-hivatkozásáé, a „Gyors tájékoztató” szakaszban). A hosszú érték a <wbr>-nél törik (az @
   és a / után, a YouTube-azonosítóban a „baptista” után), szó közepén nem; az overflow-wrap: anywhere csak végső tartalék, ha egy darab
   sem férne el. */
.hb-elerhetoseg > .hb-ikon {
	border-radius: 16px;
}

.hb-elerhetoseg-ertek {
	font-size: clamp(1.15rem, 1.6vw, 1.3rem);
	font-weight: 700;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

/* A hivatkozás szövege a 44 px-es doboza tetején áll (a közös szabály középre tenné): így a sima érték (az imaház címe) és a hivatkozásos érték
   szövege a címke alatt egyforma távolságban kezdődik, egy vonalban, mint a K14C2 keretén. A doboz alsó része üres célfelület. */
.hb-elerhetoseg-ertek > a {
	align-items: flex-start;
}

/* Kapcsolat: a térképvázlat (terv 5.6, 6.2, 12.2) a bal oszlopban, alatta a forrássor és az útvonal szövege; telefonon magasabb kivágás (17/20). */
.hb-terkep {
	margin: 0;
}

.hb-terkep > div {
	position: relative;
	padding: 10px;
	border-radius: 28px;
	background-color: var(--wp--preset--color--feher);
	box-shadow: 0 18px 44px rgba(10, 20, 14, 0.1);
}

.hb-terkep svg {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
}

@media (max-width: 639.98px) {
	.hb-terkep svg {
		aspect-ratio: 17 / 20;
	}
}

/* A térkép jobb alsó sarkában a Google Térkép gombja (2026-10-19, a felhasználó kérése): fehér kapszula a kép fölött, új lapon nyílik. */
.hb-terkep-gomb {
	position: absolute;
	right: 22px;
	bottom: 22px;
	padding: 10px 16px;
	border-radius: 99px;
	background: var(--wp--preset--color--feher);
	color: var(--wp--preset--color--zold-sotet);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}

/* Az árnyék csak fókusz nélkül: a téma Éjzöld fókuszgyűrűje (box-shadow) felülírná. */
.hb-terkep-gomb:not(:focus-visible) {
	box-shadow: 0 4px 14px rgba(10, 20, 14, 0.18);
}

.hb-terkep > figcaption {
	margin: 12px 4px 0;
}

/* Kapcsolat: a térkép és az útvonal (bal) meg az űrlap doboza (jobb) két oszlopban, felül igazítva (terv 12.2; a vászon KapcsolatUrlap kerete, B változat):
   az alapok 480 és 380 px, a köz a sor blockGap-je (spacing 60); keskenyebben (számolva kb. 989 px-es ablak alatt) egy oszlop: térkép, útvonal, űrlap. */
.hb-ketoszlop > .hb-utvonal-bal {
	flex: 1.15 1 480px;
	min-width: 0;
}

.hb-utvonal-bal > .hb-oszlop-szoveg {
	margin-top: clamp(40px, 4vw, 48px);
}

.hb-ketoszlop > .hb-urlap-doboz {
	flex: 1 1 380px;
	min-width: 0;
	padding: clamp(28px, 3.2vw, 44px) clamp(20px, 3.2vw, 44px) clamp(28px, 2.8vw, 40px);
	border-radius: 28px;
	background: rgba(31, 58, 43, 0.04);
	border: 1px solid rgba(31, 58, 43, 0.14);
}

.hb-urlap-doboz > h2 {
	font-size: clamp(1.9rem, 2.6vw, 2.4rem);
	line-height: 1.1;
}

.hb-urlap-doboz > p {
	margin: 14px 0 0;
	color: var(--wp--preset--color--szurkezold);
}

.hb-urlap-doboz > div {
	margin-top: 26px;
}

/* Az űrlap (Contact Form 7; a téma kikapcsolja az automatikus bekezdéseket): a mezők egymás alatt 22 px-re, a címke a mező fölött. */
.hb-urlap-doboz form {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.hb-mezo {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.hb-mezo > label {
	font-weight: 700;
}

.hb-mezo :is(input, textarea) {
	box-sizing: border-box;
	width: 100%;
	min-height: 56px;
	padding: 0 16px;
	border: 1.5px solid #7F8B81;
	border-radius: 14px;
	background: var(--wp--preset--color--feher);
	color: var(--wp--preset--color--tinta);
	font: inherit;
	font-size: 18px;
}

.hb-mezo textarea {
	min-height: 168px;
	padding-block: 14px;
	line-height: 1.5;
	resize: vertical;
}

/* A hibás mező és a hibaüzenete (terv 12.2): sötétpiros, félkövér, a mező alatt; a keret vastagabb (nem csak szín). */
.hb-mezo .wpcf7-not-valid {
	border: 2px solid #8A2A14;
}

.hb-urlap-doboz .wpcf7-not-valid-tip {
	margin-top: 6px;
	color: #8A2A14;
	font-size: 16px;
	font-weight: 700;
}

/* A Turnstile láthatatlan (a Cloudflare-widget módja, 2026-10-28): nem foglal helyet, és a mezők 22 px-es köze sem jár neki. */
.hb-urlap-doboz .cf-turnstile {
	margin-top: -22px;
}

.hb-urlap-adat {
	margin: 0;
	color: var(--wp--preset--color--szurkezold);
	font-size: 15.5px;
	line-height: 1.55;
}

.hb-urlap-adat > a {
	color: var(--wp--preset--color--zold-sotet);
	font-weight: 700;
}

.hb-urlap-doboz .wpcf7-submit {
	min-height: 56px;
	padding: 0 30px;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--zold);
	color: var(--wp--preset--color--feher);
	font: inherit;
	font-size: 17px;
	font-weight: 700;
}

.hb-urlap-doboz .wpcf7-submit:hover {
	background: var(--wp--preset--color--zold-sotet);
}

/* A CF7 összesítő üzenete (terv 12.2): siker zöld kerettel és pipával, hiba sötétpiros kerettel és felkiáltójellel (nem csak szín). */
.hb-urlap-doboz .wpcf7 .wpcf7-form .wpcf7-response-output {
	margin: 0;
	padding: 14px 18px;
	border: 2px solid #8A2A14;
	border-radius: 14px;
	background: #FBE4DA;
	font-weight: 700;
}

.hb-urlap-doboz .wpcf7-response-output::before {
	content: "! ";
}

.hb-urlap-doboz .wpcf7 .sent .wpcf7-response-output {
	border-color: var(--wp--preset--color--zold);
	background: #E3EEDD;
}

.hb-urlap-doboz .sent .wpcf7-response-output::before {
	content: "✓ ";
}

/* ---------- Az Alkalmaink lap alkalomtípus-kártyái (terv 6.2; 3f, 9. feladat; 2026-10-11, a vászon Alkalmaink.dc.html K3 kerete) ---------- */

/* Hat széles, fehér, 1 px-es meleg keretű, lekerekített kártya egymás alatt (a köz, a szöveg párnázása, a felső sor színe, a leírás és a meta sor távolságai és betűi a
   blokkok beállításai a mintázatban: patterns/lap-alkalmak-tipusok.php). A kép sarkát a kártya levágja. Telefonon (720 px alatt: a téma 640 px-es szabályánál szigorúbb, mert 640–720 px között a szövegoszlop túl
   keskeny volna) a kártya első eleme, a kép felül áll 16:10 arányban, alatta a szöveg; 720 px-től egymás mellett: a kép a kártya 42%-a, legalább 340 px magas, váltakozva balra és jobbra (a páros kártyán megfordítva: a váltakozás
   a kártyák sorrendjéből következik). Az első elem lehet Kép blokk (a szerkesztő cseréje) vagy a kép nélküli Mélyzöld csempe a betűkereszt halvány részletével. A „Kik vagyunk?” film „Hamarosan” képe ugyanígy tölti ki a keretét (terv 13.4). */
.hb-tipus {
	overflow: hidden;
	border: 1px solid #E6E0CF;
	border-radius: 22px;
}

.hb-tipus > :first-child {
	position: relative;
	margin: 0;
	aspect-ratio: 16 / 10;
}

.hb-tipus > :first-child > :is(img, svg),
.hb-hamarosan img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 40%;
}

/* A felső sor (.hb-cimke) a típus színében, pöttyel kezdődik: a pötty a betűszínt veszi át. */
.hb-tipus-cimke {
	display: flex;
	align-items: center;
	gap: 10px;
}

.hb-tipus-cimke::before {
	content: "";
	flex: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: currentColor;
}

.hb-tipus-szoveg > h3 {
	font-size: clamp(26px, 1.6vw + 9px, 32px);
	line-height: 1.15;
}

/* A helyszín tűjellel (a meglévő maszkos ikonszabályokkal). A „Legközelebb” elem a bővítmény blokkja (a meta sorban elöl; stílusa fent, az alkalomtípusok kártyáinál: .hb-kov…).
   A „Részletek” gomb, ha a téma szűrője nem tud hová vinni, nem jelenik meg, és helyet sem foglal. */
.hb-tipus-hely::before {
	--hb-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11zm0-8a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E");
	margin: 0 7px 0 0;
}

.hb-tipus .wp-block-button {
	margin-top: 14px;
}

@media (min-width: 720px) {
	.hb-tipus {
		display: flex;
		border-radius: 28px;
	}

	.hb-tipus:nth-child(even) {
		flex-direction: row-reverse;
	}

	.hb-tipus > :first-child {
		flex: 0 0 42%;
		min-height: 340px;
		aspect-ratio: auto;
	}

	.hb-tipus-szoveg {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
	}
}

/* ---------- A „Kik vagyunk?” lap (terv 13.; 2026-10-15, a vászon KikVagyunk kerete, B2) ---------- */

/* A két oszlopos sávok (a bemutatkozás és a film, az „Amiben hiszünk”): a szöveg 340, a jobb oldali, szélesebb oszlop 440 px-es alappal; kb. 900 px-es ablak
   alatt egymás alatt, a szöveg elöl (terv 13.2, 4.5). */
.hb-arany > .hb-oszlop-szoveg {
	flex: 1 1 340px;
}

.hb-arany > :last-child {
	flex: 1.35 1 440px;
}

/* A film (terv 13.4, 5.3): 26 px-es sarkú, lágy árnyékú keret Éjzöld alapon (telefonon a lejátszó felirata a kép alatt, ezen áll). Hivatkozás nélkül
   „Hamarosan” (a hegyibaptista_rolunk_film szűrő teszi rá a hb-hamarosan osztályt és a feliratot): 16:9, a kép teljes (a képszabály az alkalomtípus-kártyáké), alul
   átmenet, rajta a Búzaarany címke és a mondat; hivatkozással a lejátszó (hb-lejatszo: a kezdőlap filmjének szabályai; a keret nem vág, hogy a hivatkozás fókuszgyűrűje látsszon). */
.hb-rolunk-film {
	position: relative;
	border-radius: 26px;
	background: var(--wp--preset--color--ejzold);
	box-shadow: 0 22px 50px rgba(10, 20, 14, 0.16);
}

.hb-hamarosan {
	overflow: hidden;
	aspect-ratio: 16 / 9;
}

.hb-hamarosan-felirat {
	position: absolute;
	inset: 0;
	display: grid;
	align-content: end;
	justify-items: start;
	gap: 10px;
	margin: 0;
	padding: clamp(16px, 3vw, 26px) clamp(18px, 3vw, 30px);
	background: linear-gradient(rgba(16, 30, 21, 0.15) 20%, rgba(16, 30, 21, 0.86));
	color: var(--wp--preset--color--feher);
	font-size: clamp(1.1rem, 1.7vw, 1.4rem);
	font-weight: 800;
	line-height: 1.3;
}

.hb-hamarosan-cimke {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 32px;
	padding: 0 14px;
	border-radius: 999px;
	background: var(--wp--preset--color--buzaarany);
	color: var(--wp--preset--color--ejzold);
}

/* Történelmünk (spec 13.3a; A4 – egymásba csúszó állomások, kapszulák a vonalon): 2 px-es Búzaarany vonal, fent és lent elhalványul; 13 állomás: négy esemény
   (Vászon kártya, 4:3-as fotóval, ha van; a kép nélküli Kép blokkot a WordPress elhagyja) és kilenc lelkipásztor (kerek, gyűrűs fotó, név, „Lelkipásztor <em>évek</em>”).
   Az évszám az állomás első eleme (.hb-allomas-ev): telefonon (1024 px alatt) a vonal a bal szélen, az állomásokon 20 px-es Búzaarany pont (a gyűrűje a „Ma” pontjáé),
   a kártyán a fotó mellett Mélyzöld kapszula, a lelkipásztornál nincs; asztalon (1024 px-től) a vonal középen, a páratlan állomás balra, a páros jobbra, pont nincs,
   az évszám a vonalon ülő Búzaarany kapszula (a gyűrűje a Mélyzöld háttér, a vonalat kitakarja), kapocs köti a kártyához. Az állomások a vásznon rácsra kerülnek,
   itt (JavaScript nélkül) minden következő az előző alja fölött 41 px-szel kezdődik (negatív felső margó); eltérés a vászontól: esemény után a lépés az esemény
   magassága − 41 px (a vásznon 80 vagy 120/200 px). A kártya nem vág (overflow nincs): a kapszula a kártyára lóg. */
.hb-idovonal {
	position: relative;
}

.hb-idovonal::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	width: 2px;
	background: linear-gradient(transparent, rgba(232, 194, 122, 0.55) 60px, rgba(232, 194, 122, 0.55) calc(100% - 80px), transparent);
}

.hb-allomasok,
.hb-lepesek {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hb-allomas {
	position: relative;
	padding: 0 0 28px 44px;
}

.hb-allomas::after {
	content: "";
	position: absolute;
	top: 24px;
	left: 6px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--wp--preset--color--buzaarany);
}

.hb-allomas-pasztor::after {
	top: calc(50% - 24px);
}

.hb-allomas::after,
.hb-ma > .hb-ikon {
	box-shadow: 0 0 0 6px var(--wp--preset--color--melyzold), 0 0 0 7.5px rgba(232, 194, 122, 0.6);
}

/* Az esemény: a kártya legfeljebb 560 px; a fotó balra úszik (100 px), mellette a kapszula és a cím, a leírás a fotó alatt. */
.hb-allomas-kartya {
	max-width: 560px;
}

.hb-allomas-kartya > figure {
	float: left;
	width: 100px;
	margin: 0 14px 12px 0;
}

.hb-allomas-szoveg > p:last-child {
	clear: left;
}

/* Az esemény címe szóhatáron törik: a téma overflow-wrap: break-word szabálya és az úszó fotó mellett (320–350 px) a keskeny sávban a Chrome a hosszú szót
   („imaházunkban”) a helyén törné, ahelyett, hogy a fotó alá tolná; a lelkipásztor nevét nem érinti. */
.hb-allomas-kartya > .hb-allomas-szoveg > h3 {
	overflow-wrap: normal;
}

.hb-allomas-szoveg > .hb-allomas-ev {
	display: inline-block;
	padding: 3px 8px 4px;
	border-radius: 999px;
	background: #1F3A2B;
	color: #E8C27A;
	font-size: 14px;
}

/* A szerkesztő hivatkozása az évszámban a kapszula színét örökli (Búzaarany alapon Mélyzöld, Mélyzöld alapon Búzaarany; aláhúzva, a kapszula színével): a sötét sáv
   világos hivatkozásszabálya és a téma hivatkozásszíne a kapszulán egyik háttéren sem lenne olvasható; a kapszula a sotetlink mérésén kívül van. */
.hb-allomas-ev a {
	color: inherit;
	text-decoration-color: currentcolor;
}

/* A lelkipásztor: 76 px-es kerek fotó (a gyűrű a Kép blokk beállítása), mellette a név és a sor; telefonon nincs kapszula (az év a sorban is ott áll). Az évek (<em>):
   Búzaarany Literata dőlt, nem törnek a gondolatjelnél (a vessző után igen: Cseri Kálmán két <em>-je); csak ebben a sorban, a kártya leírásában a szerkesztő dőltje marad. */
.hb-allomas-pasztor {
	display: flex;
	align-items: center;
	gap: 16px;
}

.hb-allomas-pasztor > figure {
	flex: none;
	width: 76px;
	margin: 0;
}

.hb-allomas-pasztor > .hb-allomas-szoveg > .hb-allomas-ev {
	display: none;
}

.hb-allomas-pasztor p > em {
	font: italic 1.17em var(--wp--preset--font-family--literata);
	color: #E8C27A;
	white-space: nowrap;
}

/* A „Ma” állomás a vonal végén (a Mélyzöld háttere takarja a vonalat): 1024 px alatt a pont a szöveg mellett, balra. */
.hb-idovonal > .hb-ma {
	position: relative;
	margin: 0;
	padding: 2px 0 0 48px;
}

.hb-ma > .hb-ikon {
	position: absolute;
	top: 0;
	left: -4px;
	width: 40px;
	height: 40px;
}

/* Az istentisztelet menete (terv 13.2): 56 px-es Mélyzöld körben Búzaarany ikon, a körök közt szaggatott vonal; 1024 px alatt egymás alatt. */
.hb-lepes {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	padding-bottom: 22px;
}

.hb-lepes > .hb-ikon {
	width: 56px;
	height: 56px;
}

.hb-lepes:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 60px;
	bottom: 4px;
	left: 27px;
	border: 0 dashed rgba(31, 58, 43, 0.35);
	border-left-width: 2px;
}

/* A lelkipásztor kártyája (terv 13.2): a kerek fotó (a méret, a kivágás és a halványzöld gyűrű a mintázatban) 10 px-es helyet kap a gyűrűnek; mellette
   (keskenyebben alatta) a szöveg. */
.hb-pasztor > .wp-block-image {
	flex: none;
	margin: 10px;
}

.hb-pasztor > .hb-pasztor-szoveg {
	flex: 1 1 400px;
}

/* Kik a baptisták? (terv 13.2): a szöveg a forrásban elöl, asztalon a számdoboz balra (360 px); egymás alatt a szöveg elöl. */
.hb-baptistak {
	flex-direction: row-reverse;
}

.hb-baptistak > .hb-szamdoboz {
	flex: 1 1 360px;
}

@media (min-width: 1024px) {
	.hb-idovonal::before {
		left: calc(50% - 1px);
	}

	/* A fejrész és az első állomás köze 44 + 28 = 72 px (a vásznon a lista felső margója). */
	.hb-allomasok {
		padding-top: 28px;
	}

	/* Az állomás a 140 px-es középső oszlop mellett áll (balra a páratlan, jobbra a páros), és az előző alja fölött 41 px-szel kezdődik. */
	.hb-allomas {
		width: calc(50% - 70px);
		padding: 0;
	}

	.hb-allomas + .hb-allomas {
		margin-top: -41px;
	}

	.hb-allomas:nth-child(even) {
		margin-left: calc(50% + 70px);
	}

	.hb-allomas::after {
		content: none;
	}

	/* A kapocs: 70 px-es vonal az állomás vonal felőli szélétől a vonalig, a kapszula közepének magasságában. */
	.hb-allomas::before {
		content: "";
		position: absolute;
		top: 51px;
		left: 100%;
		width: 70px;
		height: 2px;
		background: rgba(232, 194, 122, 0.5);
	}

	.hb-allomas:nth-child(even)::before {
		left: -70px;
	}

	.hb-allomas-pasztor::before {
		top: calc(50% - 1px);
	}

	/* A blokkszerkesztő minden blokkot pozicionál: a kártya és a szöveg csoportja ott se legyen a kapszula tartalmazó doboza, különben az évszám a fotóra ülne. */
	.hb-allomas > .hb-allomas-kartya,
	.hb-allomas .hb-allomas-szoveg {
		position: static;
	}

	/* A kapszula a vonalon ül (a közepe a vonalon; a Mélyzöld gyűrű kitakarja), eseménynél a kártya tetejétől 52 px-re, lelkipásztornál a fotó közepén. */
	.hb-allomas-szoveg > .hb-allomas-ev {
		position: absolute;
		top: 52px;
		left: calc(100% + 70px);
		display: block;
		padding: 7px 14px 8px;
		background: #E8C27A;
		box-shadow: 0 0 0 6px #1F3A2B;
		color: #1F3A2B;
		font-size: 19px;
		transform: translate(-50%, -50%);
	}

	.hb-allomas:nth-child(even) .hb-allomas-ev {
		left: -70px;
	}

	.hb-allomas-pasztor > .hb-allomas-szoveg > .hb-allomas-ev {
		top: 50%;
		display: block;
	}

	/* A lelkipásztor: legalább 122 px magas, a 108 px-es fotó a vonal felé néz, a szöveg a túloldalán (a bal oldalon jobbra zárva). */
	.hb-allomas-pasztor {
		min-height: 122px;
		gap: 22px;
	}

	.hb-allomas-pasztor:nth-child(odd) {
		flex-direction: row-reverse;
		text-align: right;
	}

	.hb-allomas-pasztor > figure {
		width: 108px;
	}

	/* Az esemény: a fotó a szöveg mellett, felülre igazítva; a bal oldali kártya a vonal felé zár. */
	.hb-allomas-kartya {
		display: flex;
		align-items: flex-start;
		gap: 18px;
	}

	.hb-allomas:nth-child(odd) > .hb-allomas-kartya {
		margin-left: auto;
	}

	.hb-allomas-kartya > figure {
		flex: none;
		width: clamp(132px, 12.25vw, 176px);
		margin: 0;
	}

	.hb-allomas-kartya > .hb-allomas-szoveg {
		flex: 1;
		min-width: 0;
	}

	.hb-idovonal > .hb-ma {
		margin-top: 64px;
		padding: 4px 0 0;
		text-align: center;
	}

	.hb-ma > .hb-ikon {
		position: static;
		width: 52px;
		height: 52px;
		margin: 0 auto 18px;
	}

	.hb-ma > .wp-block-buttons {
		justify-content: center;
	}

	.hb-lepesek {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.hb-lepes {
		flex-direction: column;
		align-items: flex-start;
		padding: 0 8px 0 0;
	}

	.hb-lepes:not(:last-child)::after {
		top: 27px;
		right: 14px;
		bottom: auto;
		left: 70px;
		border-width: 2px 0 0;
	}
}

/* ---------- Apróságok (terv 4.1, 6.2; a felhasználó ránk bízta, 2026-10-08) ---------- */

/* Az Adakozás lap 1%-os címe kiegyensúlyozottan törik: az „1%-áról” nem marad egyedül a második sorban; az ige (Mélyzöld sáv) sorai is egyformák. */
.hb-lap-adakozas-szja > .hb-fejresz > h2,
.hb-lap-adakozas-ige > .wp-block-group > .hb-ige {
	text-wrap: balance;
}