/*
 * AZ ÜNNEP – egyedi oldalak (prototípus: Rólunk, Kapcsolat, Információs oldalak, Kategória-áttekintő).
 * Színek, méretek csak theme.json-presetekből.
 */

:root {
	--azu-i-sziv: 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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
	--azu-i-level: 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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
	--azu-i-naptar: 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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
	--azu-i-kerdes: 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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
	--azu-i-info: 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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
	--azu-i-jobbra: 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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
}

.azu-ikon-sziv { --azu-ikon: var(--azu-i-sziv); }
.azu-ikon-level { --azu-ikon: var(--azu-i-level); }
.azu-ikon-naptar { --azu-ikon: var(--azu-i-naptar); }
.azu-ikon-kerdes { --azu-ikon: var(--azu-i-kerdes); }
.azu-ikon-info { --azu-ikon: var(--azu-i-info); }
.azu-ikon-kereso { --azu-ikon: var(--azu-i-kereso); }

/* Közös: a csoportok gyerekei között a saját gap dolgozik, a flow-margó nem. */
.azu-jellemzok > *,
.azu-jellemzo > *,
.azu-anyagok > *,
.azu-zaro-sav > *,
.azu-elerhetosegek > *,
.azu-elerhetoseg > *,
.azu-felhivas > *,
.azu-megjegyzes-doboz > *,
.azu-kereses-sav > *,
.azu-helyorzo-kep > *,
.azu-oldalfej > * {
	margin: 0 !important;
}

/* Oldalfej: eyebrow + cím + rövid elválasztó + bevezető, mellette kép. */
.azu-oldalfej {
	gap: var(--wp--preset--spacing--16);
}

.azu-elvalaszto-rovid.wp-block-separator {
	width: 64px;
	margin-inline: 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--pezsgo);
	opacity: 1;
}

/* Jelölt képhelyőrző. */
.azu-helyorzo-kep {
	gap: var(--wp--preset--spacing--8);
	width: 100%;
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--16);
	background-color: var(--wp--preset--color--krem);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
	color: var(--wp--preset--color--grafit-70);
	text-align: center;
}

.azu-helyorzo-kep::before {
	content: "";
	width: 32px;
	height: 32px;
	background-color: var(--wp--preset--color--arany-szoveg);
	-webkit-mask: var(--azu-i-ajandek) center / contain no-repeat;
	mask: var(--azu-i-ajandek) center / contain no-repeat;
}

.azu-helyorzo-kep--4-3 { aspect-ratio: 4 / 3; }
.azu-helyorzo-kep--16-9 { aspect-ratio: 16 / 9; }
.azu-helyorzo-kep--1-1 { aspect-ratio: 1 / 1; }
.azu-helyorzo-kep--magas { min-height: 280px; }

/* Nyíllal jelölt linkkártyák. */
.azu-linkkartyak {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: var(--wp--preset--spacing--16);
	margin: 0;
	padding: 0;
	list-style: none;
}

.azu-linkkartyak--fuggoleges {
	grid-template-columns: minmax(0, 1fr);
}

.azu-linkkartyak > li {
	position: relative;
	margin: 0;
}

.azu-linkkartyak > li::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
	background-color: var(--wp--preset--color--arany-szoveg);
	-webkit-mask: var(--azu-ikon) center / contain no-repeat;
	mask: var(--azu-ikon) center / contain no-repeat;
	pointer-events: none;
}

.azu-linkkartyak a {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--16);
	min-height: 72px;
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--16) 20px var(--wp--preset--spacing--16) 60px;
	background-color: var(--wp--preset--color--kartyafeher);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
	color: var(--wp--preset--color--grafit);
	font-weight: 600;
	text-decoration: none;
}

.azu-linkkartyak a::after {
	content: "";
	flex: none;
	width: 20px;
	height: 20px;
	margin-left: auto;
	background-color: currentColor;
	-webkit-mask: var(--azu-i-jobbra) center / contain no-repeat;
	mask: var(--azu-i-jobbra) center / contain no-repeat;
}

.azu-linkkartyak a:hover {
	border-color: var(--wp--preset--color--grafit-60);
	color: var(--wp--preset--color--grafit);
	text-decoration: underline;
}

/* Ikonos jellemzők – pezsgő felső vonal (Rólunk: „Mitől különleges?”). */
.azu-jellemzok {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: var(--wp--preset--spacing--24);
}

