/* gallery.css */

/* Apri il modal quando .modal.show */
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

	.modal.show {
		display: block;
	}

/* Fullscreen dialog: togli margini, rendilo flex per centrare */
.modal-dialog {
	margin: 0;
	max-width: 100%;
	height: 100%;
	display: flex;
}

.modal-content {
	flex: 1;
	background: transparent;
	border: 0;
}

/* Carousel base */
.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	overflow: hidden;
	height: 100%;
}

.carousel-item {
	display: none;
	position: relative;
	width: 100%;
	transition: .6s ease;
}

	.carousel-item.active {
		display: block;
	}

	/* Mantieni proporzioni dell’immagine */
	.carousel-item img {
		object-fit: contain;
		width: 100%;
		height: 100%;
	}

/* Frecce di navigazione */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-size: 2rem 2rem;
}