/* =============================================================================
   Strona edycji – /edycja/{rok}/ (taxonomy-edycja.php)

   WERDYKT I LAUREACI („Motyle") – odtworzenie protokołu jury, nie ściana tekstu:
   opcjonalna preambuła (skład jury, liczba filmów) + nagrody POGRUPOWANE po
   kategorii w jednolitej, responsywnej siatce kart: kadr filmu 16:9 (bez miniatury
   → brandowy fallback granat+ikona) + pill nagrody NA zdjęciu (Motyl = gold,
   wyróżnienie = granat) + treść (laureat → film → uzasadnienie jako cytat dociśnięty
   do dołu). Motyl wyróżniony STYLEM (gold pill/ramka/tło), nie szerokością. ELASTYCZNIE:
   nagroda/film/miniatura/uzasadnienie opcjonalne (od gołej listy po pełny protokół).
   Flat (bez cienia), tokeny z theme.json, BEM. Rytm sekcji/nagłówek z sections.css.
   ========================================================================== */

/* Preambuła – proza protokołu nad nagrodami (skład jury, liczba filmów). Wyśrodkowana, węższa. */
.edycja-werdykt {
	max-width: 52rem;
	margin-inline: auto;
	margin-bottom: var(--wp--preset--spacing--lg);
	text-align: center;
}

/* Grupa nagród (kategoria filmu). Odstęp między grupami. */
.laury-grupa + .laury-grupa {
	margin-top: var(--wp--preset--spacing--xl);
}

/* Nagłówek grupy – np. „Film fabularny". Wyśrodkowany, z gold podkreśleniem. */
.laury-grupa__tytul {
	margin: 0 0 var(--wp--preset--spacing--lg);
	text-align: center;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wp--preset--color--heading);
}

.laury-grupa__tytul::after {
	content: "";
	display: block;
	inline-size: 2.5rem;
	block-size: 3px;
	margin: 0.5rem auto 0;
	background: var(--wp--preset--color--accent);
	border-radius: 2px;
}

/* Lista nagród w grupie – jednolita, responsywna siatka kart (Motyl wyróżniony STYLEM, nie szerokością). */
.laury {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--wp--preset--spacing--md);
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
	align-items: stretch;
}

.laur {
	display: flex;
	flex-direction: column;
	block-size: 100%;
	overflow: hidden;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--lg);
}

/* Nagroda główna (Motyl) – gruba gold ramka + ciepłe tło, by wybić ją z wyróżnień (bez łamania siatki, flat). */
.laur--glowna {
	border-width: 2px;
	border-color: var(--wp--preset--color--accent);
}

.laur--glowna .laur__content {
	background: var(--wp--preset--color--surface);
}

/* Media filmu – kadr 16:9 u góry karty. ZAWSZE obecne (równe karty); bez miniatury → fallback. */
.laur__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--wp--preset--color--surface);
}

.laur__img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}

/* Fallback bez miniatury – granatowy gradient + gold ikona filmu (spójnie z kaflem archiwum). */
.laur__media--placeholder {
	background: linear-gradient( 150deg, var(--wp--preset--color--primary), var(--wp--preset--color--contrast) );
}

.laur__placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: color-mix( in srgb, var(--wp--preset--color--accent) 70%, transparent );
}

.laur__placeholder svg {
	inline-size: 2.5rem;
	block-size: 2.5rem;
}

/* Badge nagrody – pill NA zdjęciu (lewy-dolny róg). Wyróżnienie = granat, Motyl = gold. */
.laur__badge {
	position: absolute;
	inset-inline-start: 0.75rem;
	inset-block-end: 0.75rem;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	max-inline-size: calc(100% - 1.5rem);
	padding: 0.3rem 0.7rem 0.3rem 0.45rem;
	border-radius: 999px;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1.1;
}

.laur__badge-icon {
	display: inline-flex;
	color: var(--wp--preset--color--accent);
}

.laur__badge-icon svg {
	inline-size: 1.1rem;
	block-size: 1.1rem;
}

/* Motyl (nagroda główna) – złoty pill z granatowym tekstem/ikoną (odwrócenie = większa ranga). */
.laur--glowna .laur__badge {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--primary);
}

.laur--glowna .laur__badge-icon {
	color: var(--wp--preset--color--primary);
}

