/* VACOK – custom.css
   Csak az, amit a theme.json nem tud: hover, átmenet, maszk (ikonok), összetett szelektor,
   töréspont, és a blokkok belső elemei. Minden szín, betűméret, térköz és sarok
   a theme.json presetjeiből vagy custom változóiból jön.
   Töréspontok (design.md): 1180 / 960 / 860 / 760 / 560 px.
   Megjegyzés: a WordPress a számot tartalmazó slugokat kötőjellel bontja,
   ezért m4 → --wp--preset--font-size--m-4, t5 → --wp--preset--spacing--t-5. */

/* Betűk: Google Fonts, a design.md szerint (Rubik címsor, Mulish minden más). */
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,700;1,400&family=Rubik:wght@500;600&display=swap");


/* ===== Rövid nevek a theme.json változóihoz ===== */
:root {
	--vk-hatter: var(--wp--preset--color--hatter);
	--vk-blokk: var(--wp--preset--color--blokk);
	--vk-tinta: var(--wp--preset--color--tinta);
	--vk-halvany: var(--wp--preset--color--halvany);
	--vk-kiemeles: var(--wp--preset--color--kiemeles);
	--vk-kiemeles-szoveg: var(--wp--preset--color--kiemeles-szoveg);
	--vk-surgos: var(--wp--preset--color--surgos);
	--vk-vonal: var(--wp--preset--color--vonal);

	--vk-vonal-blokkon: var(--wp--custom--szin--vonal-blokkon);
	--vk-kiemeles-hover: var(--wp--custom--szin--kiemeles-hover);
	--vk-kiemeles-lenyomva: var(--wp--custom--szin--kiemeles-lenyomva);
	--vk-kiemeles-halvany: var(--wp--custom--szin--kiemeles-halvany);
	--vk-halvanypiros: var(--wp--custom--szin--halvanypiros);
	--vk-halvanypiros-hover: var(--wp--custom--szin--halvanypiros-hover);
	--vk-foto-alszoveg: var(--wp--custom--szin--foto-alszoveg);

	--vk-t1: var(--wp--preset--spacing--t-1);
	--vk-t2: var(--wp--preset--spacing--t-2);
	--vk-t3: var(--wp--preset--spacing--t-3);
	--vk-t4: var(--wp--preset--spacing--t-4);
	--vk-t5: var(--wp--preset--spacing--t-5);
	--vk-t6: var(--wp--preset--spacing--t-6);
	--vk-t7: var(--wp--preset--spacing--t-7);
	--vk-t8: var(--wp--preset--spacing--t-8);

	--vk-m2: var(--wp--preset--font-size--m-2);
	--vk-m3: var(--wp--preset--font-size--m-3);
	--vk-m4: var(--wp--preset--font-size--m-4);
	--vk-m5: var(--wp--preset--font-size--m-5);
	--vk-m6: var(--wp--preset--font-size--m-6);
	--vk-kis: var(--wp--preset--font-size--szoveg-kis);
	--vk-font-cim: var(--wp--preset--font-family--cim);

	--vk-r1: var(--wp--custom--sarok--r-1);
	--vk-r2: var(--wp--custom--sarok--r-2);
	--vk-r3: var(--wp--custom--sarok--r-3);
	--vk-r4: var(--wp--custom--sarok--r-4);

	--vk-ikon-kicsi: var(--wp--custom--ikon--kicsi);
	--vk-ikon-nagy: var(--wp--custom--ikon--nagy);
	--vk-ikonkor: var(--wp--custom--ikon--korong);
	--vk-atmenet: var(--wp--custom--atmenet);
}

/* Mobilon a szakaszok közti 96 px 64 px lesz, az oldalmargó 24 helyett 16. */
@media (max-width: 560px) {
	html:root {
		--wp--preset--spacing--t-8: var(--wp--preset--spacing--t-7);
	}
	html body {
		--wp--style--root--padding-left: var(--wp--preset--spacing--t-3);
		--wp--style--root--padding-right: var(--wp--preset--spacing--t-3);
	}
}


/* ===== Alap ===== */
body {
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
	text-wrap: balance;
}
p {
	text-wrap: pretty;
}
a {
	text-underline-offset: 3px;
	transition: color var(--vk-atmenet);
}
:focus-visible {
	outline: 2px solid var(--vk-kiemeles);
	outline-offset: 2px;
}
a:not(.wp-block-button__link):focus-visible {
	border-radius: var(--vk-r1);
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition: none !important;
	}
}


/* ===== Ikonok: maszk, a szín a currentColor vagy a környezet ===== */
.vk-i-telefon { --vk-ikon: url(../icons/telefon.svg); }
.vk-i-mobil { --vk-ikon: url(../icons/mobil.svg); }
.vk-i-boritek { --vk-ikon: url(../icons/boritek.svg); }
.vk-i-cim { --vk-ikon: url(../icons/cim.svg); }
.vk-i-ora { --vk-ikon: url(../icons/ora.svg); }
.vk-i-naptar { --vk-ikon: url(../icons/naptar.svg); }
.vk-i-utvonal { --vk-ikon: url(../icons/utvonal.svg); }
.vk-i-sztetoszkop { --vk-ikon: url(../icons/sztetoszkop.svg); }
.vk-i-oltas { --vk-ikon: url(../icons/oltas.svg); }
.vk-i-tabletta { --vk-ikon: url(../icons/tabletta.svg); }
.vk-i-labor { --vk-ikon: url(../icons/labor.svg); }
.vk-i-chip { --vk-ikon: url(../icons/chip.svg); }
.vk-i-hullam { --vk-ikon: url(../icons/hullam.svg); }
.vk-i-sziv { --vk-ikon: url(../icons/sziv.svg); }
.vk-i-lelet { --vk-ikon: url(../icons/lelet.svg); }
.vk-i-surgos { --vk-ikon: url(../icons/surgos.svg); }
.vk-i-cimke { --vk-ikon: url(../icons/cimke.svg); }
.vk-i-pipa { --vk-ikon: url(../icons/pipa.svg); }
.vk-i-pipa-korben { --vk-ikon: url(../icons/pipa-korben.svg); }
.vk-i-kerdojel { --vk-ikon: url(../icons/kerdojel.svg); }
.vk-i-felhasznalo { --vk-ikon: url(../icons/felhasznalo.svg); }
.vk-i-uzenet { --vk-ikon: url(../icons/uzenet.svg); }
.vk-i-nyil-jobbra { --vk-ikon: url(../icons/nyil-jobbra.svg); }
.vk-i-menu { --vk-ikon: url(../icons/menu.svg); }
.vk-i-kulso-link { --vk-ikon: url(../icons/kulso-link.svg); }

/* Közös ikonrajzoló: bármelyik ::before vagy ::after, ami ezt a mintát kapja. */
.vk-ikonos::before,
.vk-ikonkor::before,
.wp-block-button[class*="vk-i-"] > .wp-block-button__link::before,
.vk-tovabb a::after,
.vk-tovabb--jel::after,
.vk-kapcs-szolg__nev a::after,
a.vk-kulso::after,
.vk-lapfej__vissza a::before,
.wp-block-list.is-style-pipas > li::before,
.wp-block-list.is-style-surgos > li::before,
.vk-cikk__szoveg ul.wp-block-list:not([class*="is-style-"]) > li::before,
.vk-allapot .vk-cimke::before,
.vk-kep-ures::after {
	content: "";
	display: block;
	flex: none;
	width: var(--vk-ikon-kicsi);
	height: var(--vk-ikon-kicsi);
	background-color: currentColor;
	-webkit-mask: var(--vk-ikon) center / contain no-repeat;
	mask: var(--vk-ikon) center / contain no-repeat;
	transition: transform var(--vk-atmenet);
}

/* Szöveg ikonnal: a bekezdés bal oldalán, a sorokat nem töri szét. */
.vk-ikonos {
	position: relative;
	padding-left: calc(var(--vk-ikon-kicsi) + var(--vk-t2));
}
.vk-ikonos::before {
	position: absolute;
	left: 0;
	top: 0.15em;
	background-color: var(--vk-ikonszin, var(--vk-kiemeles));
}
.wp-block-group.vk-ikonos {
	align-items: center;
}
.wp-block-group.vk-ikonos::before {
	top: 50%;
	transform: translateY(-50%);
}

/* Ikonkorong: 54 px kör, 26 px ikon. */
.wp-block-group.vk-ikonkor {
	flex: none;
	display: grid;
	place-content: center;
	width: var(--vk-ikonkor);
	height: var(--vk-ikonkor);
	margin: 0;
	border-radius: var(--vk-r4);
	background: var(--vk-blokk);
	color: var(--vk-kiemeles);
	transition: background-color var(--vk-atmenet), color var(--vk-atmenet);
}
.wp-block-group.vk-ikonkor--feher {
	background: var(--vk-hatter);
}
.vk-ikonkor::before {
	width: var(--vk-ikon-nagy);
	height: var(--vk-ikon-nagy);
}
/* Hoverre a szülő blokkon kékre vált, az ikon fehérre. */
.vk-lepes:hover .vk-ikonkor,
.vk-kerdes:hover .vk-ikonkor,
.vk-tudni__blokk:hover .vk-ikonkor,
.vk-tag:hover .vk-ikonkor,
.vk-eszk:not(.is-style-hamarosan):hover .vk-ikonkor,
.vk-kapcs-szolg:hover .vk-ikonkor {
	background: var(--vk-kiemeles);
	color: var(--vk-kiemeles-szoveg);
}


/* ===== Gomb ===== */
.wp-block-button__link {
	white-space: normal;
	text-align: center;
	max-width: 100%;
	transition: background-color var(--vk-atmenet), color var(--vk-atmenet), box-shadow var(--vk-atmenet);
}
.wp-block-button[class*="vk-i-"] > .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--vk-t2);
}
.wp-block-button[class*="vk-i-"] > .wp-block-button__link:hover::before {
	transform: translateX(2px);
}
.wp-block-button__link:focus-visible {
	outline: 2px solid var(--vk-kiemeles);
	outline-offset: 2px;
}
.wp-block-button.vk-i-telefon > .wp-block-button__link {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.01em;
}

/* Másodlagos: kék keret, hoverre kékkel telítődik. */
.wp-block-button.is-style-masodik > .wp-block-button__link:hover {
	background: var(--vk-kiemeles);
	color: var(--vk-kiemeles-szoveg);
}
.wp-block-button.is-style-masodik > .wp-block-button__link:active {
	background: var(--vk-kiemeles-lenyomva);
	box-shadow: inset 0 0 0 1.5px var(--vk-kiemeles-lenyomva);
}