.azu-jellemzo {
	gap: var(--wp--preset--spacing--12);
	padding-top: 20px;
	border-top: 1px solid var(--wp--preset--color--pezsgo);
}

.azu-jellemzo::before {
	content: "";
	width: 24px;
	height: 24px;
	background-color: var(--wp--preset--color--arany-szoveg);
	-webkit-mask: var(--azu-ikon) center / contain no-repeat;
	mask: var(--azu-ikon) center / contain no-repeat;
}

/* Számozott lépések (Rólunk: „A névtől a csomagig”). */
.azu-szamozott {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: azu-szam;
}

.azu-szamozott > li {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 4px var(--wp--preset--spacing--16);
	margin: 0;
	padding: var(--wp--preset--spacing--16) 0;
	border-top: 1px solid var(--wp--preset--color--homok);
	counter-increment: azu-szam;
}

.azu-szamozott > li:last-child {
	border-bottom: 1px solid var(--wp--preset--color--homok);
}

.azu-szamozott > li::before {
	content: counter(azu-szam);
	grid-row: span 2;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid var(--wp--preset--color--pezsgo);
	border-radius: 999px;
	color: var(--wp--preset--color--arany-szoveg);
	font-family: var(--wp--preset--font-family--playfair);
	font-size: var(--wp--preset--font-size--h-3);
	line-height: 1;
}

.azu-szamozott strong {
	display: block;
	font-size: var(--wp--preset--font-size--h-4);
}

/* Anyagok: 3 képhelyőrző felirattal. */
.azu-anyagok {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--12);
}

.azu-anyag {
	gap: var(--wp--preset--spacing--8);
}

.azu-anyag > * {
	margin: 0 !important;
}

.azu-anyag .azu-helyorzo-kep {
	aspect-ratio: 1 / 1;
	padding: var(--wp--preset--spacing--8);
}

/* Záró sáv (fenyő). */
.azu-zaro-sav {
	gap: var(--wp--preset--spacing--24);
	padding: clamp(32px, 5vw, 56px) clamp(24px, 4vw, 48px);
	border-radius: 4px;
}

.azu-zaro-sav a {
	color: var(--wp--preset--color--tortfeher);
	font-weight: 600;
}

/* „Neked készül.” */
.azu-kiemelt-mondat {
	font-family: var(--wp--preset--font-family--playfair);
	font-size: var(--wp--preset--font-size--h-3);
	font-style: italic;
	line-height: 1.3;
}

/* Elérhetőség-kártyák (Kapcsolat). */
.azu-elerhetosegek {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: var(--wp--preset--spacing--16);
}

.azu-elerhetoseg {
	position: relative;
	gap: 4px;
	padding: 20px 20px 20px 60px;
	background-color: var(--wp--preset--color--kartyafeher);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
}

.azu-elerhetoseg::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 22px;
	width: 24px;
	height: 24px;
	background-color: var(--wp--preset--color--arany-szoveg);
	-webkit-mask: var(--azu-ikon) center / contain no-repeat;
	mask: var(--azu-ikon) center / contain no-repeat;
}

/* Állapotüzenet: siker, hiba, tájékoztatás. Árnyék nincs. */
.azu-uzenet {
	display: grid;
	gap: 4px;
	margin: 0 0 var(--wp--preset--spacing--24);
	padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--16) var(--wp--preset--spacing--16) 20px;
	background-color: var(--wp--preset--color--kartyafeher);
	border: 1px solid var(--wp--preset--color--homok);
	border-left: 4px solid var(--azu-uzenet-szin, var(--wp--preset--color--fenyo));
	border-radius: 4px;
}

.azu-uzenet strong {
	color: var(--azu-uzenet-szin, var(--wp--preset--color--fenyo));
}

.azu-uzenet p {
	margin: 0;
}

.azu-uzenet--siker { --azu-uzenet-szin: var(--wp--preset--color--siker); }
.azu-uzenet--hiba { --azu-uzenet-szin: var(--wp--preset--color--hiba); }

/* Űrlap (Kapcsolat). */
.azu-urlap fieldset {
	display: grid;
	gap: var(--wp--preset--spacing--16);
	margin: 0;
	padding: 0;
	border: 0;
}

