/**
 * Album fotografico: griglia di foto (schede come nelle pagine download) e
 * lightbox PhotoSwipe (js/galleria.js)
 */

@import (reference) "variables.less";
@import "evento.less";
@import "schede-foto.less";
@import (inline) "photoswipe.css";

body {

	.galleria-content {

		.galleria-descrizione {
			margin-bottom: 0.5rem;
		}

		.galleria-conteggio {
			color: var(--bs-grigio-500);
			font-size: 0.875rem;
			margin-bottom: 0;
		}

	}//.galleria-content

}//body

// Didascalia della foto nel lightbox, in basso al centro; nascosta se vuota
.pswp__didascalia {

	position: absolute;
	left: 50%;
	bottom: 1rem;
	transform: translateX(-50%);
	max-width: ~"min(40rem, calc(100% - 2rem))";
	padding: 0.5rem 1rem;
	border-radius: var(--bs-border-radius);
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 1rem;
	line-height: 1.3;
	text-align: center;

	&:empty {
		display: none;
	}

}