/*
 * Ukas collage.
 *
 * **Ikke en blokk-stil, fordi collagen ikke er en blokk**: markupen er `ft_ukemeny_collage_markup()` i
 * `inc/ukemeny.php`, tegnet tre steder — toppen av en enkelt uke, den framhevede uka og hvert
 * arkivkort. Samme valg som `kort.css` og `dagvelger.css`, og av samme grunn: en stil som fulgte den
 * ene blokka ville forsvunnet i det øyeblikket den andre sto alene på en side. `/ukemeny/<slug>/` har
 * ingen `ukemeny-collection` på seg, så collagen ville rendret som ni bilder under hverandre.
 *
 * Det hver *plassering* eier — hvor bred collagen får være, og hva som står under den — bor i blokkas
 * eget stilark. Her er bare formen som er lik alle tre steder.
 *
 * ADR-0003: ingen media queries, og det finnes ingen her å ha — rutenettet er skrevet inline fra
 * dagantallet, og et felt er alltid en like stor brøk av collagen uansett hvor bred den er.
 */

.ft-collage {
	display: grid;

	/*
	 * `gap: 0` er designet og ikke en manglende verdi: prototypens collage er ni bilder som møtes
	 * kant i kant, med én radius rundt hele flaten. En gap ville gjort den til ni kort.
	 */
	gap: 0;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--kant);
}

.ft-collage__rute {
	overflow: hidden;

	/*
	 * En rute uten et bilde er ikke et hull: `ft_ukemeny_placed_days()` slipper bare dager med en
	 * oppskrift gjennom, men en oppskrift *uten* utvalgt bilde er en helt vanlig tilstand. Den lyse
	 * flaten er da ruta, og collagen beholder formen sin.
	 */
	background: var(--wp--preset--color--lys-blaa);
}

.ft-collage__rute img {
	inline-size: 100%;
	block-size: 100%;

	/*
	 * `cover` er hele grunnen til at rutene kan være kvadratiske uansett oppsett: bildene er 4:3 fra
	 * `medium_large`, og collagen beskjærer dem framfor å la dem sette høyden på raden.
	 */
	object-fit: cover;
	display: block;
}