/* Kék sávon és fotón: az elsődleges fehér kék felirattal, a másodlagos fehér keretes. */
.has-kiemeles-background-color .wp-block-button:not(.is-style-masodik) > .wp-block-button__link,
.vk-nyito__kep .wp-block-button:not(.is-style-masodik) > .wp-block-button__link {
	background: var(--vk-hatter);
	color: var(--vk-kiemeles);
}
.has-kiemeles-background-color .wp-block-button:not(.is-style-masodik) > .wp-block-button__link:hover {
	background: var(--vk-blokk);
}
.has-kiemeles-background-color .wp-block-button:not(.is-style-masodik) > .wp-block-button__link:active {
	background: var(--vk-vonal);
}
.vk-nyito__kep .wp-block-button:not(.is-style-masodik) > .wp-block-button__link {
	background: var(--vk-kiemeles);
	color: var(--vk-kiemeles-szoveg);
}
.vk-nyito__kep .wp-block-button:not(.is-style-masodik) > .wp-block-button__link:hover {
	background: var(--vk-kiemeles-hover);
}
.has-kiemeles-background-color .wp-block-button.is-style-masodik > .wp-block-button__link,
.vk-nyito__kep .wp-block-button.is-style-masodik > .wp-block-button__link {
	background: transparent;
	color: var(--vk-kiemeles-szoveg);
	box-shadow: inset 0 0 0 1.5px var(--vk-kiemeles-szoveg);
}
.has-kiemeles-background-color .wp-block-button.is-style-masodik > .wp-block-button__link:hover,
.vk-nyito__kep .wp-block-button.is-style-masodik > .wp-block-button__link:hover {
	background: var(--wp--custom--szin--feher-14);
}
.has-kiemeles-background-color .wp-block-button__link:focus-visible,
.has-surgos-background-color .wp-block-button__link:focus-visible,
.vk-nyito__kep .wp-block-button__link:focus-visible {
	outline-color: var(--vk-kiemeles-szoveg);
}

/* Teli piros dobozon: fehér, piros felirattal. */
.has-surgos-background-color .wp-block-button__link {
	background: var(--vk-hatter);
	color: var(--vk-surgos);
}
.has-surgos-background-color .wp-block-button__link:hover {
	background: color-mix(in oklch, var(--vk-surgos) 8%, var(--vk-hatter));
	color: var(--vk-surgos);
}
.has-surgos-background-color .wp-block-button__link:active {
	background: var(--vk-halvanypiros-hover);
}

/* Halványpiros dobozon: fehér, piros felirattal és piros kerettel. */
.is-style-halvanypiros .wp-block-button__link {
	background: var(--vk-hatter);
	color: var(--vk-surgos);
	box-shadow: inset 0 0 0 1.5px var(--vk-surgos);
}
.is-style-halvanypiros .wp-block-button__link:hover {
	background: color-mix(in oklch, var(--vk-surgos) 8%, var(--vk-hatter));
	color: var(--vk-surgos);
}
.is-style-halvanypiros .wp-block-button__link:focus-visible {
	outline-color: var(--vk-surgos);
}

/* Nagy gomb (Sürgős eset, hívás sáv). */
.wp-block-button.vk-gomb-nagy > .wp-block-button__link {
	font-size: var(--vk-m4);
}

/* Kerek ikongomb (fejléc, mobil). */
.wp-block-button.vk-kerekgomb > .wp-block-button__link {
	display: grid;
	place-content: center;
	width: var(--wp--custom--meret--erintes);
	height: var(--wp--custom--meret--erintes);
	padding: 0;
	font-size: 0;
}

/* Mobilon a gombok teljes szélességűek (a fejléc kivételével). */
@media (max-width: 560px) {
	.wp-block-buttons:not(.vk-fejlec__mobil) > .wp-block-button {
		flex: 1 1 100%;
	}
	.wp-block-buttons:not(.vk-fejlec__mobil) > .wp-block-button > .wp-block-button__link {
		width: 100%;
	}
}


/* ===== Szöveges link (.vk-tovabb) ===== */
.vk-tovabb a,
.vk-tovabb--jel {
	display: inline-flex;
	align-items: center;
	gap: var(--vk-t1);
	font-weight: 700;
	color: var(--vk-kiemeles);
	text-decoration: none;
}
.vk-tovabb a::after,
.vk-tovabb--jel::after {
	--vk-ikon: url(../icons/nyil-jobbra.svg);
}
.vk-tovabb a:hover {
	color: var(--vk-kiemeles-hover);
	text-decoration: underline;
}
.vk-tovabb a:hover::after {
	transform: translateX(3px);
}
a.vk-kulso {
	display: inline-flex;
	align-items: center;
	gap: var(--vk-t1);
	font-weight: 700;
	color: var(--vk-kiemeles);
	text-decoration: none;
}
.vk-tovabb a.vk-kulso::after,
a.vk-kulso::after {
	--vk-ikon: url(../icons/kulso-link.svg);
}
a.vk-kulso:hover {
	text-decoration: underline;
}
a.vk-kulso:hover::after,
.vk-terkep:hover a.vk-kulso::after {
	transform: translate(2px, -2px);
}


/* ===== Címke (.vk-cimke) ===== */
.vk-cimke {
	display: inline-flex;
	align-items: center;
	gap: var(--vk-t1);
	width: fit-content;
	margin: 0;
	padding: var(--vk-t1) var(--vk-t2);
	border-radius: var(--vk-r1);
	background: var(--vk-blokk);
	color: var(--vk-tinta);
	font-size: var(--vk-m2);
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}
.vk-cimke--feher {
	background: var(--vk-hatter);
}
.vk-cimke a {
	color: inherit;
	text-decoration: none;
}
/* A „Mikor várhat, mikor ne” kategória piros betűs. */
.vk-blog__kategoria a[href*="mikor-varhat"] {
	color: var(--vk-surgos);
}


/* ===== Szerkezet: szakasz, sáv, szakaszfej, rácsok ===== */
.wp-block-group.vk-fo {
	padding-top: var(--vk-t2);
}
.wp-block-group.vk-szakasz {
	margin-block-start: var(--vk-t8);
}
.wp-block-group.vk-sav {
	margin-block-start: var(--vk-t8);
	padding-block: var(--vk-t8);
}
.wp-block-group.vk-sav > * + * {
	margin-block-start: var(--vk-t5);
}
.wp-block-group.vk-szakaszfej {
	gap: var(--vk-t3) var(--vk-t5);
	margin-bottom: var(--vk-t5);
}
.wp-block-group.vk-szakaszfej > * {
	margin: 0;
}
.wp-block-group.vk-szakaszfej > p:not(.vk-tovabb) {
	max-width: 58ch;
	margin-top: var(--vk-t2);
}
.wp-block-group.vk-szakaszfej--oszlop {
	max-width: 62ch;
}
/* A szakaszfej a tartalom bal széléhez igazodik, nem középre (constrained elrendezésben). */
.is-layout-constrained > .wp-block-group.vk-szakaszfej--oszlop {
	margin-left: 0 !important;
}
.vk-szakaszcim {
	margin-bottom: var(--vk-t5);
}
@media (max-width: 560px) {
	.wp-block-group.vk-szakaszfej,
	.vk-szakaszcim {
		margin-bottom: var(--vk-t4);
	}
}

