/**
 * Kiadó oldal — Figma "Könyvkiadó" (183:1704).
 *
 * A tervből mért rács: 3 oszlop 347.76px borítóval, 57.32px oszlopközzel,
 * 380.52-től 1538.44-ig, tehát 1157.92px széles sáv az 1920px-es vásznon.
 * A sorosztás 533.73px: borító 389.02 + 20.6 + kétsoros cím 83 + 41.11 térköz.
 *
 * A sarokdíszek méretét és helyét nem a node-metaadatból vettük — a maszkolt
 * alakzatoknál az elforgatás miatt hibás —, hanem a terv renderjéből mérve,
 * színenkénti befoglaló téglalappal. Mindegyik ugyanaz a chevron (arány 0.866),
 * ezért a `chevron` clip-path adja őket, nem SVG.
 */

.kiado-oldal {
	position: relative;
	overflow: hidden;
	padding: 45px 0 28px;
}

.kiado-oldal__inner {
	position: relative;
	z-index: 1;
	max-width: 1206px;                /* 1157.92 rács + 2 * 24px belső margó */
}

/* 183:1767 */
.kiado-oldal__title {
	margin: 0 0 48px;
	font-size: var(--text-h2);
	font-weight: var(--weight-bold);
	text-transform: uppercase;
	text-align: center;
	color: var(--color-teal);
}

/* -- Kiemelt kötet (183:1749) -- */

.kiado-featured {
	display: flex;
	align-items: center;
	gap: 46px;
}

.kiado-featured__cover {
	flex: 0 0 auto;
	width: 238.978px;
	height: 330.695px;
	display: block;
}

.kiado-featured__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kiado-featured__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex: 0 1 478px;                  /* a tervben a szövegoszlop 478px */
}

.kiado-featured__title,
.kiado-featured__meta { align-self: stretch; }

/* 183:1752 */
.kiado-featured__badge {
	display: inline-flex;
	align-items: center;
	height: 27.941px;
	margin: 0;
	padding: 0 10.731px;
	font-size: 14.423px;
	font-weight: var(--weight-demi);
	text-transform: uppercase;
	color: #fff;
	background: var(--color-orange);
}

/* 183:1756 */
.kiado-featured__title {
	margin: 0;
	font-size: 34.144px;
	line-height: .94445;
	font-weight: var(--weight-bold);
	color: var(--color-teal);
}

.kiado-featured__title a {
	color: inherit;
	text-decoration: none;
}

.kiado-featured__title a:hover,
.kiado-featured__title a:focus-visible { color: var(--color-orange); }

/* 183:1757 — a tervben egyetlen szövegblokk, a sorok között üres sorral. */
.kiado-featured__meta {
	display: flex;
	flex-direction: column;
	margin: 4.486px 0 0;              /* 20.486 gap - 16 a szülő gapből */
	font-size: 17.56px;
	line-height: 1.284;
	font-weight: var(--weight-medium);
	color: var(--color-teal-dark);
}

.kiado-featured__lead { margin-top: 1.284em; }

/* -- Kötetek rácsa (183:1725 … 183:1747) -- */

.kiado-oldal__grid {
	display: grid;
	grid-template-columns: repeat(3, 347.76px);
	column-gap: 57.32px;
	row-gap: 41.1px;          /* 533.73 sorosztás - (389.02 borító + 20.6 + 83 cím) */
	justify-content: center;
	margin-top: 130px;
}

.kiado-tile {
	display: block;
	text-decoration: none;
}

.kiado-tile__cover {
	display: block;
	width: 100%;
	aspect-ratio: 347.76 / 389.02;
	background: var(--color-surface);
}

.kiado-tile__cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 183:1731 — a tervben kétsoros; a `min-height` tartja a sorok rendjét akkor is,
   ha egy cím elfér egy sorban. */
.kiado-tile__title {
	display: block;
	min-height: 83px;
	margin-top: 20.6px;
	font-size: 32.131px;
	line-height: 1.284;
	font-weight: var(--weight-demi);
	color: var(--color-teal);
}

.kiado-tile:hover .kiado-tile__title,
.kiado-tile:focus-visible .kiado-tile__title { color: var(--color-orange); }

/* 183:1758 — ugyanaz a lapozó, mint a Média listán, csak szorosabban. */
.kiado-oldal .pagination { margin: 39px 0 0; }

/* -- Sarokdíszek (183:1707 … 183:1718) -- */

.kiado-oldal__decor {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.kiado-oldal__shape { position: absolute; }

/* A kiemelt kártya melletti pár a lap tetejéhez kötött. */
.kiado-oldal__shape--green-top {
	left: 63.65%;
	top: 11.09vw;
	width: 11.51vw;
	height: 13.28vw;
}

.kiado-oldal__shape--yellow-top {
	left: 71.98%;
	top: 12.92vw;
	width: 8.18vw;
	height: 9.48vw;
}

/* A bal oldali pár a rács közepén áll; a lap hossza a kötetek számától függ,
   ezért ezt a szekció magasságának százalékához kötjük. */
.kiado-oldal__shape--orange-left {
	left: 3.65%;
	top: 43.2%;
	width: 12.66vw;
	height: 14.64vw;
}

.kiado-oldal__shape--yellow-left {
	left: 0;
	top: 45.3%;
	width: 8.49vw;
	height: 9.79vw;
}

@media (max-width: 1230px) {
	.kiado-oldal__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 34px;
	}
	.kiado-tile__title { font-size: 26px; min-height: 68px; }
	.kiado-featured__title { font-size: 30px; }
}

@media (max-width: 860px) {
	.kiado-oldal { padding: 40px 0 24px; }
	.kiado-oldal__title { margin-bottom: 32px; }

	.kiado-featured {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.kiado-oldal__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 20px;
		row-gap: 36px;
		margin-top: 60px;
	}

	.kiado-tile__title { font-size: 20px; min-height: 0; margin-top: 12px; }
	.kiado-oldal__decor { display: none; }
}

@media (max-width: 520px) {
	.kiado-oldal__grid { grid-template-columns: minmax(0, 1fr); }
}