.azu-urlap legend,
.azu-urlap__csapda {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.azu-urlap__sor {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
	gap: var(--wp--preset--spacing--16);
}

.azu-mezo {
	display: grid;
	gap: 6px;
}

.azu-mezo label {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.azu-mezo label span {
	color: var(--wp--preset--color--grafit-70);
	font-weight: 400;
}

.azu-mezo input,
.azu-mezo select,
.azu-mezo textarea {
	width: 100%;
	min-height: 48px;
	box-sizing: border-box;
	padding: 12px;
	border: 1px solid var(--wp--preset--color--kavics);
	border-radius: 2px;
	background-color: var(--wp--preset--color--kartyafeher);
	color: var(--wp--preset--color--grafit);
	font: inherit;
	font-size: var(--wp--preset--font-size--body);
}

.azu-mezo [aria-invalid="true"] {
	border: 2px solid var(--wp--preset--color--hiba);
}

.azu-mezo__sugo,
.azu-mezo__hiba {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
}

.azu-mezo__sugo { color: var(--wp--preset--color--grafit-70); }
.azu-mezo__hiba { color: var(--wp--preset--color--hiba); font-weight: 500; }

.azu-urlap__jogi {
	margin: 0;
	color: var(--wp--preset--color--grafit-70);
	font-size: var(--wp--preset--font-size--small);
}

.azu-urlap button[type="submit"] {
	justify-self: start;
	gap: var(--wp--preset--spacing--8);
}

.azu-urlap[aria-busy="true"] button[type="submit"] {
	cursor: progress;
}

/* Tájékoztató oldalak: oldalmenü, kapcsolódó oldalak, elállás-felhívás. */
.azu-info-menu {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--8);
	margin: 0;
	padding: 0;
	list-style: none;
}

.azu-info-menu a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--talalat);
	padding: 0 var(--wp--preset--spacing--16);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 999px;
	color: var(--wp--preset--color--grafit);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	text-decoration: none;
}

.azu-info-menu a:hover {
	background-color: var(--wp--preset--color--krem);
}

.azu-info-menu a[aria-current="page"] {
	background-color: var(--wp--preset--color--grafit);
	border-color: var(--wp--preset--color--grafit);
	color: var(--wp--preset--color--tortfeher);
}

.azu-kapcsolodo {
	margin-top: var(--wp--preset--spacing--48) !important;
	padding-top: var(--wp--preset--spacing--24);
	border-top: 1px solid var(--wp--preset--color--homok);
}

.azu-kapcsolodo h2 {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--h-4);
	font-weight: 600;
}

.azu-kapcsolodo li a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--talalat);
}

.azu-felhivas {
	gap: var(--wp--preset--spacing--16) var(--wp--preset--spacing--24);
	padding: clamp(20px, 3vw, 28px);
	border-radius: 4px;
}

.azu-felhivas h2 {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--h-4);
	font-weight: 600;
}

/* Szállítási táblázat: keskeny képernyőn a táblázat görgethető, nem az oldal (prototípus). */
.azu-szovegoldal .wp-block-table {
	overflow-x: auto;
}

.azu-szovegoldal .wp-block-table table {
	min-width: 480px;
	border-collapse: collapse;
}

.azu-szovegoldal .wp-block-table th,
.azu-szovegoldal .wp-block-table td {
	padding: 12px;
	border: 1px solid var(--wp--preset--color--homok);
	text-align: left;
}

.azu-szovegoldal .wp-block-table thead th {
	background-color: var(--wp--preset--color--krem);
}

/* Kategória-áttekintő. */
.azu-megjegyzes-doboz {
	position: relative;
	gap: 4px;
	padding: 20px 20px 20px 60px;
	border-radius: 4px;
}

.azu-megjegyzes-doboz::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 20px;
	width: 22px;
	height: 22px;
	background-color: var(--wp--preset--color--fenyo);
	-webkit-mask: var(--azu-i-info) center / contain no-repeat;
	mask: var(--azu-i-info) center / contain no-repeat;
}

.azu-kategoria-db {
	color: var(--wp--preset--color--grafit-60);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 500;
}

.azu-kereses-sav {
	gap: var(--wp--preset--spacing--16) var(--wp--preset--spacing--24);
	padding: clamp(20px, 3vw, 32px);
	border-radius: 4px;
}

.azu-kereses-sav h2 {
	font-size: var(--wp--preset--font-size--h-3);
}