.wp-block-group.vk-racs-2,
.wp-block-group.vk-racs-3,
.wp-block-group.vk-racs-4,
.wp-block-post-template.vk-racs-3 {
	gap: var(--vk-t4);
	align-items: stretch;
}
.wp-block-group.vk-racs-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wp-block-group.vk-racs-3,
.wp-block-post-template.vk-racs-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wp-block-group.vk-racs-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--vk-t5); }
@media (max-width: 960px) {
	.wp-block-group.vk-racs-3,
	.wp-block-post-template.vk-racs-3,
	.wp-block-group.vk-racs-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wp-block-group.vk-racs-3--egy { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
	.wp-block-group.vk-racs-2 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
	.wp-block-group.vk-racs-3,
	.wp-block-post-template.vk-racs-3,
	.wp-block-group.vk-racs-4 { grid-template-columns: minmax(0, 1fr); gap: var(--vk-t4); }
}

/* Csempe és társai: belső margó mobilon kisebb. */
@media (max-width: 560px) {
	.wp-block-group.is-style-csempe,
	.wp-block-group.is-style-hamarosan {
		padding: var(--vk-t4);
	}
}

/* Láthatóság a fejléc töréspontján. */
@media (min-width: 1181px) {
	.vk-csak-mobil { display: none !important; }
}
@media (max-width: 1180px) {
	.vk-csak-asztali { display: none !important; }
}


/* ===== Fejléc ===== */
.vk-fejlec {
	background: var(--vk-hatter);
	border-bottom: 1px solid var(--vk-vonal);
}
.wp-block-group.vk-fejlec > * {
	margin-block: 0;
}
.wp-block-group.vk-fejlec__surgos {
	background: var(--vk-halvanypiros);
	padding-block: var(--vk-t2);
	font-size: var(--vk-m2);
	line-height: 1.4;
	--vk-ikonszin: var(--vk-surgos);
}
.vk-fejlec__surgos p {
	margin: 0;
}
.vk-fejlec__surgos a {
	color: var(--vk-surgos);
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}
.vk-fejlec__surgos a:hover {
	color: var(--vk-surgos);
	text-decoration: underline;
}
.vk-rovid {
	display: none;
}
.wp-block-group.vk-fejlec__fo {
	gap: var(--vk-t4);
	padding-block: var(--vk-t4);
}
/* A fejléc sorai a széles tartalomszélességben, 24 px oldalmargóval (mobilon 16). */
.wp-block-group.vk-fejlec__fo {
	box-sizing: border-box;
	max-width: calc(var(--wp--style--global--wide-size) + 2 * var(--vk-t4)) !important;
	margin-inline: auto !important;
	padding-inline: var(--vk-t4);
}
.wp-block-group.vk-fejlec__surgos {
	padding-inline: var(--vk-t4);
}
@media (max-width: 960px) {
	.wp-block-group.vk-fejlec__fo,
	.wp-block-group.vk-fejlec__surgos {
		padding-inline: var(--vk-t3);
	}
}
.wp-block-site-logo.vk-fejlec__logo img {
	height: var(--wp--custom--logo--fejlec);
	width: auto;
}
.vk-fejlec__gombok {
	flex: none;
	gap: var(--vk-t3);
}

/* Főmenü */
.vk-fomenu {
	margin-left: auto;
	--navigation-layout-justification-setting: flex-end;
}
.vk-fomenu .wp-block-navigation__container {
	gap: var(--vk-t5);
}
.vk-fomenu .wp-block-navigation-item__content {
	padding-block: var(--vk-t3);
	color: var(--vk-tinta);
	text-decoration: none;
	white-space: nowrap;
	background: linear-gradient(currentColor, currentColor) left bottom / 0 2px no-repeat;
	transition: color var(--vk-atmenet), background-size var(--vk-atmenet);
}
.vk-fomenu .wp-block-navigation-item__content:hover,
.vk-fomenu .current-menu-item > .wp-block-navigation-item__content {
	color: var(--vk-kiemeles);
	background-size: 100% 2px;
}
.vk-fomenu .wp-block-navigation-item__content[href*="surgos-eset"],
.vk-fomenu .wp-block-navigation-item__content[href*="surgos-eset"]:hover {
	color: var(--vk-surgos);
}

/* Mobil menü gomb: kék kör. */
.vk-fomenu .wp-block-navigation__responsive-container-open,
.vk-fomenu .wp-block-navigation__responsive-container-close {
	display: grid;
	place-content: center;
	width: var(--wp--custom--meret--erintes);
	height: var(--wp--custom--meret--erintes);
	border-radius: var(--vk-r4);
	background: var(--vk-kiemeles);
	color: var(--vk-kiemeles-szoveg);
	transition: background-color var(--vk-atmenet);
}
.vk-fomenu .wp-block-navigation__responsive-container-open:hover {
	background: var(--vk-kiemeles-hover);
}
.vk-fomenu .wp-block-navigation__responsive-container-close {
	top: var(--vk-t3);
	right: var(--vk-t3);
}
.vk-fomenu .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--vk-hatter);
	color: var(--vk-tinta);
	padding: var(--vk-t7) var(--vk-t4) var(--vk-t4);
}
.vk-fomenu .is-menu-open .wp-block-navigation__container {
	gap: 0;
	width: 100%;
}
.vk-fomenu .is-menu-open .wp-block-navigation-item {
	width: 100%;
}
.vk-fomenu .is-menu-open .wp-block-navigation-item__content {
	display: flex;
	width: 100%;
	padding: var(--vk-t3) 0;
	border-bottom: 1px solid var(--vk-vonal);
	background: none;
	font-family: var(--vk-font-cim);
	font-weight: 500;
	font-size: var(--vk-m4);
}
.vk-fomenu .is-menu-open .wp-block-navigation-item__content:hover {
	background: var(--vk-blokk);
}
.vk-fomenu .is-menu-open .wp-block-navigation-item__content[href*="surgos-eset"]:hover {
	background: var(--vk-halvanypiros);
}

/* A menü 1180 px alatt csukódik össze (a mag 600 px-nél csukná). */
@media (min-width: 1181px) {
	.vk-fomenu .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}
}
@media (min-width: 600px) and (max-width: 1180px) {
	.vk-fomenu .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: grid;
	}
	.vk-fomenu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}
@media (max-width: 1180px) {
	.vk-fejlec__mobil {
		order: 1;
		margin-left: auto;
	}
	.vk-fomenu {
		order: 2;
		margin-left: 0;
	}
}
@media (max-width: 960px) {
	.wp-block-group.vk-fejlec__fo {
		gap: var(--vk-t3);
		padding-block: var(--vk-t3);
	}
	.vk-hosszu { display: none; }
	.vk-rovid { display: inline; }
}


/* ===== Sürgősségi doboz a lábléc fölött ===== */
.wp-block-group.vk-surgos-hely {
	margin-block-start: var(--vk-t8);
}
.wp-block-group.vk-surgos-doboz {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t2);
	padding: var(--vk-t5);
	border-radius: var(--vk-r2);
	--vk-ikonszin: currentColor;
}
.wp-block-group.vk-surgos-doboz > * {
	margin: 0;
}
.vk-surgos-doboz p:not(.vk-surgos-doboz__cim) {
	max-width: 62ch;
}
.vk-surgos-doboz .wp-block-buttons {
	margin-top: var(--vk-t2);
}
@media (max-width: 560px) {
	.wp-block-group.vk-surgos-doboz {
		padding: var(--vk-t4);
	}
}


/* ===== Lábléc ===== */
.wp-block-group.vk-lablec {
	margin-block-start: var(--vk-t6);
	padding-block: var(--vk-t7) var(--vk-t5);
	font-size: var(--vk-kis);
	line-height: 1.6;
}
.wp-block-group.vk-lablec__racs {
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr) minmax(0, 1.3fr) minmax(0, 0.8fr);
	gap: var(--vk-t6) var(--vk-t7);
	align-items: start;
}
.vk-lablec h4 {
	margin: 0 0 var(--vk-t3);
}
.vk-lablec__racs p {
	margin: 0 0 var(--vk-t2);
}
.vk-lablec a {
	color: var(--vk-tinta);
	text-decoration: none;
}
.vk-lablec a:hover {
	color: var(--vk-kiemeles);
	text-decoration: underline;
}
.wp-block-site-logo.vk-lablec__logo img {
	height: var(--wp--custom--logo--lablec);
	width: auto;
}
.vk-lablec__racs p.vk-lablec__ejjel {
	margin-top: var(--vk-t3);
	max-width: 36ch;
}
.vk-lablec .vk-lablec__ejjel a,
.vk-lablec a.vk-kulso {
	color: var(--vk-kiemeles);
	font-weight: 700;
}
.vk-lablec__menu .wp-block-navigation-item__content {
	font-weight: 400;
}
.vk-lablec__menu .wp-block-navigation__container {
	gap: var(--vk-t2);
}
.wp-block-group.vk-lablec__also {
	margin-block-start: var(--vk-t6);
	padding-top: var(--vk-t4);
	border-top: 1px solid var(--vk-vonal);
	font-size: var(--vk-m2);
	color: var(--vk-halvany);
}
.vk-lablec__also p {
	margin: 0;
}
.vk-lablec .vk-lablec__also a {
	color: var(--vk-halvany);
}

/* Nyitvatartás a láblécben: egyszerű lista fehér dobozban. */
.wp-block-table.vk-nyitva-lista {
	max-width: var(--wp--custom--meret--lablec-ido);
	margin: 0;
	padding: var(--vk-t3) var(--vk-t4);
	border-radius: var(--vk-r2);
	background: var(--vk-hatter);
}
.wp-block-table.vk-nyitva-lista table,
.wp-block-table.vk-nyitva-lista table.has-fixed-layout {
	table-layout: auto;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}
.wp-block-table.vk-nyitva-lista td {
	padding: var(--vk-t1) 0;
	border: 0;
	vertical-align: baseline;
}
.vk-nyitva-lista td:first-child {
	color: var(--vk-halvany);
	padding-right: var(--vk-t3);
}
.vk-nyitva-lista td:last-child {
	text-align: right;
	white-space: nowrap;
}
.vk-nyitva-lista em {
	font-style: normal;
	color: var(--vk-halvany);
}
@media (max-width: 860px) {
	.wp-block-group.vk-lablec__racs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.vk-lablec__marka {
		grid-column: 1 / -1;
	}
}
@media (max-width: 560px) {
	.wp-block-group.vk-lablec {
		padding-block: var(--vk-t6) var(--vk-t4);
	}
	.wp-block-group.vk-lablec__racs {
		grid-template-columns: minmax(0, 1fr);
	}
}


/* ===== Oldalfejléc (.vk-lapfej, cover blokk) ===== */
.wp-block-cover.vk-lapfej,
.wp-block-cover.vk-nyito__kep {
	min-height: var(--wp--custom--lapfej--normal);
	padding: 0;
	border-radius: var(--vk-r3);
	overflow: hidden;
	background: var(--vk-tinta);
	color: var(--vk-kiemeles-szoveg);
}
.wp-block-cover.vk-lapfej--alacsony {
	min-height: var(--wp--custom--lapfej--alacsony);
}
.vk-lapfej .wp-block-cover__image-background,
.vk-nyito__kep .wp-block-cover__image-background {
	object-position: center 35%;
}
.vk-lapfej .wp-block-cover__inner-container {
	padding: 0 var(--vk-t6) var(--vk-t6);
}
.vk-lapfej h1 {
	max-width: 24ch;
}
.vk-lapfej h1,
.vk-lapfej .wp-block-query-title,
.vk-nyito__kep h1 {
	margin: 0;
	color: var(--vk-kiemeles-szoveg);
}
.vk-lapfej .vk-lapfej__bevezeto,
.vk-lapfej .wp-block-term-description {
	max-width: 52ch;
	margin: var(--vk-t3) 0 0;
	line-height: 1.5;
	color: var(--vk-foto-alszoveg);
}
.vk-lapfej .wp-block-term-description p {
	margin: 0;
}
.vk-lapfej__vissza {
	margin: 0 0 var(--vk-t3);
}
.vk-lapfej__vissza a {
	display: inline-flex;
	align-items: center;
	gap: var(--vk-t1);
	color: var(--vk-kiemeles-szoveg);
	font-weight: 700;
	font-size: var(--vk-kis);
	text-decoration: none;
}
.vk-lapfej__vissza a::before {
	--vk-ikon: url(../icons/nyil-jobbra.svg);
	transform: rotate(180deg);
}
.vk-lapfej__vissza a:hover {
	color: var(--vk-kiemeles-szoveg);
	text-decoration: underline;
}
.vk-lapfej__vissza a:hover::before {
	transform: rotate(180deg) translateX(3px);
}
.vk-lapfej__vissza a:focus-visible {
	outline-color: var(--vk-kiemeles-szoveg);
}
@media (max-width: 560px) {
	.wp-block-cover.vk-lapfej,
	.wp-block-cover.vk-nyito__kep {
		min-height: var(--wp--custom--lapfej--normal-mobil);
		border-radius: var(--vk-r2);
	}
	.wp-block-cover.vk-lapfej--alacsony {
		min-height: var(--wp--custom--lapfej--alacsony-mobil);
	}
	.vk-lapfej .wp-block-cover__inner-container {
		padding: 0 var(--vk-t4) var(--vk-t5);
	}
	.vk-lapfej .vk-lapfej__bevezeto {
		font-size: var(--vk-m3) !important;
	}
}


