/* JPH Lakáspályázat – blokkstílusok (frontend + szerkesztő). */
:root {
	--jph-lp-sarga: #fbcd73;
	--jph-lp-szurke: #e7e7e7;
	--jph-lp-zold: #1b4d3e;
	--jph-lp-es: #5cc8bd;
	--jph-lp-vagy: #f4a623;
	--jph-lp-radius: 0.5rem;
	--jph-lp-cimbetu: var(--bs-headings-font-family, inherit);
}

/* ---------- Kártya (és ÉS / VAGY összekötővel) ---------- */
.wp-block-group.is-style-jph-kartya,
.wp-block-group.is-style-jph-kartya-es,
.wp-block-group.is-style-jph-kartya-vagy {
	position: relative;
	padding: 1.5rem 1.75rem;
	background-color: #fff;
	border-radius: var(--jph-lp-radius);
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.13);
}
.wp-block-group.is-style-jph-kartya > :first-child,
.wp-block-group.is-style-jph-kartya > .wp-block-group__inner-container > :first-child,
.wp-block-group.is-style-jph-kartya-es > :first-child,
.wp-block-group.is-style-jph-kartya-es > .wp-block-group__inner-container > :first-child,
.wp-block-group.is-style-jph-kartya-vagy > :first-child,
.wp-block-group.is-style-jph-kartya-vagy > .wp-block-group__inner-container > :first-child,
.wp-block-group.is-style-jph-fontos > :first-child,
.wp-block-group.is-style-jph-fontos > .wp-block-group__inner-container > :first-child {
	margin-top: 0;
}
.wp-block-group.is-style-jph-kartya > :last-child,
.wp-block-group.is-style-jph-kartya > .wp-block-group__inner-container > :last-child,
.wp-block-group.is-style-jph-kartya-es > :last-child,
.wp-block-group.is-style-jph-kartya-es > .wp-block-group__inner-container > :last-child,
.wp-block-group.is-style-jph-kartya-vagy > :last-child,
.wp-block-group.is-style-jph-kartya-vagy > .wp-block-group__inner-container > :last-child,
.wp-block-group.is-style-jph-fontos > :last-child,
.wp-block-group.is-style-jph-fontos > .wp-block-group__inner-container > :last-child {
	margin-bottom: 0;
}