/* Kategóriaoldal vége: „Más alkalmakra”. */
.azu-mas-alkalmak {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--8);
	margin: 0;
	padding: 0;
	list-style: none;
}

.azu-mas-alkalmak a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--talalat);
	padding: 0 var(--wp--preset--spacing--16);
	background-color: var(--wp--preset--color--kartyafeher);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
	color: var(--wp--preset--color--grafit);
	font-weight: 500;
	text-decoration: none;
}

.azu-mas-alkalmak a:hover {
	border-color: var(--wp--preset--color--grafit-60);
	text-decoration: underline;
}

@media (max-width: 599px) {
	.azu-anyagok {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Egyedi oldalak (Rólunk, Kapcsolat): a szekciók maguk adják a térközt. */
.azu-fo--egyedi {
	padding-block: 0 var(--wp--preset--spacing--48);
}

.azu-fo--egyedi > * + * {
	margin-block-start: 0;
}

.azu-szekcio--nyito {
	padding-top: var(--wp--preset--spacing--24);
}

.azu-szekcio--szuk {
	padding-block: var(--wp--preset--spacing--48) 0;
}

.azu-szekcio > .wp-block-woocommerce-breadcrumbs {
	margin-bottom: var(--wp--preset--spacing--16);
}

.azu-tajekoztato .azu-info-menu-wrap {
	margin-bottom: var(--wp--preset--spacing--24);
}

.azu-tajekoztato .azu-szovegoldal > * + * {
	margin-block-start: var(--wp--preset--spacing--16);
}

.azu-kategoria-zaro {
	gap: var(--wp--preset--spacing--24);
	margin-top: var(--wp--preset--spacing--64) !important;
}

.azu-kategoria-zaro > * {
	margin: 0 !important;
}

/* Teljes szélességű szekcióban is a hasábban álljon a morzsamenü. */
.azu-szekcio > .wp-block-woocommerce-breadcrumbs {
	max-width: var(--wp--style--global--content-size);
	margin-inline: auto !important;
}

/* A legördülő ugyanolyan magas, mint a szövegmezők. */
.azu-mezo select {
	height: 48px;
	padding-block: 0;
}

.azu-urlap__sor {
	align-items: start;
}

.azu-mezo input {
	height: 48px;
}

/* Jogi oldalak (Szállítás, Elállás, ÁSZF, Adatkezelés): asztalon a „Tartalom” bal oldalon, ragadósan,
   a kibontható fejezetek mellette jobbra. Csak ahol van tartalomjegyzék (a GYIK-nél nincs). Mobilon egymás alatt. */
@media (min-width: 900px) {
	.azu-szovegoldal > .wp-block-post-content:has(> .azu-tartalom) {
		display: grid;
		grid-template-columns: 280px minmax(0, var(--wp--custom--szoveghasab));
		column-gap: var(--wp--preset--spacing--48);
		align-items: start;
		max-width: var(--wp--style--global--content-size) !important;
	}

	.azu-szovegoldal > .wp-block-post-content:has(> .azu-tartalom) > * {
		grid-column: 2;
		margin-block-start: 0 !important;
	}

	.azu-szovegoldal > .wp-block-post-content:has(> .azu-tartalom) > .azu-tartalom {
		grid-column: 1;
		grid-row: 1 / span 30;
		position: sticky;
		top: calc(var(--azu-sav) + var(--wp--preset--spacing--24));
	}

	.azu-szovegoldal:has(.azu-tartalom) > .azu-kapcsolodo {
		margin-left: calc(280px + var(--wp--preset--spacing--48)) !important;
	}
}

/* A tartalomjegyzékben a fejezetcímek saját számozása elég (ÁSZF: 1. Az üzemeltető adatai) – nincs dupla szám. */
.azu-tartalom ol {
	list-style: none;
	padding-left: 0;
}

/* ── Online elállás (W1) ─────────────────────────────────────────── */
.azu-elallas-folyamat {
	display: grid;
	gap: var(--wp--preset--spacing--32);
}

.azu-elallas-lepes {
	display: grid;
	gap: var(--wp--preset--spacing--16);
	padding: clamp(20px, 3vw, 32px);
	background-color: var(--wp--preset--color--kartyafeher);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
}

.azu-elallas-lepes > * {
	margin: 0;
}

.azu-elallas-lepes h2 {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--h-4);
	font-weight: 600;
}

.azu-elallas-ellenorzes {
	border-color: var(--wp--preset--color--grafit-60);
}

.azu-betoltve {
	display: grid;
	gap: 4px;
	padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);
	background-color: var(--wp--preset--color--krem);
	border-radius: 4px;
	font-size: var(--wp--preset--font-size--small);
}