/* ===== Főoldal: nyitóblokk ===== */
.wp-block-group.vk-nyito {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}
.wp-block-group.vk-nyito > * {
	grid-area: 1 / 1;
	margin: 0;
}
.wp-block-cover.vk-nyito__kep {
	min-height: var(--wp--custom--lapfej--nyito);
}
.vk-nyito__kep .wp-block-cover__inner-container {
	padding: var(--vk-t8) calc(var(--wp--custom--meret--nyito-ido) + var(--vk-t6) * 2) 0 var(--vk-t6);
}
.vk-nyito__kep h1 {
	max-width: 14ch;
}
.vk-nyito__al {
	max-width: 44ch;
	margin: var(--vk-t3) 0 0;
	line-height: 1.5;
	color: var(--vk-foto-alszoveg);
}
.vk-nyito__tart .wp-block-buttons {
	margin-top: var(--vk-t5);
}
.vk-nyito__adatsor {
	margin: var(--vk-t5) 0 0;
	padding-block: var(--vk-t4) var(--vk-t5);
	border-top: 1px solid var(--wp--custom--szin--feher-28);
	font-size: var(--vk-kis);
	background-clip: content-box;
	--vk-ikonszin: var(--vk-kiemeles-szoveg);
}
.vk-nyito__adatsor.vk-ikonos::before {
	top: calc(var(--vk-t4) + 0.15em);
}
.vk-nyito__adatsor a {
	color: var(--vk-kiemeles-szoveg);
	font-weight: 700;
	text-decoration: none;
	text-underline-offset: 4px;
}
.vk-nyito__adatsor a:hover {
	color: var(--vk-kiemeles-szoveg);
	text-decoration: underline;
}
.wp-block-group.vk-nyito__ido {
	position: relative;
	z-index: 2; /* a borítókép sötétítő rétege (z-index: 1) fölé */
	justify-self: end;
	align-self: end;
	width: var(--wp--custom--meret--nyito-ido);
	margin: 0 var(--vk-t6) var(--vk-t5) 0;
}
.vk-nyito__idocim {
	margin: 0;
	padding: var(--vk-t3) var(--vk-t4) var(--vk-t1);
	border-radius: var(--vk-r2) var(--vk-r2) 0 0;
	background: var(--vk-hatter);
	line-height: 1.3;
}
.vk-nyito__ido .wp-block-template-part,
.vk-nyito__ido .vk-nyitvatartas {
	margin: 0;
}
.vk-nyito__ido .wp-block-table.vk-nyitva {
	border: 0;
	border-radius: 0 0 var(--vk-r2) var(--vk-r2);
	background: var(--vk-hatter);
}
.vk-nyito__ido .vk-nyitva th,
.vk-nyito__ido .vk-nyitva td {
	white-space: nowrap;
}
@media (max-width: 1180px) {
	.wp-block-group.vk-nyito__ido {
		grid-area: 2 / 1;
		justify-self: start;
		width: 100%;
		max-width: var(--wp--custom--meret--nyito-ido-mobil);
		margin: var(--vk-t4) 0 0;
		border-radius: var(--vk-r2);
		box-shadow: inset 0 0 0 1px var(--vk-vonal);
	}
	.vk-nyito__kep .wp-block-cover__inner-container {
		padding: var(--vk-t8) var(--vk-t5) 0;
	}
}
@media (max-width: 560px) {
	.vk-nyito__kep .wp-block-cover__image-background {
		object-position: 62% 30%;
	}
	.vk-nyito__kep .wp-block-cover__inner-container {
		padding: calc(var(--vk-t8) * 2 + var(--vk-t7)) var(--vk-t4) 0;
	}
	.vk-nyito__al {
		font-size: var(--vk-m3) !important;
	}
	.vk-nyito__ido {
		max-width: none;
	}
}


/* ===== Nyitvatartás-táblázat és rendelési állapot ===== */
.wp-block-table.vk-nyitva {
	margin: 0;
	border: 1px solid var(--vk-vonal);
	border-radius: var(--vk-r2);
	overflow: hidden;
}
.vk-nyitva table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--vk-kis);
	font-variant-numeric: tabular-nums;
}
.wp-block-table.vk-nyitva thead {
	border: 0;
}
.wp-block-table.vk-nyitva th,
.wp-block-table.vk-nyitva td {
	padding: var(--vk-t2) var(--vk-t4);
	border: 0;
	border-bottom: 1px solid var(--vk-vonal);
	text-align: left;
	vertical-align: middle;
}
.vk-nyitva tr:last-child th,
.vk-nyitva tr:last-child td {
	border-bottom: 0;
}
.vk-nyitva thead th {
	font-size: var(--vk-m2);
	font-weight: 700;
	color: var(--vk-halvany);
}
/* A „Nap” fejléc a felolvasónak szól. */
.vk-nyitva thead th:first-child {
	color: transparent;
}
.vk-nyitva tbody th {
	width: 36%;
	font-weight: 700;
}
.vk-nyitva tr.vk-ma {
	background: var(--vk-blokk);
}
.vk-nyitva tr.vk-ma th .vk-cimke {
	margin-left: var(--vk-t2);
	background: var(--vk-hatter);
}
.vk-nyitva td.vk-zarva {
	color: var(--vk-halvany);
}
.vk-nyitva td.vk-mutet span {
	display: inline-flex;
	padding: 0 var(--vk-t2);
	border-radius: var(--vk-r1);
	background: var(--vk-blokk);
	font-size: var(--vk-m2);
	font-weight: 700;
}
.vk-nyitva tr.vk-ma td.vk-mutet span {
	background: var(--vk-hatter);
}

.wp-block-group.vk-allapot {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--vk-t2);
	margin: 0;
	padding: var(--vk-t3) var(--vk-t4);
	background: var(--vk-hatter);
	border-bottom: 1px solid var(--vk-vonal);
}
.wp-block-group.vk-allapot:empty {
	display: none;
}
.vk-allapot p {
	margin: 0;
	font-size: var(--vk-kis);
	line-height: 1.5;
}
.vk-allapot a {
	font-weight: 700;
}
.wp-block-group.vk-allapot--nyitva {
	background: var(--vk-blokk);
}
.vk-allapot--nyitva .vk-cimke {
	background: var(--vk-hatter);
	color: var(--vk-kiemeles);
}
.vk-allapot .vk-cimke::before {
	--vk-ikon: url(../icons/pipa-korben.svg);
}
.vk-allapot--mutet .vk-cimke::before,
.vk-allapot--zarva .vk-cimke::before {
	--vk-ikon: url(../icons/ora.svg);
}
.vk-nyito__ido .vk-allapot {
	border-radius: 0;
}

/* A Kapcsolat oldalon halványkék háttéren. */
.vk-eler__ido .wp-block-table.vk-nyitva {
	border: 0;
	border-radius: 0 0 var(--vk-r2) var(--vk-r2);
	background: var(--vk-blokk);
}
.vk-eler__ido .wp-block-table.vk-nyitva th,
.vk-eler__ido .wp-block-table.vk-nyitva td {
	padding: var(--vk-t2) var(--vk-t3);
	border-bottom-color: var(--vk-vonal-blokkon);
}
.vk-eler__ido .vk-nyitva tbody th {
	width: auto;
}
.vk-eler__ido .vk-nyitva td {
	white-space: nowrap;
}
.vk-eler__ido .vk-nyitva tr.vk-ma {
	background: var(--vk-hatter);
}
.vk-eler__ido .wp-block-group.vk-allapot {
	background: var(--vk-blokk);
	border-bottom-color: var(--vk-vonal-blokkon);
	border-radius: var(--vk-r2) var(--vk-r2) 0 0;
}
.vk-eler__ido .vk-allapot .vk-cimke {
	background: var(--vk-hatter);
}
.vk-eler__ido .vk-nyitvatartas:not(:has(.vk-allapot:not(:empty))) .vk-nyitva {
	border-radius: var(--vk-r2);
}
@media (max-width: 560px) {
	.wp-block-table.vk-nyitva th,
	.wp-block-table.vk-nyitva td {
		padding: var(--vk-t2) var(--vk-t3);
	}
	.vk-nyitva tbody th {
		width: auto;
	}
	.vk-eler__ido .vk-nyitva td {
		white-space: normal;
	}
}