/* Treść karty – laureat + film + uzasadnienie. Wypełnia resztę wysokości (równe karty w wierszu). */
.laur__content {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	flex: 1 1 auto;
	min-width: 0;
	padding: var(--wp--preset--spacing--md);
}

/* Laureat – twórca/zespół nagrodzony. Główny element karty. */
.laur__laureat {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 700;
	line-height: 1.2;
	color: var(--wp--preset--color--heading);
}

/* Film – tytuł nagrodzonego, gdy dotyczy. Opcjonalny, przygaszony, kursywą. */
.laur__film {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--muted);
}

.laur__film em {
	font-style: italic;
}

/* Uzasadnienie – cytat z protokołu („za…"). Dociśnięte do dołu karty (auto), nad nim separator;
   kursywa = ton werdyktu. margin-block-start:auto wyrównuje cytaty w jednym wierszu. */
.laur__uzasadnienie {
	margin-block-start: auto;
	padding-block-start: var(--wp--preset--spacing--sm);
	border-block-start: 1px solid var(--wp--preset--color--border);
	font-size: var(--wp--preset--font-size--sm);
	font-style: italic;
	line-height: 1.5;
	color: var(--wp--preset--color--text);
}

.laur--glowna .laur__uzasadnienie {
	border-block-start-color: color-mix( in srgb, var(--wp--preset--color--accent) 40%, transparent );
}

/* =============================================================================
   GALERIA EDYCJI – podgląd albumów rocznika wprost na stronie (zamiast samotnego CTA).
   Kafle albumu = współdzielony `.galeria-card` (galeria.css, klik → GLightbox); tu tylko
   RÓWNA, responsywna siatka (świadomie BEZ bento „bohater" z `.galeria-grid` – przy 1–5
   albumach zostawiałoby dziury). Kafle trzymają własne 4:3 z galeria.css. Flat, tokeny.
   ========================================================================== */
.edycja-galeria__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--wp--preset--spacing--md);
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
}

.edycja-galeria__grid > li {
	min-width: 0;
}

/* Dojście do pełnej galerii rocznika – tylko gdy albumów więcej niż w podglądzie. */
.edycja-galeria__more {
	margin-block-start: var(--wp--preset--spacing--lg);
	text-align: center;
}

/* =============================================================================
   DO POBRANIA – dokumenty edycji (regulamin, karta zgłoszenia, PFRON…). Siatka kart-linków:
   ikona typu · tytuł + meta (typ · PDF · rozmiar) · afordancja (download / link zewnętrzny).
   Flat (zero shadow), tokeny, BEM. Karta = cały klikalny obszar (telefon = główny user).
   ========================================================================== */
.edycja-doks {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr));
}

.doc-card {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	min-width: 0;
	height: 100%;
	padding: 1rem 1.1rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--base);
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}
.doc-card:hover {
	border-color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--surface);
}
.doc-card:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

.doc-card__icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary);
}
.doc-card:hover .doc-card__icon {
	background: var(--wp--preset--color--base);
}
.doc-card__icon svg {
	width: 1.35rem;
	height: 1.35rem;
}

.doc-card__body {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
	flex: 1 1 auto;
}
.doc-card__title {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.3;
	color: var(--wp--preset--color--heading);
	overflow-wrap: break-word;
}
.doc-card__meta {
	font-size: 0.8rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.doc-card__action {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--wp--preset--color--muted);
	transition: color 0.2s ease, transform 0.2s ease;
}
.doc-card:hover .doc-card__action {
	color: var(--wp--preset--color--accent);
}
.doc-card__action svg {
	width: 1.15rem;
	height: 1.15rem;
}

/* Dokument w kilku formatach (np. karta zgłoszenia PDF + ODT): karta nie jest linkiem,
   każdy format = osobny przycisk pobierania pod tytułem. Reszta karty bez afordancji linku. */
.doc-card--group {
	align-items: flex-start;
	cursor: default;
}
.doc-card--group:hover {
	border-color: var(--wp--preset--color--border);
	background: var(--wp--preset--color--base);
}
.doc-card--group:hover .doc-card__icon {
	background: var(--wp--preset--color--surface);
}
.doc-card__formats {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.5rem;
}
.doc-format {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.3rem 0.6rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--sm);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--primary);
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.doc-format:hover {
	border-color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--surface);
}
.doc-format:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}
.doc-format svg {
	width: 0.9rem;
	height: 0.9rem;
}