.azu-betoltve strong {
	color: var(--wp--preset--color--siker);
}

.azu-valasztas {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--wp--preset--spacing--24);
}

.azu-valasztas input,
.azu-tetel input[type='checkbox'] {
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: var(--wp--preset--color--fenyo);
}

.azu-tetelek ul {
	display: grid;
	gap: var(--wp--preset--spacing--8);
	margin: var(--wp--preset--spacing--8) 0 0;
	padding: 0;
	list-style: none;
}

.azu-tetel {
	display: grid;
	gap: 4px;
	padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);
	border: 1px solid var(--wp--preset--color--homok);
	border-radius: 4px;
}

.azu-tetel__meta {
	color: var(--wp--preset--color--grafit-70);
	font-size: var(--wp--preset--font-size--caption);
}

.azu-tetel__db {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	font-size: var(--wp--preset--font-size--small);
}

.azu-tetel__db select {
	min-height: var(--wp--custom--talalat);
	padding: 0 var(--wp--preset--spacing--8);
	border: 1px solid var(--wp--preset--color--kavics);
	border-radius: 2px;
	background-color: var(--wp--preset--color--kartyafeher);
	font: inherit;
}

/* A „Tételek” csak részleges elállásnál látszik (JS nélkül mindig látható). */
.azu-js .azu-elallas-urlap:has(input[value='teljes']:checked) .azu-tetelek {
	display: none;
}

.azu-osszegzes {
	display: grid;
	gap: 0;
	margin: 0;
}

.azu-osszegzes > div {
	display: grid;
	grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
	gap: var(--wp--preset--spacing--16);
	padding: var(--wp--preset--spacing--12) 0;
	border-bottom: 1px solid var(--wp--preset--color--homok);
}

.azu-osszegzes dt {
	color: var(--wp--preset--color--grafit-70);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.azu-osszegzes dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.azu-azonosito {
	font-size: var(--wp--preset--font-size--h-4);
	font-variant-numeric: tabular-nums;
	user-select: all;
}

.azu-gombsor {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--16);
}

.wp-element-button.is-masodlagos {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--grafit);
	color: var(--wp--preset--color--grafit);
}

.wp-element-button.is-masodlagos:hover {
	background-color: var(--wp--preset--color--krem);
	color: var(--wp--preset--color--grafit);
}

.wp-element-button.azu-ikon-kereso::before,
.wp-element-button.azu-ikon-visszakuldes::before {
	content: '';
	width: 20px;
	height: 20px;
	background-color: currentColor;
	-webkit-mask: var(--azu-ikon) center / contain no-repeat;
	mask: var(--azu-ikon) center / contain no-repeat;
}

.azu-uzenet--info {
	--azu-uzenet-szin: var(--wp--preset--color--fenyo);
}

.azu-elallas__info dl {
	display: grid;
	gap: var(--wp--preset--spacing--16);
	margin: 0;
}

.azu-elallas__info dt {
	font-weight: 600;
}

.azu-elallas__info dd {
	margin: 4px 0 0;
	color: var(--wp--preset--color--grafit-70);
	font-size: var(--wp--preset--font-size--small);
}

@media (max-width: 599px) {
	.azu-osszegzes > div {
		grid-template-columns: minmax(0, 1fr);
		gap: 2px;
	}
}

/* Elállás oldal: az űrlap és a tájékoztató hasáb aránya; a fejléc elemei közti térköz. */
@media (min-width: 782px) {
	.azu-elallas__oszlopok > .azu-elallas__urlap {
		flex: 1 1 62% !important;
	}

	.azu-elallas__oszlopok > .azu-elallas__info {
		flex: 0 0 min(34%, 380px) !important;
		min-width: 280px;
	}
}

.azu-oldalfej.is-layout-constrained > * + * {
	margin-block-start: var(--wp--preset--spacing--12) !important;
}

a.wp-element-button.is-masodlagos {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	box-sizing: border-box;
	text-decoration: none;
}