/* ===== Szolgáltatáskártya (.vk-szolg) ===== */
.wp-block-group.vk-szolg {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--vk-t3);
	height: 100%;
	min-width: 0;
	transition: background-color var(--vk-atmenet);
}
.wp-block-group.vk-szolg > * {
	margin: 0;
}
.vk-szolg h3 {
	margin-top: var(--vk-t1);
}
.vk-szolg__leiras {
	color: var(--vk-halvany);
	font-size: var(--vk-kis);
	line-height: 1.6;
}
.wp-block-group.vk-szolg__lab {
	margin-top: auto;
	padding-top: var(--vk-t3);
	border-top: 1px solid var(--vk-vonal);
	gap: var(--vk-t3) var(--vk-t4);
}
.vk-szolg__lab p {
	margin: 0;
}
.vk-szolg__ar {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
.vk-szolg__datum {
	font-weight: 700;
}
/* Az egész kártya link: a „Részletek” linkje kifeszül a kártyára. */
.vk-kartyalink a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.vk-szolg:has(.vk-kartyalink):hover {
	background: var(--vk-kiemeles-halvany);
}
.vk-szolg:has(.vk-kartyalink):hover .vk-tovabb a::after {
	transform: translateX(3px);
}
/* Hamarosan: szürke háttér, szaggatott keret, halvány cím, nincs link és hover. */
.wp-block-group.is-style-hamarosan {
	outline: 1.5px dashed var(--wp--custom--szin--hamarosan-keret);
	outline-offset: -1.5px;
}
.is-style-hamarosan .vk-ikonkor {
	color: var(--vk-halvany);
	background: var(--vk-hatter);
}
.is-style-hamarosan h3 {
	color: var(--vk-halvany);
}
.is-style-hamarosan .vk-szolg__lab {
	border-top-color: color-mix(in oklch, var(--vk-halvany) 18%, var(--vk-hatter));
}
.wp-block-group.vk-szolg__fej {
	gap: var(--vk-t3);
}
.vk-szolg__fej > * {
	margin: 0;
}


/* ===== Ártétel és árlista ===== */
.wp-block-group.vk-arlista {
	border-top: 1px solid var(--vk-vonal);
}
.wp-block-group.vk-arlista > * {
	margin: 0;
}
.wp-block-group.vk-artetel {
	align-items: baseline;
	gap: var(--vk-t4);
	padding-block: var(--vk-t3);
	border-bottom: 1px solid var(--vk-vonal);
}
.vk-artetel p {
	margin: 0;
}
.vk-artetel__nev {
	min-width: 0;
}
.vk-artetel__osszeg {
	flex: none;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.has-blokk-background-color .vk-arlista,
.has-blokk-background-color .vk-artetel {
	border-color: var(--vk-vonal-blokkon);
}

/* Főoldal: Áraink doboz */
.wp-block-group.vk-arak-kiemelt {
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: var(--vk-t6);
	align-items: start;
	padding: var(--vk-t6);
	border-radius: var(--vk-r3);
}
.vk-arak-kiemelt h2 + p {
	margin: var(--vk-t3) 0 var(--vk-t4);
}

/* Árak oldal */
.wp-block-group.vk-arlap {
	padding-top: var(--vk-t7);
}
.wp-block-group.vk-arlap__racs {
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: var(--vk-t6) var(--vk-t7);
	align-items: start;
}
.wp-block-group.vk-arlap__bal > * {
	margin: 0;
}
.wp-block-group.vk-artabla {
	padding: var(--vk-t3) var(--vk-t5) var(--vk-t4);
	border-radius: var(--vk-r2);
}
.wp-block-group.vk-artabla > * {
	margin: 0;
}
.wp-block-group.vk-artabla__fej {
	padding-block: var(--vk-t3);
	border-bottom: 1px solid var(--vk-vonal-blokkon);
	font-size: var(--vk-kis);
	font-weight: 700;
	color: var(--vk-halvany);
}
.vk-artabla__fej p {
	margin: 0;
}
.vk-artabla .wp-block-group.vk-arlista {
	border-top: 0;
}
.vk-artabla .wp-block-group.vk-artetel {
	transition: background-color var(--vk-atmenet), box-shadow var(--vk-atmenet);
}
.vk-artabla .wp-block-group.vk-artetel:last-child {
	border-bottom: 0;
}
.vk-artabla .wp-block-group.vk-artetel:hover {
	background: color-mix(in oklch, var(--vk-kiemeles) 8%, var(--vk-blokk));
	box-shadow: 0 0 0 var(--vk-t2) color-mix(in oklch, var(--vk-kiemeles) 8%, var(--vk-blokk));
	border-radius: var(--vk-r1);
}
.vk-arlap__bal p.vk-ervenyes {
	margin-top: var(--vk-t3);
}
.wp-block-group.vk-tudni {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t5);
}
.wp-block-group.vk-tudni > *,
.vk-tudni__blokk > * {
	margin: 0;
}
.wp-block-group.vk-tudni__blokk {
	gap: var(--vk-t3);
}
.vk-tudni h2 {
	margin: 0;
	padding-top: var(--vk-t3);
}
.vk-tudni p {
	margin: var(--vk-t2) 0 0;
}
.wp-block-list.vk-fizmod {
	display: flex;
	flex-wrap: wrap;
	gap: var(--vk-t2);
	margin: var(--vk-t3) 0 0;
	padding: 0;
	list-style: none;
}
.vk-fizmod li {
	padding: var(--vk-t1) var(--vk-t3);
	border-radius: var(--vk-r1);
	background: var(--vk-blokk);
	font-size: var(--vk-kis);
	font-weight: 700;
}
@media (max-width: 960px) {
	.wp-block-group.vk-arak-kiemelt {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--vk-t5);
	}
}
@media (max-width: 860px) {
	.wp-block-group.vk-arlap__racs {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (max-width: 560px) {
	.wp-block-group.vk-arak-kiemelt {
		padding: var(--vk-t5) var(--vk-t4);
		border-radius: var(--vk-r2);
	}
	.wp-block-group.vk-arlap {
		padding-top: var(--vk-t5);
	}
	.wp-block-group.vk-artabla {
		padding: var(--vk-t2) var(--vk-t4) var(--vk-t4);
	}
}


/* ===== Időpontkérő sáv ===== */
.wp-block-group.vk-cta-sav {
	gap: var(--vk-t4) var(--vk-t5);
	padding: var(--vk-t5);
	border-radius: var(--vk-r2);
}
.vk-cta-sav__szoveg {
	max-width: 40ch;
	margin: 0;
	font-weight: 600;
	line-height: 1.3;
}
.vk-cta-sav .wp-block-buttons {
	gap: var(--vk-t3);
}
.wp-block-group.vk-szolg-cta {
	margin-block-start: var(--vk-t7);
}
@media (max-width: 560px) {
	.wp-block-group.vk-cta-sav {
		padding: var(--vk-t4);
	}
	.vk-cta-sav .wp-block-buttons {
		width: 100%;
	}
}


/* ===== Lépések (főoldal), gyakorlati tudnivalók (A rendelő) ===== */
.wp-block-group.vk-lepes {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t2);
	padding-top: var(--vk-t4);
	border-top: 1px solid var(--vk-vonal);
}
.wp-block-group.vk-lepes > * {
	margin: 0;
}
.vk-sav .wp-block-group.vk-lepes {
	border-top-color: var(--vk-vonal-blokkon);
}
.vk-kis-halvany {
	color: var(--vk-halvany);
	font-size: var(--vk-kis);
	line-height: 1.6;
}


/* ===== A rendelőről (főoldal) ===== */
.wp-block-group.vk-rolunk {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--vk-t7);
	align-items: center;
}
.vk-rolunk p {
	margin: var(--vk-t3) 0 0;
}
.vk-rolunk .wp-block-buttons {
	margin-top: var(--vk-t5);
}
.wp-block-image.vk-foto {
	margin: 0;
	border-radius: var(--vk-r3);
	overflow: hidden;
	background: var(--vk-blokk);
}
.wp-block-image.vk-foto img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform 400ms ease;
}
.vk-rolunk:hover .vk-foto img {
	transform: scale(1.03);
}
@media (max-width: 960px) {
	.wp-block-group.vk-rolunk {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--vk-t5);
	}
}


/* ===== Záró megszólítás ===== */
.wp-block-group.vk-zaro {
	gap: var(--vk-t5);
	padding: var(--vk-t7) var(--vk-t6);
	border-radius: var(--vk-r3);
	text-align: center;
}
.wp-block-group.vk-zaro > * {
	margin: 0;
}
.vk-zaro h2 {
	max-width: 28ch;
}
.vk-zaro h2 + p {
	max-width: 52ch;
	margin-top: calc(var(--vk-t3) - var(--vk-t5));
}
@media (max-width: 560px) {
	.wp-block-group.vk-zaro {
		padding: var(--vk-t6) var(--vk-t4);
		border-radius: var(--vk-r2);
	}
	.vk-zaro .wp-block-buttons {
		width: 100%;
	}
}


/* ===== Blogkártya és bloglista ===== */
.wp-block-post-template {
	margin-block: 0;
}
.wp-block-group.vk-blog {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--vk-t3);
	height: 100%;
	min-width: 0;
}
.wp-block-group.vk-blog > * {
	margin: 0;
}
.wp-block-group.vk-blog__kep {
	position: relative;
	aspect-ratio: 3 / 2;
	margin: 0;
	border-radius: var(--vk-r3);
	overflow: hidden;
	background: var(--vk-blokk);
}
.vk-blog__kep .wp-block-post-featured-image {
	height: 100%;
	margin: 0;
}
.vk-blog__kep .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 400ms ease;
}
.wp-block-post:hover .vk-blog__kep img {
	transform: scale(1.03);
}

/* Kép nélküli bejegyzés: a kép helyén azonos méretű kategória-lap. */
.vk-blog__kep:has(img) .vk-kep-ures {
	display: none;
}
.wp-block-post-terms.vk-kep-ures {
	display: grid;
	grid-template-areas: "kor" "nev";
	place-content: center;
	justify-items: center;
	row-gap: var(--vk-t3);
	height: 100%;
	margin: 0;
	font-size: var(--vk-m2);
	font-weight: 700;
	color: var(--vk-halvany);
	transition: background-color var(--vk-atmenet);
	--vk-ikon: url(../icons/sztetoszkop.svg);
}
.vk-kep-ures::before {
	content: "";
	grid-area: kor;
	width: var(--vk-ikonkor);
	height: var(--vk-ikonkor);
	border-radius: var(--vk-r4);
	background: var(--vk-hatter);
}
.vk-kep-ures::after {
	grid-area: kor;
	align-self: center;
	width: var(--vk-ikon-nagy);
	height: var(--vk-ikon-nagy);
	color: var(--vk-kiemeles);
}
.vk-kep-ures a {
	grid-area: nev;
	color: inherit;
	text-decoration: none;
	pointer-events: none;
}
.vk-kep-ures .wp-block-post-terms__separator {
	display: none;
}
.category-oltas-es-megelozes .vk-kep-ures { --vk-ikon: url(../icons/oltas.svg); }
.category-egyutteles .vk-kep-ures { --vk-ikon: url(../icons/sziv.svg); }
.category-mikor-varhat-mikor-ne .vk-kep-ures {
	--vk-ikon: url(../icons/ora.svg);
	background: var(--vk-halvanypiros);
}
.category-mikor-varhat-mikor-ne .vk-kep-ures::after {
	color: var(--vk-surgos);
}
.wp-block-post:hover .vk-kep-ures {
	background: var(--vk-kiemeles-halvany);
}
.wp-block-post.category-mikor-varhat-mikor-ne:hover .vk-kep-ures {
	background: var(--vk-halvanypiros-hover);
}

