/* JPH Lakáspályázat – Letölthető nyilatkozatok ([jph_nyilatkozatok]). */

.jph-lp-dok {
	--jph-lp-dok-zold: var(--jph-lp-zold, #1b4d3e);
	--jph-lp-dok-sarga: var(--jph-lp-sarga, #fbcd73);
	--jph-lp-dok-szurke: #8a9096;
	--jph-lp-dok-szurke-gomb: #e7e7e7;
	--jph-lp-dok-nyil: 1.75rem;
	display: grid;
	gap: 2rem;
	margin: 1.5rem 0;
}

/* Kategória: balra a nyíl alakú címke, jobbra a dokumentumok. */
.jph-lp-dok-kat {
	display: grid;
	grid-template-columns: 12rem minmax(0, 1fr);
	gap: 1.5rem;
	align-items: stretch;
}

.jph-lp-dok-cimke {
	display: flex;
	align-items: center;
	min-height: 4.5rem;
	margin: 0;
	padding: 0.75rem calc(var(--jph-lp-dok-nyil) + 0.75rem) 0.75rem 1rem;
	font-family: var(--bs-body-font-family, inherit);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.25;
	text-transform: none;
	clip-path: polygon(0 0, calc(100% - var(--jph-lp-dok-nyil)) 0, 100% 50%, calc(100% - var(--jph-lp-dok-nyil)) 100%, 0 100%);
}

.jph-lp-dok-lista {
	display: grid;
	gap: 0.6rem;
	align-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.jph-lp-dok-gomb {
	display: block;
	padding: 0.65rem 1.25rem;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	border-radius: 2rem;
	transition: filter 0.15s ease;
}

.jph-lp-dok-gomb:hover,
.jph-lp-dok-gomb:focus-visible {
	filter: brightness(0.92);
}

/* Színek: Általános szürke, a kategóriák felváltva zöld és sárga. */
.jph-lp-dok-kat--szurke .jph-lp-dok-cimke { background: var(--jph-lp-dok-szurke); color: #fff; }
.jph-lp-dok-kat--szurke .jph-lp-dok-gomb { background: var(--jph-lp-dok-szurke-gomb); color: #1d1d1d; }
.jph-lp-dok-kat--zold .jph-lp-dok-cimke,
.jph-lp-dok-kat--zold .jph-lp-dok-gomb { background: var(--jph-lp-dok-zold); color: #fff; }
.jph-lp-dok-kat--sarga .jph-lp-dok-cimke,
.jph-lp-dok-kat--sarga .jph-lp-dok-gomb { background: var(--jph-lp-dok-sarga); color: #1d1d1d; }

/* Mobil: a címke felül, lefelé mutató nyíllal; a gombok alatta teljes szélességben. */
@media (max-width: 767.98px) {
	.jph-lp-dok-kat {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.75rem;
	}

	.jph-lp-dok-cimke {
		justify-content: center;
		min-height: 0;
		padding: 0.6rem 1rem calc(var(--jph-lp-dok-nyil) * 0.5 + 0.6rem);
		text-align: center;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--jph-lp-dok-nyil) * 0.5), 50% 100%, 0 calc(100% - var(--jph-lp-dok-nyil) * 0.5));
	}
}