/* Responsive grid for classic WordPress galleries. */
.planet-lightbox-gallery {
	--planet-lightbox-columns: 3;
	display: grid !important;
	grid-template-columns: repeat(var(--planet-lightbox-columns), minmax(0, 1fr));
	gap: 16px;
	width: 100% !important;
	margin: 28px 0 !important;
}

.planet-lightbox-gallery.gallery-columns-1 {
	--planet-lightbox-columns: 1;
}

.planet-lightbox-gallery.gallery-columns-2 {
	--planet-lightbox-columns: 2;
}

.planet-lightbox-gallery:is(.gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9) {
	--planet-lightbox-columns: 4;
}

.planet-lightbox-gallery .gallery-item {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	text-align: left !important;
}

.planet-lightbox-gallery .gallery-icon,
.planet-lightbox-gallery .planet-lightbox-link {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}

.planet-lightbox-gallery .planet-lightbox-link {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	background: #f1f1f3;
}

.planet-lightbox-gallery .planet-lightbox-link img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	border: 0 !important;
	object-fit: cover;
	object-position: center;
	transition: transform 0.25s ease;
}

.planet-lightbox-gallery .planet-lightbox-link:hover img,
.planet-lightbox-gallery .planet-lightbox-link:focus-visible img {
	transform: scale(1.035);
}

.planet-lightbox-gallery .gallery-caption {
	margin: 8px 0 0;
	font-size: 0.875rem;
	line-height: 1.4;
}

.planet-lightbox-gallery > br {
	display: none;
}

@media only screen and (max-width: 900px) {
	.planet-lightbox-gallery {
		--planet-lightbox-columns: 2 !important;
		gap: 12px;
	}

	.planet-lightbox-gallery.gallery-columns-1 {
		--planet-lightbox-columns: 1 !important;
	}
}

@media only screen and (max-width: 420px) {
	.planet-lightbox-gallery {
		--planet-lightbox-columns: 1 !important;
	}
}