.wp-block-group.vk-blog__meta {
	gap: var(--vk-t1) var(--vk-t3);
	font-size: var(--vk-m2);
	color: var(--vk-halvany);
}
.vk-blog__meta > * {
	margin: 0;
}
.vk-blog__meta a {
	color: inherit;
	text-decoration: none;
}
.vk-blog__cim {
	margin: 0;
	transition: color var(--vk-atmenet);
}
.vk-blog__cim a {
	color: var(--vk-tinta);
	text-decoration: none;
}
/* Az egész kártya link: a cím linkje kifeszül. */
.vk-blog__cim a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.wp-block-post:hover .vk-blog__cim a {
	color: var(--vk-kiemeles);
}
.vk-blog__kivonat {
	margin: 0;
	color: var(--vk-halvany);
	font-size: var(--vk-kis);
	line-height: 1.6;
}
.vk-blog__kivonat p {
	margin: 0;
}
.vk-blog__kivonat .wp-block-post-excerpt__more-text {
	display: none;
}
.vk-blog .vk-tovabb--jel,
.vk-bej .vk-tovabb--jel {
	margin-top: auto;
	padding-top: var(--vk-t1);
}
.wp-block-post:hover .vk-tovabb--jel::after {
	transform: translateX(3px);
}
/* Ha nincs bejegyzés, a szakasz a címével együtt eltűnik. */
.vk-blog-szakasz:not(:has(.wp-block-post)) {
	display: none;
}

/* Bloglista (blog, kategória, keresés) */
.wp-block-group.vk-szuro {
	gap: var(--vk-t2);
	padding-top: var(--vk-t6);
}
.vk-szuro > *,
.vk-szuro p {
	margin: 0;
}
.vk-szuro__cimke {
	margin-right: var(--vk-t1);
}
.wp-block-categories.vk-szuro__lista {
	display: flex;
	flex-wrap: wrap;
	gap: var(--vk-t2);
	margin: 0;
	padding: 0;
	list-style: none;
}
.vk-szuro__osszes a,
.vk-szuro__lista a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--meret--erintes-min);
	padding: 0 var(--vk-t3);
	border-radius: var(--vk-r4);
	background: var(--vk-blokk);
	color: var(--vk-tinta);
	font-size: var(--vk-kis);
	font-weight: 700;
	text-decoration: none;
	transition: background-color var(--vk-atmenet), color var(--vk-atmenet);
}
.vk-szuro__osszes a:hover,
.vk-szuro__lista a:hover {
	background: var(--vk-kiemeles-halvany);
	color: var(--vk-tinta);
}
.vk-szuro__lista .current-cat > a,
.blog .vk-szuro__osszes a {
	background: var(--vk-kiemeles);
	color: var(--vk-kiemeles-szoveg);
}
.wp-block-post-template.vk-bejlista {
	margin-top: var(--vk-t5);
	padding: 0;
	list-style: none;
}
.vk-bejlista > .wp-block-post {
	margin: 0;
	border-top: 1px solid var(--vk-vonal);
}
.vk-bejlista > .wp-block-post:last-child {
	border-bottom: 1px solid var(--vk-vonal);
}
.wp-block-group.vk-bej {
	position: relative;
	display: grid;
	grid-template-columns: var(--wp--custom--meret--bej-kep) minmax(0, 1fr);
	gap: var(--vk-t5);
	align-items: start;
	padding-block: var(--vk-t5);
}
.wp-block-group.vk-bej > * {
	margin: 0;
}
.wp-block-group.vk-bej__szoveg {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t2);
	max-width: 68ch;
}
.wp-block-group.vk-bej__szoveg > * {
	margin: 0;
}
.vk-bej .vk-blog__meta {
	align-items: center;
}
.vk-blog__kivonat--ket-sor p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.vk-ures {
	padding-block: var(--vk-t6);
}

/* Lapozó */
.wp-block-query-pagination.vk-lapozo {
	gap: var(--vk-t1);
	margin-top: var(--vk-t5);
}
.vk-lapozo .wp-block-query-pagination-numbers {
	display: flex;
	gap: var(--vk-t1);
}
.vk-lapozo a,
.vk-lapozo .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--wp--custom--meret--erintes-min);
	height: var(--wp--custom--meret--erintes-min);
	margin: 0;
	padding: 0 var(--vk-t3);
	border-radius: var(--vk-r4);
	color: var(--vk-tinta);
	font-size: var(--vk-kis);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	text-decoration: none;
	transition: background-color var(--vk-atmenet), color var(--vk-atmenet);
}
.vk-lapozo a:hover {
	background: var(--vk-blokk);
	color: var(--vk-kiemeles);
}
.vk-lapozo .page-numbers.current {
	background: var(--vk-kiemeles);
	color: var(--vk-kiemeles-szoveg);
}
.vk-lapozo .page-numbers.dots {
	min-width: 0;
	padding: 0;
	color: var(--vk-halvany);
}

@media (max-width: 760px) {
	.wp-block-group.vk-bej {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--vk-t3);
		padding-block: var(--vk-t4);
	}
	.vk-bej .wp-block-group.vk-blog__kep {
		aspect-ratio: 16 / 9;
	}
}
@media (max-width: 560px) {
	.wp-block-group.vk-szuro {
		padding-top: var(--vk-t5);
	}
	.vk-szuro__cimke {
		width: 100%;
	}
	.vk-bej .vk-blog__cim {
		font-size: var(--vk-m4);
	}
	/* Mobilon csak az aktuális oldalszám és a két nyíl látszik. */
	.vk-lapozo .page-numbers:not(.current) {
		display: none;
	}
}


/* ===== Egy szolgáltatás: öt kérdés ===== */
.wp-block-group.vk-kerdesek {
	padding-top: var(--vk-t7);
}
.wp-block-group.vk-kerdesek > * {
	margin: 0;
}
.wp-block-group.vk-kerdes {
	display: grid;
	grid-template-columns: minmax(0, var(--wp--custom--meret--kerdes-fej)) minmax(0, 1fr);
	gap: var(--vk-t3) var(--vk-t6);
	padding-block: var(--vk-t5);
	border-top: 1px solid var(--vk-vonal);
}
.wp-block-group.vk-kerdes:last-child {
	border-bottom: 1px solid var(--vk-vonal);
}
.wp-block-group.vk-kerdes > * {
	margin: 0;
}
.wp-block-group.vk-kerdes__fej {
	gap: var(--vk-t3);
}
.vk-kerdes__fej h2 {
	margin: 0;
	padding-top: var(--vk-t2);
}
.vk-kerdes__valasz {
	max-width: 62ch;
}
.vk-kerdes__valasz > * {
	margin: 0;
}
.wp-block-group.vk-kerdes__valasz > * + * {
	margin-top: var(--vk-t3);
}
.vk-kiemelt-szam {
	font-weight: 600;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
}
.wp-block-group.vk-kerdes__valasz > .vk-kiemelt-szam + * {
	margin-top: var(--vk-t2);
}
@media (max-width: 860px) {
	.wp-block-group.vk-kerdes {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (max-width: 560px) {
	.wp-block-group.vk-kerdesek {
		padding-top: var(--vk-t5);
	}
	.vk-kerdes__fej h2 {
		font-size: var(--vk-m4);
		padding-top: var(--vk-t3);
	}
}


/* ===== Listastílusok: pipás, sürgős ===== */
.wp-block-list.is-style-pipas,
.wp-block-list.is-style-surgos,
.vk-cikk__szoveg ul.wp-block-list:not([class*="is-style-"]) {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t3);
	padding: 0;
	list-style: none;
}
.wp-block-list.is-style-pipas > li,
.wp-block-list.is-style-surgos > li,
.vk-cikk__szoveg ul.wp-block-list:not([class*="is-style-"]) > li {
	display: flex;
	align-items: flex-start;
	gap: var(--vk-t3);
}
.wp-block-list.is-style-pipas > li::before,
.vk-cikk__szoveg ul.wp-block-list:not([class*="is-style-"]) > li::before {
	--vk-ikon: url(../icons/pipa.svg);
	margin-top: 0.2em;
	color: var(--vk-kiemeles);
}
.wp-block-list.is-style-surgos > li::before {
	--vk-ikon: url(../icons/surgos.svg);
	margin-top: 0.2em;
	color: var(--vk-surgos);
}


/* ===== Sürgős eset ===== */
.wp-block-group.vk-dontes {
	padding-top: var(--vk-t7);
}
.wp-block-group.vk-lista > * {
	margin: 0;
}
.wp-block-group.vk-lista {
	padding: var(--vk-t5);
}
.wp-block-group.vk-lista__fej {
	gap: var(--vk-t3);
	margin-bottom: var(--vk-t3);
}
.vk-lista__fej h2 {
	margin: 0;
}
.vk-lista--most .vk-ikonkor {
	color: var(--vk-surgos);
}
.vk-lista > p {
	margin-bottom: var(--vk-t3);
}
.vk-lista .wp-block-list {
	gap: 0;
}
.vk-lista .wp-block-list > li {
	padding-block: var(--vk-t3);
	border-top: 1px solid color-mix(in oklch, var(--vk-tinta) 10%, transparent);
}
.wp-block-group.vk-hivas-kulso {
	margin-block-start: var(--vk-t4);
}
.wp-block-group.vk-hivas {
	gap: var(--vk-t4) var(--vk-t6);
	padding: var(--vk-t5);
	border-radius: var(--vk-r2);
	--vk-ikonszin: currentColor;
}
.vk-hivas h2 {
	margin: 0;
	color: var(--vk-kiemeles-szoveg);
}
.wp-block-group.vk-hivas__szoveg {
	flex: 1 1 30ch;
	max-width: 60ch;
}
.vk-hivas__szoveg p {
	margin: var(--vk-t2) 0 0;
}
.vk-hivas__szoveg p.vk-hivas__nem {
	margin-top: var(--vk-t3);
}

/* Hétvégi ügyelet */
.wp-block-group.vk-ugy__racs {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
	gap: var(--vk-t5) var(--vk-t7);
	align-items: start;
}
.vk-ugy__bal > * {
	margin: 0;
}
.vk-ugy__bal p {
	margin-top: var(--vk-t3);
}
.wp-block-group.vk-ugy__jobb {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t3);
}
.wp-block-group.vk-ugy__jobb > *,
.wp-block-group.vk-ugyelet > *,
.vk-ugyelet__fej > *,
.vk-ugyelet__fej p,
.vk-ugyelet__fej h3 {
	margin: 0;
}
.wp-block-group.vk-ugyelet {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t3);
}
.wp-block-group.vk-ugyelet__fej {
	gap: var(--vk-t3) var(--vk-t4);
}
.vk-ugyelet__fej .vk-ugyelet__het {
	margin-top: var(--vk-t1);
}
.vk-ugyelet__friss {
	font-weight: 700;
}
.wp-block-table.vk-ugyelet__lista {
	margin: 0;
	border-top: 1px solid var(--vk-vonal-blokkon);
}
.vk-ugyelet__lista table {
	table-layout: auto;
	border-collapse: collapse;
	font-size: var(--vk-kis);
	font-variant-numeric: tabular-nums;
}
.wp-block-table.vk-ugyelet__lista td {
	padding: var(--vk-t3) var(--vk-t4) var(--vk-t3) 0;
	border: 0;
	border-bottom: 1px solid var(--vk-vonal-blokkon);
	vertical-align: baseline;
}
.wp-block-table.vk-ugyelet__lista td:last-child {
	padding-right: 0;
	text-align: right;
	white-space: nowrap;
}
.vk-ugyelet__lista em {
	font-style: normal;
	font-size: var(--vk-m2);
	color: var(--vk-halvany);
}
.vk-ugyelet__lista td:first-child em {
	margin-left: var(--vk-t1);
	font-size: inherit;
}
.vk-ugyelet__lista td:nth-child(2) em {
	display: block;
}
.vk-ugyelet__lista a {
	font-weight: 700;
	color: var(--vk-kiemeles);
	text-decoration: none;
}
.vk-ugyelet__lista a:hover {
	text-decoration: underline;
}
/* Állapotok: a vacok.js a „Frissítve” dátumból számolja. */
.vk-ugyelet__figyelem,
.vk-ugyelet__ures {
	display: none;
}
.vk-ugyelet--elavult .vk-ugyelet__figyelem {
	display: block;
	padding: var(--vk-t3) var(--vk-t3) var(--vk-t3) calc(var(--vk-ikon-kicsi) + var(--vk-t2) + var(--vk-t3));
	border-radius: var(--vk-r1);
	background: var(--vk-hatter);
	line-height: 1.6;
	--vk-ikonszin: var(--vk-surgos);
}
.vk-ugyelet--elavult .vk-ugyelet__figyelem::before {
	left: var(--vk-t3);
	top: calc(var(--vk-t3) + 0.2em);
}
.vk-ugyelet__figyelem strong {
	color: var(--vk-surgos);
}
.vk-ugyelet--elavult .vk-ugyelet__lista td {
	color: var(--vk-halvany);
}
.vk-ugyelet--elavult .vk-ugyelet__lista td:nth-child(2),
.vk-ugyelet--elavult .vk-ugyelet__lista a {
	color: var(--vk-halvany);
	font-weight: 400;
	text-decoration: line-through;
}
.vk-ugyelet--nincs .vk-ugyelet__lista,
.vk-ugyelet--nincs .vk-ugyelet__het {
	display: none;
}
.vk-ugyelet--nincs .vk-ugyelet__ures {
	display: block;
}

