/* Classic WordPress galleries inside public project stories. */
.kuku-legacy-gallery .gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-block: 1.5rem;
}

.kuku-legacy-gallery .gallery-columns-1 { --kuku-gallery-columns: 1; }
.kuku-legacy-gallery .gallery-columns-2 { --kuku-gallery-columns: 2; }
.kuku-legacy-gallery .gallery-columns-3 { --kuku-gallery-columns: 3; }
.kuku-legacy-gallery .gallery-columns-4 { --kuku-gallery-columns: 4; }
.kuku-legacy-gallery .gallery-columns-5 { --kuku-gallery-columns: 5; }
.kuku-legacy-gallery .gallery-columns-6 { --kuku-gallery-columns: 6; }
.kuku-legacy-gallery .gallery-columns-7 { --kuku-gallery-columns: 7; }
.kuku-legacy-gallery .gallery-columns-8 { --kuku-gallery-columns: 8; }
.kuku-legacy-gallery .gallery-columns-9 { --kuku-gallery-columns: 9; }

.kuku-legacy-gallery .gallery .gallery-item {
	box-sizing: border-box;
	float: none;
	flex: 0 0 calc((100% - (var(--kuku-gallery-columns, 3) - 1) * 1rem) / var(--kuku-gallery-columns, 3));
	width: auto;
	margin: 0;
	text-align: center;
}

.kuku-legacy-gallery .gallery img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-inline: auto;
}

@media (max-width: 640px) {
	.kuku-legacy-gallery .gallery { --kuku-gallery-columns: 1; }
}