/* WE Lightbox Download Gallery - Custom Gallery Styles */

/* Override Meow Gallery and WordPress default gallery styles */
.gallery.media.row {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0 !important;
	list-style: none !important;
}

.media-icon img {
    margin: 0 auto;
	padding-left: 2%;
	padding-right: 2%;
	display: block;
	width: 100%;
	height: auto;
}

.media-item {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.media-item figcaption {
	padding-left: 4%;
	padding-right: 4%;
}

.media-item .wp-caption-text {
	margin-bottom: 0.25em;
}

/* Column layouts */
.gallery.media-columns-2 > .media-item {
	width: 50% !important;
	flex: 0 0 50% !important;
}

.gallery.media-columns-3 > .media-item {
	width: 33.333333% !important;
	flex: 0 0 33.333333% !important;
}

.gallery.media-columns-4 > .media-item {
	width: 25% !important;
	flex: 0 0 25% !important;
}

.gallery.media-columns-5 > .media-item {
	width: 20% !important;
	flex: 0 0 20% !important;
}

/* Responsive: On smaller screens, reduce to 2 columns */
@media screen and (max-width: 768px) {
	.gallery.media-columns-3 > .media-item,
	.gallery.media-columns-4 > .media-item,
	.gallery.media-columns-5 > .media-item {
		width: 50% !important;
		flex: 0 0 50% !important;
	}
}

/* Responsive: On very small screens, single column */
@media screen and (max-width: 480px) {
	.gallery.media > .media-item {
		width: 100% !important;
		flex: 0 0 100% !important;
	}
}