/**
 * Lightbox / visionneuse plein écran pour les galeries "Les œuvres" (fiche
 * photographe), les galeries par artiste et "Vues de l'exposition" (pages
 * exposition).
 *
 * Reproduit fidèlement la structure et les styles du gabarit original
 * retrouvé dans le <script id="ev-tpl"> embarqué dans les pages statiques de
 * _maquette-v2 (bloc `sc-if value="{{ lbOpen }}"`) : bandeau haut
 * (compteur + fermer), zone centrale (précédent / image / suivant),
 * bandeau bas (titre + légende).
 *
 * Seul écart assumé : z-index 100000 au lieu de 100 dans le gabarit source,
 * pour rester au-dessus de la admin bar WordPress (z-index 99999) en
 * environnement connecté. Aucun autre écart visuel ou comportemental.
 */

.ev-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: #000;
	color: #fff;
	display: flex;
	flex-direction: column;
}

.ev-lightbox[hidden] {
	display: none;
}

.ev-lightbox__bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 18px clamp(20px, 4vw, 56px);
}

.ev-lightbox__counter {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.ev-lightbox__close {
	background: none;
	border: 0;
	padding: 8px 0;
	cursor: pointer;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: .11em;
	text-transform: uppercase;
	transition: color 120ms cubic-bezier(.2, 0, .2, 1);
}

.ev-lightbox__close:hover {
	color: #E32813;
}

.ev-lightbox__stage {
	flex: 1;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 0 clamp(12px, 3vw, 40px);
}

.ev-lightbox__nav {
	flex: 0 0 auto;
	background: none;
	border: 0;
	padding: 12px;
	cursor: pointer;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	transition: color 120ms cubic-bezier(.2, 0, .2, 1);
}

.ev-lightbox__nav:hover {
	color: #E32813;
}

.ev-lightbox__img {
	display: block;
	max-width: min(100%, 1400px);
	max-height: 100%;
	min-width: 0;
	object-fit: contain;
}

.ev-lightbox__footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 18px clamp(20px, 4vw, 56px) 24px;
	text-align: center;
}

.ev-lightbox__title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.ev-lightbox__caption {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: rgba(255, 255, 255, .7);
}

.ev-lightbox__caption:empty {
	display: none;
}