/* ==========================================================================
   Podpořené projekty — tmavá sekce s gridem karet (Card/Blog). První řady plně,
   další prosvítá pod gradientovým overlayem (144px, celá šířka k hraně) s
   tlačítkem „Zobrazit další". Karty dědí styl z .prispevky-grid (novinky.css).
   Figma: 2198:51968 (sekce), 2198:51994 (overlay W 1240 / H 144).
   ========================================================================== */

.podporene-projekty {
	position: relative;
	overflow: hidden;
	border-radius: var(--radius-l, 24px);
	padding: 48px;
	background: var(--background-dark, #022930);
	color: #fff;
}

/* Collapsed (ořezaný) stav — bez spodního paddingu, aby fade sahal až ke spodní
   hraně tmavého boxu (Figma: overlay jde k okraji). Přidává JS. */
.podporene-projekty.is-collapsed {
	padding-bottom: 0;
}

.podporene-projekty-title {
	margin: 0 0 40px;
	color: #fff;
	font-weight: 650;
	font-size: 28px;
	line-height: 130%;
}

/* Grid — 3 sloupce dědí z .prispevky-grid (1fr 1fr 1fr, gap 32). Karty (.item)
   jsou bílé přímo z novinky.css. */
.podporene-projekty-grid {
	grid-template-rows: auto;
}

/* Thumbnail: overflow:hidden na OBOU osách. novinky.css má jen `overflow-y:hidden`,
   což CSS spec překlápí na `overflow-x:auto` → na hover (zoom obrázku) vzniká
   nechtěný vodorovný posuvník. */
.podporene-projekty .thumbnail {
	overflow: hidden;
}

/* Viewport — ořízne grid na „rows" řad + prosvítající další řadu. Výšku
   (max-height) nastavuje JS podle skutečného spodku poslední plné řady. */
.podporene-projekty-viewport {
	overflow: hidden;
}

/* Gradientový overlay — ABSOLUTNÍ k SEKCI, takže jde na celou šířku až k hraně
   tmavého boxu (přes boční padding), ne jen na šířku karet. Výška 144px (Figma). */
.podporene-projekty-fade {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 144px;
	background: linear-gradient(
		180deg,
		rgba(2, 41, 48, 0) 0%,
		var(--background-dark, #022930) 95%
	);
	pointer-events: none;
}

.podporene-projekty-fade[hidden] {
	display: none;
}

/* Tlačítko „Zobrazit další" (na overlayi) */
.podporene-projekty-more {
	pointer-events: auto;
	min-height: 48px;
	padding: var(--padding-12, 12px) var(--padding-24, 24px);
	border: none;
	border-radius: var(--radius-s, 12px);
	background: var(--button-primary-primary-default, #00DFEA);
	color: var(--text-positive-primary, #022930);
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	cursor: pointer;
	transition: filter 0.2s ease;
}

.podporene-projekty-more:hover,
.podporene-projekty-more:focus {
	filter: brightness(0.95);
}

/* Responzivně — tablet 2 sloupce, mobil 1 sloupec (specifičnost 0,2,0 přebije
   .prispevky-grid 3 sloupce z novinky.css). */
@media (max-width: 921px) {
	.podporene-projekty {
		padding: 40px 24px;
	}

	.podporene-projekty.is-collapsed {
		padding-bottom: 0;
	}

	.podporene-projekty .podporene-projekty-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 600px) {
	.podporene-projekty {
		padding: 32px 16px;
	}

	.podporene-projekty.is-collapsed {
		padding-bottom: 0;
	}

	.podporene-projekty-title {
		margin-bottom: 32px;
		font-size: 24px;
	}

	.podporene-projekty .podporene-projekty-grid {
		grid-template-columns: 1fr;
	}
}