/* assets/css/pages/gallery.css */
.gallery-modal { border-radius: var(--border-radius-lg); }
.gallery-modal {
	height: min(92vh, 860px);
	overflow: hidden;
}

#galleryLightbox .modal-dialog {
	max-width: min(1200px, 96vw);
	margin: 1rem auto;
}

.gallery-modal .modal-header,
.gallery-modal .modal-footer {
	flex: 0 0 auto;
}

.gallery-modal .modal-body {
	padding: 0.5rem 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	min-height: 0;
}

#lightbox-img {
	width: auto;
	max-width: 100%;
	max-height: calc(92vh - 180px);
	object-fit: contain;
}

#lightbox-caption {
	margin-top: 0.75rem !important;
}

.gallery-filter-group .btn.active { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); }
.gallery-item { opacity: 0; transform: translateY(18px); transition: var(--transition); }
.gallery-item.is-visible { opacity: 1; transform: translateY(0); }
.gallery-item__caption { font-weight: 600; }

@media (max-width: 767.98px) {
	#galleryLightbox .modal-dialog {
		max-width: 98vw;
		margin: 0.5rem auto;
	}

	.gallery-modal {
		height: 94vh;
	}

	#lightbox-img {
		max-height: calc(94vh - 200px);
	}
}