/* Az összekötő címke a kártya bal felső sarkán: az előző feltételhez kapcsolja. */
.wp-block-group.is-style-jph-kartya-es,
.wp-block-group.is-style-jph-kartya-vagy {
	margin-top: 2.25rem;
}
.wp-block-group.is-style-jph-kartya-es::before,
.wp-block-group.is-style-jph-kartya-vagy::before {
	position: absolute;
	top: -1.25rem;
	left: -0.75rem;
	padding: 0.2rem 0.8rem;
	font-family: var(--jph-lp-cimbetu);
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.4;
	color: #1d1d1d;
	border-radius: 0.3rem;
	transform: rotate(-5deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.wp-block-group.is-style-jph-kartya-es::before {
	content: "ÉS";
	background: var(--jph-lp-es);
}
.wp-block-group.is-style-jph-kartya-vagy::before {
	content: "VAGY";
	background: var(--jph-lp-vagy);
}

/* ---------- Fontos doboz ---------- */
.wp-block-group.is-style-jph-fontos {
	padding: 1.25rem 1.75rem;
	background-color: var(--jph-lp-sarga);
	border-radius: var(--jph-lp-radius);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* ---------- Dátum-kör ---------- */
.wp-block-group.is-style-jph-datum-kor {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	width: 10.5rem;
	max-width: 100%;
	aspect-ratio: 1;
	padding: 1rem;
	text-align: center;
	border-radius: 50%;
	background-color: var(--jph-lp-sarga);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.wp-block-group.is-style-jph-datum-kor > *,
.wp-block-group.is-style-jph-datum-kor > .wp-block-group__inner-container > * {
	margin: 0 !important;
	max-width: 100%;
}

/* ---------- Listák ---------- */

/* Folyamat: számozott lista, vízszintes nyilakként (mobilon egymás alatt). */
.wp-block-list.is-style-jph-folyamat {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0;
	margin-left: 0;
	list-style: none;
	counter-reset: jph-lepes;
}
.wp-block-list.is-style-jph-folyamat > li {
	counter-increment: jph-lepes;
	position: relative;
	flex: 1 1 10rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 6.5rem;
	padding: 0.75rem 1.75rem 0.75rem 2.25rem;
	text-align: center;
	font-weight: 700;
	background: var(--jph-lp-sarga);
	clip-path: polygon(0 0, calc(100% - 1.25rem) 0, 100% 50%, calc(100% - 1.25rem) 100%, 0 100%, 1.25rem 50%);
}
.wp-block-list.is-style-jph-folyamat > li:first-child {
	clip-path: polygon(0 0, calc(100% - 1.25rem) 0, 100% 50%, calc(100% - 1.25rem) 100%, 0 100%);
	padding-left: 1.25rem;
}
.wp-block-list.is-style-jph-folyamat > li:nth-child(even) {
	background: var(--jph-lp-szurke);
}
.wp-block-list.is-style-jph-folyamat > li::before {
	content: counter(jph-lepes);
	font-family: var(--jph-lp-cimbetu);
	font-size: 1.6rem;
	line-height: 1;
	margin-bottom: 0.25rem;
	color: var(--jph-lp-zold);
}

@media (max-width: 767.98px) {
.wp-block-list.is-style-jph-folyamat {
		flex-direction: column;
	}
.wp-block-list.is-style-jph-folyamat > li,
.wp-block-list.is-style-jph-folyamat > li:first-child {
		flex-basis: auto;
		min-height: 0;
		padding: 1.25rem 1rem 1.75rem;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1rem), 50% 100%, 0 calc(100% - 1rem));
	}
}

/* Pipás lista */
.wp-block-list.is-style-jph-pipa {
	list-style: none;
	padding-left: 0;
}
.wp-block-list.is-style-jph-pipa > li {
	position: relative;
	padding-left: 1.75rem;
	margin-bottom: 0.35rem;
}
.wp-block-list.is-style-jph-pipa > li::before {
	content: "";
	position: absolute;
	left: 0.2rem;
	top: 0.3em;
	width: 0.55rem;
	height: 0.9rem;
	border: solid var(--jph-lp-zold);
	border-width: 0 0.2rem 0.2rem 0;
	transform: rotate(45deg);
}

/* ---------- Lenyíló (GYIK) ---------- */
.wp-block-details.is-style-jph-gyik {
	margin: 0 0 0.75rem;
	background: #fff;
	border-radius: var(--jph-lp-radius);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.wp-block-details.is-style-jph-gyik > summary {
	position: relative;
	padding: 1rem 3rem 1rem 1.25rem;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}
.wp-block-details.is-style-jph-gyik > summary::-webkit-details-marker {
	display: none;
}
.wp-block-details.is-style-jph-gyik > summary::after {
	content: "+";
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5rem;
	line-height: 1;
	color: var(--jph-lp-zold);
}
/* Nyitott állapotban csak a cím színe változik, a háttere nem. */
.wp-block-details.is-style-jph-gyik[open] > summary,
.wp-block-details.is-style-jph-gyik > summary:hover,
.wp-block-details.is-style-jph-gyik > summary:focus-visible {
	color: var(--jph-lp-zold);
}
.wp-block-details.is-style-jph-gyik[open] > summary::after {
	content: "−";
}
.wp-block-details.is-style-jph-gyik > :not(summary) {
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
.wp-block-details.is-style-jph-gyik > :nth-child(2) {
	margin-top: 1rem;
}
.wp-block-details.is-style-jph-gyik > :last-child {
	margin-bottom: 1.25rem;
}

/* ---------- Pontozás táblázat ---------- */
.wp-block-table.is-style-jph-pontozas table {
	table-layout: auto;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 0.35rem;
}
.wp-block-table.is-style-jph-pontozas td,
.wp-block-table.is-style-jph-pontozas th {
	border: 0;
	padding: 0.6rem 1rem;
	vertical-align: middle;
	background: #fff;
}
/* Zebra sávok: fehér és halványszürke sorok. */
.wp-block-table.is-style-jph-pontozas tr:nth-child(even) > td {
	background: var(--jph-lp-zebra, #f1f1f1);
}
.wp-block-table.is-style-jph-pontozas tr > :first-child {
	border-radius: var(--jph-lp-radius) 0 0 var(--jph-lp-radius);
}
.wp-block-table.is-style-jph-pontozas tr > :last-child {
	width: 1%;
	white-space: nowrap;
	text-align: right;
	font-weight: 700;
	color: var(--jph-lp-zold);
	border-radius: 0 var(--jph-lp-radius) var(--jph-lp-radius) 0;
}
/* Szerkesztőben a cella szövegdoboza inline white-space: pre-wrap-et kap, ami
   betűnként tördelné a pontoszlopot: vegye át a cella beállítását. */
.wp-block-table.is-style-jph-pontozas td > .rich-text {
	white-space: inherit !important;
}
.wp-block-table.is-style-jph-pontozas tr > :only-child {
	width: auto;
	white-space: normal;
	text-align: left;
	color: inherit;
	border-radius: var(--jph-lp-radius);
}
.wp-block-table.is-style-jph-pontozas thead th {
	background: var(--jph-lp-zold);
	color: #fff;
	text-align: left;
}
.wp-block-table.is-style-jph-pontozas thead {
	border: 0;
}

/* ---------- Gombok ---------- */
.wp-block-button.is-style-jph-sarga > .wp-block-button__link,
.wp-block-button.is-style-jph-zold > .wp-block-button__link {
	padding: 0.7rem 1.4rem;
	font-family: var(--bs-body-font-family, inherit);
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	border-radius: var(--jph-lp-radius);
	text-decoration: none;
	transition: filter 0.15s ease;
}
.wp-block-button.is-style-jph-sarga > .wp-block-button__link {
	background-color: var(--jph-lp-sarga);
	color: #1d1d1d;
}
.wp-block-button.is-style-jph-zold > .wp-block-button__link {
	background-color: var(--jph-lp-zold);
	color: #fff;
}
.wp-block-button.is-style-jph-sarga > .wp-block-button__link:hover,
.wp-block-button.is-style-jph-zold > .wp-block-button__link:hover,
.wp-block-button.is-style-jph-sarga > .wp-block-button__link:focus-visible,
.wp-block-button.is-style-jph-zold > .wp-block-button__link:focus-visible {
	filter: brightness(0.92);
}

/* ---------- Mintákhoz: szekciók, dátumsor, kártyacímek ---------- */

/* Teljes szélességű szekció: a tartalma olvasható szélességű, középre igazított. */
.wp-block-group.jph-szekcio {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.wp-block-group.jph-szekcio > *,
.wp-block-group.jph-szekcio > .wp-block-group__inner-container > *,
.wp-block-group.jph-szekcio-sima > *,
.wp-block-group.jph-szekcio-sima > .wp-block-group__inner-container > *,
.wp-block-group.jph-bevezeto > *,
.wp-block-group.jph-bevezeto > .wp-block-group__inner-container > * {
	box-sizing: border-box;
	max-width: var(--jph-lp-tartalom, 960px);
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 15px;
	padding-right: 15px;
}
.wp-block-group.jph-szekcio > .wp-block-group[class*="is-style-jph-kartya"],
.wp-block-group.jph-szekcio > .wp-block-group__inner-container > .wp-block-group[class*="is-style-jph-kartya"],
.wp-block-group.jph-szekcio > .wp-block-group.is-style-jph-fontos,
.wp-block-group.jph-szekcio > .wp-block-group__inner-container > .wp-block-group.is-style-jph-fontos,
.wp-block-group.jph-szekcio-sima > .wp-block-group[class*="is-style-jph-kartya"],
.wp-block-group.jph-szekcio-sima > .wp-block-group__inner-container > .wp-block-group[class*="is-style-jph-kartya"] {
	max-width: min(calc(var(--jph-lp-tartalom, 960px) - 30px), calc(100% - 30px));
	padding-left: 1.75rem;
	padding-right: 1.75rem;
}
.wp-block-group.jph-szekcio-sima,
.wp-block-group.jph-bevezeto {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.wp-block-group.jph-szekcio > .wp-block-heading:first-child,
.wp-block-group.jph-szekcio > .wp-block-group__inner-container > .wp-block-heading:first-child {
	margin-bottom: 1.5rem;
}
.wp-block-group.jph-datumok,
.wp-block-group.jph-datumok > .wp-block-group__inner-container {
	gap: 1.25rem;
	max-width: none;
}
[class*="is-style-jph-kartya"] > .wp-block-heading,
[class*="is-style-jph-kartya"] > .wp-block-group__inner-container > .wp-block-heading,
.is-style-jph-fontos > .wp-block-heading,
.is-style-jph-fontos > .wp-block-group__inner-container > .wp-block-heading {
	font-size: 1.15rem;
	line-height: 1.4;
	text-transform: none;
	font-family: inherit;
	font-weight: 700;
}

/* Klasszikus témáknál a Csoport tartalma egy belső tárolóban van: ezt nem
   korlátozzuk, csak a benne lévő elemeket (a szerkesztőben nincs ilyen tároló). */
.wp-block-group.jph-szekcio.jph-szekcio > .wp-block-group__inner-container,
.wp-block-group.jph-szekcio-sima.jph-szekcio-sima > .wp-block-group__inner-container,
.wp-block-group.jph-bevezeto.jph-bevezeto > .wp-block-group__inner-container {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

/* A dátumsor lehet szélesebb az olvasási szélességnél, hogy az öt kör elférjen egy sorban. */
.jph-szekcio .wp-block-group.jph-datumok.jph-datumok {
	max-width: 1140px;
}

.jph-szekcio .wp-block-buttons {
	margin-top: 1.25rem;
	margin-bottom: 2rem;
}

/* ---------- Pontozási lenyíló (Szempontok) ----------
   Ha a lenyíló pontozás táblázatot tartalmaz, a kinyitott tartalom színes panelen,
   a sorok lekerekített, zebra sávos „kártyasorok” (mint az eredeti oldalon). */
:root {
	--jph-lp-panel: #6f937b;
	--jph-lp-panel-cim: #1f7896;
	--jph-lp-panel-sor: #d6d6d6;
}

.wp-block-details.is-style-jph-gyik:has(> .wp-block-table.is-style-jph-pontozas)[open] {
	background: var(--jph-lp-panel);
}

.wp-block-details.is-style-jph-gyik:has(> .wp-block-table.is-style-jph-pontozas) > summary {
	background: #fff;
}

.wp-block-details.is-style-jph-gyik:has(> .wp-block-table.is-style-jph-pontozas) > :nth-child(2) {
	margin-top: 1.25rem;
}

/* Kérdések, megjegyzések: szürke, lekerekített fejlécsor. */
.wp-block-details.is-style-jph-gyik:has(> .wp-block-table.is-style-jph-pontozas) > p {
	padding: 0.6rem 1rem;
	margin-top: 1.25rem;
	margin-bottom: 0.35rem;
	background: var(--jph-lp-panel-sor);
	border-radius: var(--jph-lp-radius);
}

/* Alcím (pl. „Szociális intézményben élők esetében”): sötét sáv. */
.wp-block-details.is-style-jph-gyik:has(> .wp-block-table.is-style-jph-pontozas) > .wp-block-heading {
	margin-top: 2rem;
	margin-bottom: 0.35rem;
	padding: 0.65rem 1rem;
	font-size: 1rem;
	line-height: 1.4;
	font-family: inherit;
	font-weight: 700;
	text-transform: none;
	color: #fff;
	background: var(--jph-lp-panel-cim);
	border-radius: var(--jph-lp-radius);
}

.wp-block-details.is-style-jph-gyik:has(> .wp-block-table.is-style-jph-pontozas) > .wp-block-heading + p {
	margin-top: 0.35rem;
}

/* Felsorolás a panelen: fehér doboz. */
.wp-block-details.is-style-jph-gyik:has(> .wp-block-table.is-style-jph-pontozas) > .wp-block-list {
	padding: 0.75rem 1rem 0.75rem 2.5rem;
	background: #fff;
	border-radius: var(--jph-lp-radius);
}

.wp-block-details.is-style-jph-gyik:has(> .wp-block-table.is-style-jph-pontozas) > .wp-block-table {
	margin-top: 0;
	margin-bottom: 0;
}

/* A szekcióban lévő lenyílók a kártyákhoz hasonlóan: saját belső margóval, a szekció 15 px-es
   oldalsó kitöltése nélkül (különben a nyitott panel színe keretként látszana a cím körül). */
.wp-block-group.jph-szekcio > .wp-block-details.is-style-jph-gyik,
.wp-block-group.jph-szekcio > .wp-block-group__inner-container > .wp-block-details.is-style-jph-gyik {
	max-width: min(calc(var(--jph-lp-tartalom, 960px) - 30px), calc(100% - 30px));
	padding-left: 0;
	padding-right: 0;
}

/* Mobilon a pontoszlop is törhet, és a panel belső margója kisebb. */
@media (max-width: 575.98px) {
	/* Soronként kétoszlopos rács: a pontoszlop a tartalmához igazodik (legfeljebb 45%),
	   így a rövid értékek (8.00–18.00, 5 pont) nem törnek, a hosszúak is elférnek. */
	.wp-block-table.is-style-jph-pontozas table,
	.wp-block-table.is-style-jph-pontozas tbody {
		display: block;
	}

	.wp-block-table.is-style-jph-pontozas tr {
		display: grid;
		grid-template-columns: minmax(0, 1fr) fit-content(45%);
		margin-bottom: 0.35rem;
	}

	.wp-block-table.is-style-jph-pontozas td {
		display: flex;
		align-items: center;
		padding: 0.55rem 0.75rem;
	}

	.wp-block-table.is-style-jph-pontozas tr > :last-child {
		justify-content: flex-end;
		width: auto;
		white-space: normal;
		word-break: normal;
		overflow-wrap: normal;
	}

	.wp-block-table.is-style-jph-pontozas tr > :only-child {
		grid-column: 1 / -1;
		justify-content: flex-start;
	}

	.wp-block-details.is-style-jph-gyik > :not(summary) {
		margin-left: 0.75rem;
		margin-right: 0.75rem;
	}
}

/* ---------- Térköz: a frontenden is akkora, mint a szerkesztőben ----------
   Klasszikus témánál a frontenden nincs blokktávolság (block gap), csak a téma
   margói, ezért a szekciók elemei közé a szerkesztővel azonos 1.5rem kerül. */
.wp-block-group.jph-szekcio > * + *,
.wp-block-group.jph-szekcio > .wp-block-group__inner-container > * + *,
.wp-block-group.jph-szekcio-sima > .wp-block-group__inner-container > * + *,
.wp-block-group.jph-bevezeto > .wp-block-group__inner-container > * + * {
	margin-top: 1.5rem;
}

/* Az ÉS / VAGY kártyák fölött hely kell az összekötő címkének. */
.wp-block-group.jph-szekcio .wp-block-group.is-style-jph-kartya-es,
.wp-block-group.jph-szekcio .wp-block-group.is-style-jph-kartya-vagy {
	margin-top: 2.5rem;
}

/* A lenyílók egymás alatt sűrűbben. */
.wp-block-group.jph-szekcio .wp-block-details.is-style-jph-gyik + .wp-block-details.is-style-jph-gyik {
	margin-top: 0.75rem;
}

/* ---------- Gombok mobilon: teljes szélesség ---------- */
@media (max-width: 575.98px) {
	.wp-block-buttons > .wp-block-button.is-style-jph-sarga,
	.wp-block-buttons > .wp-block-button.is-style-jph-zold {
		flex: 1 1 100%;
		width: 100%;
	}

	.wp-block-button.is-style-jph-sarga > .wp-block-button__link,
	.wp-block-button.is-style-jph-zold > .wp-block-button__link {
		display: block;
		width: 100%;
		text-align: center;
	}
}

/* ---------- Kiemelés és ikon ---------- */
.jph-szekcio mark.has-inline-color {
	padding: 0 0.15em;
	color: inherit;
}

.wp-block-image.jph-ikon {
	margin: 0 auto;
	max-width: 160px;
}

.wp-block-image.jph-ikon img {
	width: 100%;
	height: auto;
}

@media (max-width: 781px) {
	.wp-block-image.jph-ikon {
		max-width: 110px;
	}
}

/* ---------- Tanácsadó fórum: háttérképes szekció ---------- */

.wp-block-cover.jph-forum {
	min-height: 0;
	padding: 3rem 15px;
}

.wp-block-cover.jph-forum > .wp-block-cover__inner-container {
	width: 100%;
	max-width: none;
}

/* Áttetsző panel: halványsárga, a háttérkép átsejlik. */
.wp-block-group.is-style-jph-attetszo-panel {
	box-sizing: border-box;
	max-width: var(--jph-lp-tartalom, 960px);
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 2.5rem 3rem;
	color: #1d1d1d;
	background-color: rgba(253, 236, 200, 0.88);
	border-radius: var(--jph-lp-radius);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

.wp-block-group.is-style-jph-attetszo-panel > * + *,
.wp-block-group.is-style-jph-attetszo-panel > .wp-block-group__inner-container > * + * {
	margin-top: 1.25rem;
}

.wp-block-group.is-style-jph-attetszo-panel > :first-child,
.wp-block-group.is-style-jph-attetszo-panel > .wp-block-group__inner-container > :first-child {
	margin-top: 0;
}

.wp-block-group.is-style-jph-attetszo-panel > :last-child,
.wp-block-group.is-style-jph-attetszo-panel > .wp-block-group__inner-container > :last-child {
	margin-bottom: 0;
}

@media (max-width: 575.98px) {
	.wp-block-group.is-style-jph-attetszo-panel {
		padding: 1.75rem 1.25rem;
	}
}

/* Ferde címke: paralelogramma, nagy, félkövér szöveg; első sora dőlt „címke”. */
.wp-block-group.is-style-jph-ferde {
	padding: 1rem 2.25rem;
	color: #1d1d1d;
	background-color: var(--jph-lp-sarga);
	clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
}

.wp-block-group.is-style-jph-ferde.has-jph-zold-background-color {
	color: #fff;
}

.wp-block-group.is-style-jph-ferde p {
	margin: 0;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.35;
}

.wp-block-group.is-style-jph-ferde p:first-child {
	font-size: 1.6rem;
	font-style: italic;
	letter-spacing: 0.02em;
}

/* Mikor / hol: a két címke összeér, a második lejjebb és jobbra igazítva (mint az eredetin). */
.wp-block-columns.jph-mikor-hol {
	gap: 0;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.wp-block-columns.jph-mikor-hol > .wp-block-column:nth-child(2) {
	margin-top: 2.5rem;
	margin-left: -1.5rem;
}

.wp-block-columns.jph-mikor-hol > .wp-block-column:nth-child(2) .is-style-jph-ferde {
	text-align: right;
}

@media (max-width: 781px) {
	.wp-block-columns.jph-mikor-hol > .wp-block-column:nth-child(2) {
		margin-top: 0.5rem;
		margin-left: 0;
	}
}

/* Fehér gomb (semleges). */
.wp-block-button.is-style-jph-feher > .wp-block-button__link {
	padding: 0.7rem 1.4rem;
	font-family: var(--bs-body-font-family, inherit);
	font-weight: 700;
	color: #1d1d1d;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: var(--jph-lp-radius);
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
	transition: filter 0.15s ease;
}

.wp-block-button.is-style-jph-feher > .wp-block-button__link:hover,
.wp-block-button.is-style-jph-feher > .wp-block-button__link:focus-visible {
	color: #1d1d1d;
	filter: brightness(0.95);
}

/* Vissza gomb: keretes, mint a lakás adatlapján a „Vissza a pályázathoz” (Bootstrap btn-outline-dark). */
.wp-block-button.is-style-jph-vissza > .wp-block-button__link {
	padding: 0.375rem 0.75rem;
	font-family: var(--bs-body-font-family, inherit);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: transparent;
	border: 2px solid #212529;
	border-radius: var(--bs-border-radius, 0.375rem);
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.wp-block-button.is-style-jph-vissza > .wp-block-button__link:hover,
.wp-block-button.is-style-jph-vissza > .wp-block-button__link:focus-visible {
	color: #fff;
	background-color: #212529;
}