/*
 * Photos and archives: photo albums (Inne → Galeria), the photos inside an album, and the
 * "Nasza Wspólnota" magazine archive (Inne → Nasza Wspólnota).
 */

/* "Nasza Wspólnota": issue covers grouped by year, each opens its PDF.
 ---------------------------------------------------------------------------- */
.archiwum-gazetki .rok-wydan {
	padding-bottom: var(--wp--preset--spacing--x-small);
	border-bottom: 1px solid var(--wp--preset--color--border-light);
}

/* At least two covers per row, also on narrow phones (the covers are small images,
   one cover across the whole screen would look blurred). */
.archiwum-gazetki .okladki.is-layout-grid {
	grid-template-columns: repeat(auto-fill, minmax(min(9rem, calc(50% - var(--wp--preset--spacing--medium))), 1fr));
}

.archiwum-gazetki .wydanie {
	margin: 0;
}

.archiwum-gazetki .wydanie img {
	width: 100%;
	height: auto;
	aspect-ratio: 150 / 212;
	object-fit: cover;
	border: 1px solid var(--wp--preset--color--border-light);
	border-radius: var(--wp--preset--border-radius--small);
	box-shadow: var(--wp--preset--shadow--card);
	transition: transform 0.15s;
}

.archiwum-gazetki .wydanie a:is(:hover, :focus-visible) img {
	transform: translateY(-3px);
}

.archiwum-gazetki .wydanie figcaption {
	margin-top: var(--wp--preset--spacing--x-small);
	color: var(--wp--preset--color--text-body);
	font-size: var(--wp--preset--font-size--small);
	text-align: left;
}

/* Issues whose PDF is lost: cover only, faded, with the note "brak PDF". */
.archiwum-gazetki .wydanie.brak-pdf img {
	opacity: 0.5;
	filter: grayscale(0.6);
	box-shadow: none;
}

.archiwum-gazetki .brak-pdf__opis {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--x-small);
}

/* Galeria: album cards with the cover from edge to edge, title and month below.
 ---------------------------------------------------------------------------- */
.albumy .album-karta {
	height: 100%;
	padding: 0;
	overflow: hidden;
}

.albumy .album-karta .wp-block-post-featured-image {
	margin: 0;
}

.albumy .album-karta .wp-block-post-featured-image img {
	transition: transform 0.3s;
}

.albumy .album-karta:hover .wp-block-post-featured-image img {
	transform: scale(1.03);
}

.albumy .album-karta__tekst {
	padding: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--large) var(--wp--preset--spacing--large);
}

.albumy .album-karta .wp-block-post-title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

/* Inside an album: the short description in the sans font, photos with rounded corners.
 ---------------------------------------------------------------------------- */
.album-opis {
	font-family: var(--wp--preset--font-family--body);
}

.wp-block-post-content .wp-block-gallery .wp-block-image img {
	border-radius: var(--wp--preset--border-radius--x-small);
}

/* Albums: photos in columns ("masonry"), each in its own proportions, never cropped.
   Cropped thumbnails would also crop the enlarged photo: WordPress' lightbox keeps the
   thumbnail's shape. Order runs down each column; 4 columns, 2 on phones. */
.wp-block-post-content .wp-block-gallery.has-nested-images {
	display: block;
	column-count: 4;
	column-gap: var(--wp--preset--spacing--small);
}

.wp-block-post-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	display: block;
	width: 100%;
	margin: 0 0 var(--wp--preset--spacing--small);
	break-inside: avoid;
}

.wp-block-post-content .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	height: auto;
	object-fit: fill;
}

@media (max-width: 599px) {
	.wp-block-post-content .wp-block-gallery.has-nested-images {
		column-count: 2;
	}
}