/* Állandó ügyelet */
.wp-block-group.vk-allando {
	gap: var(--vk-t3) var(--vk-t4);
	padding: var(--vk-t4) var(--vk-t5);
	border: 1.5px solid var(--vk-vonal);
	border-radius: var(--vk-r2);
}
.wp-block-group.vk-allando > *,
.vk-allando p {
	margin: 0;
}
.wp-block-group.vk-allando__szoveg {
	flex: 1 1 20ch;
}
.vk-allando__szoveg p + p {
	margin-top: var(--vk-t1);
}
.vk-allando__tel a {
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}
.vk-allando__tel a:hover {
	text-decoration: underline;
}
@media (max-width: 960px) {
	.wp-block-group.vk-ugy__racs {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (max-width: 560px) {
	.wp-block-group.vk-dontes {
		padding-top: var(--vk-t5);
	}
	.wp-block-group.vk-lista {
		padding: var(--vk-t4);
	}
	.vk-lista__fej h2 {
		font-size: var(--vk-m4);
	}
	.wp-block-group.vk-hivas {
		padding: var(--vk-t4);
	}
	.vk-hivas .wp-block-buttons {
		width: 100%;
	}
	.wp-block-group.vk-allando {
		padding: var(--vk-t4);
	}
	.vk-allando__tel {
		flex-basis: 100%;
	}
}


/* ===== Egy blogbejegyzés ===== */
.wp-block-group.vk-hol {
	margin: calc(var(--vk-t2) * -1) 0 0;
	padding-block: var(--vk-t2);
}
.vk-hol p {
	margin: 0;
}
.wp-block-group.vk-cikk {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--wp--custom--meret--cikk-oldalsav);
	grid-template-areas: "fej side" "torzs side";
	gap: 0 var(--vk-t7);
	align-items: start;
	max-width: var(--wp--custom--meret--cikk) !important;
	margin-block-start: var(--vk-t6);
}
.wp-block-group.vk-cikk > * {
	margin: 0;
}
.vk-cikk__fej {
	grid-area: fej;
	max-width: var(--wp--custom--meret--cikk-szoveg);
}
.wp-block-group.vk-cikk__fej > * {
	margin: 0;
}
.wp-block-group.vk-cikk__side {
	grid-area: side;
	display: flex;
	flex-direction: column;
	gap: var(--vk-t3);
}
.wp-block-group.vk-cikk__side > *,
.vk-csak-asztali-cikk > *,
.vk-csak-mobil-cikk > * {
	margin: 0;
}
.vk-cikk__torzs {
	grid-area: torzs;
	max-width: var(--wp--custom--meret--cikk-szoveg);
	padding-top: var(--vk-t5);
}
.wp-block-group.vk-morzsa {
	gap: var(--vk-t1);
	margin-bottom: var(--vk-t3);
	font-size: var(--vk-m2);
	color: var(--vk-halvany);
}
.vk-morzsa > * {
	margin: 0;
}
.vk-morzsa a {
	color: var(--vk-halvany);
	font-weight: 700;
	text-decoration: none;
}
.vk-morzsa a:hover {
	color: var(--vk-kiemeles);
	text-decoration: underline;
}
.wp-block-group.vk-cikk__fej > .vk-cikk__cim {
	margin-top: var(--vk-t3);
}
.wp-block-group.vk-meta {
	gap: var(--vk-t2) var(--vk-t4);
	margin-top: var(--vk-t4);
	font-size: var(--vk-kis);
	color: var(--vk-halvany);
	--vk-ikonszin: var(--vk-halvany);
}
.wp-block-group.vk-meta__elem {
	gap: var(--vk-t1);
}
.vk-meta__elem > * {
	margin: 0;
}

/* A bejegyzés szövege */
.vk-cikk__szoveg {
	font-size: var(--vk-m3);
	line-height: 1.7;
}
.vk-cikk__szoveg > p:first-child {
	font-size: var(--vk-m4);
	line-height: 1.55;
}
.vk-cikk__szoveg > h2 {
	margin-block: var(--vk-t6) var(--vk-t3);
}
.vk-cikk__szoveg > h2 + * {
	margin-block-start: 0;
}
.vk-cikk__szoveg .wp-block-image {
	margin-block: var(--vk-t5);
}
.vk-cikk__szoveg .wp-block-image img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: var(--vk-r3);
}
.vk-cikk__szoveg figcaption {
	margin-top: var(--vk-t2);
}
.wp-block-group.vk-kiemelt {
	gap: var(--vk-t3);
	margin-block: var(--vk-t5);
}
.vk-kiemelt p {
	margin: 0;
	line-height: 1.6;
}
.vk-kiemelt p + p {
	margin-top: var(--vk-t1);
}
.wp-block-group.vk-zaras {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t4);
	margin-block-start: var(--vk-t6);
}
.wp-block-group.vk-zaras > * {
	margin: 0;
}
.wp-block-group.vk-kapcs-szolg {
	position: relative;
	gap: var(--vk-t3);
}
.vk-kapcs-szolg p {
	margin: 0;
}
.vk-kapcs-szolg__nev a {
	display: inline-flex;
	align-items: center;
	gap: var(--vk-t1);
	color: var(--vk-tinta);
	font-weight: 600;
	text-decoration: none;
}
.vk-kapcs-szolg__nev a::after {
	--vk-ikon: url(../icons/nyil-jobbra.svg);
}
.vk-kapcs-szolg:hover .vk-kapcs-szolg__nev a {
	color: var(--vk-kiemeles);
}
.vk-kapcs-szolg:hover .vk-kapcs-szolg__nev a::after {
	transform: translateX(3px);
}
.wp-block-group.vk-zaras__cta {
	gap: var(--vk-t3) var(--vk-t4);
	padding-top: var(--vk-t4);
	border-top: 1px solid var(--vk-vonal-blokkon);
}
.vk-zaras__cta p {
	max-width: 44ch;
	margin: 0;
}

/* Oldalsáv: Ha most sürgős */
.wp-block-group.vk-most {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t2);
}
.wp-block-group.vk-most > * {
	margin: 0;
}
.vk-most__cim {
	--vk-ikonszin: var(--vk-surgos);
}
.vk-most .wp-block-buttons {
	margin-top: var(--vk-t1);
}
.vk-most .vk-tovabb a {
	color: var(--vk-surgos);
}

/* Oldalsáv: rendelőkártya */
.wp-block-group.vk-rendelo {
	border-radius: var(--vk-r2);
	overflow: hidden;
}
.wp-block-group.vk-rendelo > * {
	margin: 0;
}
.wp-block-group.vk-rendelo__fej {
	padding: var(--vk-t4) var(--vk-t4) var(--vk-t3);
}
.vk-rendelo__fej p {
	margin: 0;
}
.vk-rendelo__fej p + p {
	margin-top: var(--vk-t2);
}
.vk-rendelo .wp-block-group.vk-allapot {
	border-top: 1px solid var(--vk-vonal);
	border-bottom: 0;
}
.wp-block-group.vk-rendelo__lab {
	padding: var(--vk-t3) var(--vk-t4) var(--vk-t4);
	border-top: 1px solid var(--vk-vonal);
}
.vk-csak-mobil-cikk {
	display: none;
}
@media (max-width: 1180px) {
	.wp-block-group.vk-cikk {
		grid-template-columns: minmax(0, 1fr) var(--wp--custom--meret--cikk-oldalsav-kis);
		gap: 0 var(--vk-t6);
	}
}
@media (max-width: 860px) {
	.wp-block-group.vk-cikk {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "fej" "side" "torzs";
	}
	.wp-block-group.vk-cikk__side {
		margin-top: var(--vk-t4);
	}
	.vk-csak-asztali-cikk {
		display: none;
	}
	.vk-csak-mobil-cikk {
		display: block;
		margin-top: var(--vk-t5);
	}
}
@media (max-width: 560px) {
	.wp-block-group.vk-cikk {
		margin-block-start: var(--vk-t4);
	}
	.wp-block-group.vk-meta {
		margin-top: var(--vk-t3);
		gap: var(--vk-t1) var(--vk-t3);
	}
	.vk-cikk__torzs {
		padding-top: var(--vk-t5);
	}
	.wp-block-group.vk-kiemelt {
		flex-direction: column;
	}
	.vk-most .wp-block-buttons,
	.vk-zaras__cta .wp-block-buttons {
		width: 100%;
	}
}


/* ===== A rendelő ===== */
.wp-block-group.vk-tag {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t3);
}
.wp-block-group.vk-tag > * {
	margin: 0;
}
.vk-tag h3 {
	margin-top: var(--vk-t1);
}
.vk-tag p {
	line-height: 1.65;
}
.vk-szakasz > .vk-ikonos {
	margin-top: var(--vk-t4);
}
.wp-block-group.vk-galeria {
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: var(--wp--custom--meret--galeria-sor) var(--wp--custom--meret--galeria-sor);
	gap: var(--vk-t3);
}
.vk-galeria .wp-block-image {
	height: 100%;
	margin: 0;
}
.vk-galeria .wp-block-image:first-child {
	grid-row: 1 / 3;
}
.vk-galeria .wp-block-image.vk-foto img {
	aspect-ratio: auto;
}
.wp-block-group.vk-eszk {
	gap: var(--vk-t3);
}
.vk-eszk > * {
	margin: 0;
}
.vk-eszk h3 {
	margin: 0;
}
.vk-eszk p {
	margin: var(--vk-t2) 0 0;
	line-height: 1.65;
}
.wp-block-group.vk-eszk__cim {
	gap: var(--vk-t2);
}
.vk-eszk__cim > * {
	margin: 0;
}
.is-style-hamarosan.vk-eszk h3 {
	color: var(--vk-halvany);
}
.wp-block-group.vk-kapcs {
	gap: var(--vk-t4) var(--vk-t5);
	padding: var(--vk-t6);
	border-radius: var(--vk-r3);
}
.vk-kapcs h2 {
	max-width: 22ch;
	margin: 0;
}
.vk-kapcs p {
	max-width: 48ch;
	margin: var(--vk-t2) 0 0;
}
@media (max-width: 960px) {
	.wp-block-group.vk-galeria {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: var(--wp--custom--meret--galeria-sor-tablet-nagy) var(--wp--custom--meret--galeria-sor-tablet) var(--wp--custom--meret--galeria-sor-tablet);
	}
	.vk-galeria .wp-block-image:first-child {
		grid-row: auto;
		grid-column: 1 / 3;
	}
}
@media (max-width: 560px) {
	.wp-block-group.vk-galeria {
		grid-template-rows: var(--wp--custom--meret--galeria-sor-mobil-nagy) var(--wp--custom--meret--galeria-sor-mobil) var(--wp--custom--meret--galeria-sor-mobil);
		gap: var(--vk-t2);
	}
	.wp-block-group.vk-eszk {
		flex-direction: column;
	}
	.wp-block-group.vk-kapcs {
		padding: var(--vk-t5) var(--vk-t4);
		border-radius: var(--vk-r2);
	}
	.vk-kapcs .wp-block-buttons {
		width: 100%;
	}
}


/* ===== Kapcsolat ===== */
.wp-block-group.vk-eler {
	padding-top: var(--vk-t7);
}
.wp-block-group.vk-eler__racs {
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 1.35fr);
	gap: var(--vk-t4);
	align-items: stretch;
}
.wp-block-group.vk-adatok {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t4);
	padding-block: var(--vk-t1);
}
.wp-block-group.vk-adatok > *,
.vk-adat p {
	margin: 0;
}
.wp-block-group.vk-adat {
	gap: var(--vk-t3);
}
.vk-adat__ertek {
	line-height: 1.3;
	font-weight: 600;
	overflow-wrap: anywhere;
	font-variant-numeric: tabular-nums;
}
.vk-adat__ertek a {
	color: var(--vk-tinta);
	text-decoration: none;
}
.vk-adat__ertek a:hover {
	color: var(--vk-kiemeles);
	text-decoration: underline;
}
.vk-adat p + p {
	margin-top: var(--vk-t1);
}
.wp-block-group.vk-terkep {
	position: relative;
	min-height: var(--wp--custom--meret--terkep);
	gap: var(--vk-t3);
	padding: var(--vk-t4);
	border-radius: var(--vk-r3);
	text-align: center;
	transition: background-color var(--vk-atmenet);
}
.vk-terkep > * {
	margin: 0;
}
.vk-terkep:hover {
	background: var(--vk-kiemeles-halvany) !important;
}
.wp-block-group.vk-eler__ido {
	min-width: 0;
}
.wp-block-group.vk-urlap-sz__racs {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, var(--wp--custom--meret--urlap-oldalsav));
	grid-template-areas: "fej side" "urlap side";
	gap: 0 var(--vk-t6);
	align-items: start;
}
.wp-block-group.vk-urlap-sz__racs > * {
	margin: 0;
}
.vk-urlap-sz__fej {
	grid-area: fej;
	margin-bottom: var(--vk-t5) !important;
}
.vk-urlap-sz__fej > * {
	margin: 0;
}
.vk-urlap-sz__fej p {
	max-width: 60ch;
	margin-top: var(--vk-t3);
}
.vk-urlap-sz__racs .vk-nem-surgos {
	grid-area: side;
}
.vk-urlap-sz__racs .vk-urlap {
	grid-area: urlap;
}
.wp-block-group.vk-nem-surgos {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t3);
}
.wp-block-group.vk-nem-surgos > * {
	margin: 0;
}
.vk-nem-surgos .vk-ikonos:first-child {
	--vk-ikonszin: var(--vk-surgos);
}
@media (max-width: 1180px) {
	.wp-block-group.vk-eler__racs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.vk-eler__ido {
		grid-column: 1 / -1;
	}
}
@media (max-width: 860px) {
	.wp-block-group.vk-urlap-sz__racs {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "fej" "side" "urlap";
	}
	.vk-urlap-sz__racs .vk-nem-surgos {
		margin-bottom: var(--vk-t4) !important;
	}
}
@media (max-width: 560px) {
	.wp-block-group.vk-eler {
		padding-top: var(--vk-t5);
	}
	.wp-block-group.vk-eler__racs {
		grid-template-columns: minmax(0, 1fr);
	}
	.wp-block-group.vk-terkep {
		min-height: var(--wp--custom--meret--terkep-mobil);
	}
	.vk-nem-surgos .wp-block-buttons {
		width: 100%;
	}
}

/* Űrlap doboz: a bővítmény mezőit a terv szerint stílusozza. */
.wp-block-group.vk-urlap {
	padding: var(--vk-t5);
	border-radius: var(--vk-r2);
}
.vk-urlap label,
.vk-urlap legend {
	font-size: var(--vk-kis);
	font-weight: 700;
	line-height: 1.4;
}
.vk-urlap fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.vk-urlap input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.vk-urlap textarea,
.vk-urlap select {
	width: 100%;
	padding: var(--vk-t2) var(--vk-t3);
	border: 1.5px solid var(--vk-vonal);
	border-radius: var(--vk-r1);
	background: var(--vk-hatter);
	color: var(--vk-tinta);
	font: inherit;
	font-size: var(--vk-m3);
	line-height: 1.5;
	transition: border-color var(--vk-atmenet);
}
.vk-urlap input:hover,
.vk-urlap textarea:hover,
.vk-urlap select:hover {
	border-color: color-mix(in oklch, var(--vk-vonal) 55%, var(--vk-halvany));
}
.vk-urlap input:focus,
.vk-urlap textarea:focus,
.vk-urlap select:focus {
	outline: 2px solid var(--vk-kiemeles);
	outline-offset: 2px;
	border-color: var(--vk-kiemeles);
}
.vk-urlap [aria-invalid="true"] {
	border-color: var(--vk-surgos) !important;
}
.vk-urlap [aria-invalid="true"]:focus {
	outline-color: var(--vk-surgos);
}
.vk-urlap input[type="checkbox"],
.vk-urlap input[type="radio"] {
	accent-color: var(--vk-kiemeles);
	width: 1.1em;
	height: 1.1em;
}
.vk-urlap button[type="submit"],
.vk-urlap input[type="submit"] {
	padding: var(--vk-t3) var(--vk-t5);
	border: 0;
	border-radius: var(--vk-r4);
	background: var(--vk-kiemeles);
	color: var(--vk-kiemeles-szoveg);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transition: background-color var(--vk-atmenet);
}
.vk-urlap button[type="submit"]:hover,
.vk-urlap input[type="submit"]:hover {
	background: var(--vk-kiemeles-hover);
}
@media (max-width: 560px) {
	.wp-block-group.vk-urlap {
		padding: var(--vk-t4);
	}
	.vk-urlap button[type="submit"],
	.vk-urlap input[type="submit"] {
		width: 100%;
	}
}


/* ===== Adatkezelési tájékoztató ===== */
.wp-block-group.vk-jogi {
	padding-top: var(--vk-t6);
	font-size: var(--vk-m3);
	line-height: 1.7;
}
.wp-block-group.vk-hataly {
	gap: var(--vk-t2) var(--vk-t4);
	padding: var(--vk-t3) var(--vk-t4);
	border-radius: var(--vk-r2);
}
.vk-hataly p {
	margin: 0;
}
.wp-block-group.vk-tartalom {
	margin-top: var(--vk-t5);
	padding-bottom: var(--vk-t5);
	border-bottom: 1px solid var(--vk-vonal);
}
.vk-tartalom > * {
	margin: 0;
}
.vk-tartalom ol {
	display: flex;
	flex-direction: column;
	gap: var(--vk-t1);
	margin-top: var(--vk-t2);
	padding-left: var(--vk-t4);
}
.vk-tartalom a {
	font-weight: 700;
}
.vk-jogi__bevezeto {
	margin-top: var(--vk-t5) !important;
}
.vk-jogi h2 {
	margin-block: var(--vk-t6) var(--vk-t3);
	scroll-margin-top: var(--vk-t4);
}
.vk-jogi h2 + * {
	margin-top: 0;
}
@media (max-width: 560px) {
	.wp-block-group.vk-jogi {
		padding-top: var(--vk-t5);
	}
	.vk-jogi h2 {
		font-size: var(--vk-m4);
	}
}


/* ===== 404 ===== */
.vk-404 > * + * {
	margin-top: var(--vk-t4);
}
