/* Médiathèque : galerie, vidéos, visionneuse. Couleurs du thème (bleu principal, noir secondaire). */
.barreau-album { margin-block: 24px; }
.barreau-galerie {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.barreau-galerie__item { margin: 0; }
/* Boîte en aspect-ratio : overflow:hidden, sinon la photo l'agrandit. */
.barreau-galerie__item a {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 4px;
	background: var(--wp--preset--color--surface, #f3f5f9);
}
.barreau-galerie__item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.barreau-galerie__item a:hover img,
.barreau-galerie__item a:focus-visible img { transform: scale(1.04); }
.barreau-galerie__item a:focus-visible { outline: 3px solid var(--wp--preset--color--primary, #26438a); outline-offset: 2px; }
.barreau-galerie__item figcaption { margin-top: 6px; font-size: .9rem; color: var(--wp--preset--color--muted, #4d5563); }
.barreau-galerie__credit { display: block; font-size: .8rem; }
/* Album dont il ne reste que la couverture : une seule image, pas étirée sur toute la largeur. */
.barreau-galerie:has(> li:only-child) { grid-template-columns: minmax(0, 1fr); }

.barreau-album__note {
	margin-top: 16px;
	padding: 12px 16px;
	background: var(--wp--preset--color--surface, #f3f5f9);
	border-inline-start: 4px solid var(--wp--preset--color--primary, #26438a);
	color: var(--wp--preset--color--muted, #4d5563);
}

.barreau-album__videos { display: grid; gap: 20px; margin-bottom: 24px; }
.barreau-video { margin: 0; }
.barreau-video__cadre { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #000; border-radius: 4px; }
.barreau-video__cadre iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; }
.barreau-video figcaption { margin-top: 6px; font-weight: 700; }
.barreau-video--lien a { font-weight: 700; }

.barreau-carte__compte {
	align-self: flex-start;
	font-size: .8rem;
	font-weight: 700;
	color: var(--wp--preset--color--primary, #26438a);
}

/* Visionneuse */
.barreau-lightbox {
	width: 100vw;
	height: 100vh;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgba(8, 14, 32, .96);
	color: #fff;
}
.barreau-lightbox[open] { display: grid; place-items: center; }
.barreau-lightbox::backdrop { background: rgba(0, 0, 0, .6); }
.barreau-lightbox__figure { margin: 0; max-width: calc(100vw - 140px); text-align: center; }
.barreau-lightbox__figure img { display: block; max-width: 100%; max-height: calc(100vh - 120px); margin: 0 auto; object-fit: contain; }
/* Petites images de l'archive (vignettes de 120 px) : agrandies pour rester visibles. */
.barreau-lightbox__figure img.is-petite { width: min(70vw, 480px); height: auto; }
.barreau-lightbox__figure figcaption { margin-top: 10px; font-size: .95rem; }
.barreau-lightbox__fermer,
.barreau-lightbox__nav {
	position: absolute;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 50%;
	background: var(--wp--preset--color--primary, #26438a);
	color: #fff;
	font-size: 1.4rem;
	cursor: pointer;
}
.barreau-lightbox__fermer:hover,
.barreau-lightbox__nav:hover { background: #000; }
.barreau-lightbox__fermer { top: 16px; left: 16px; }
.barreau-lightbox__nav { top: 50%; transform: translateY(-50%); }
.barreau-lightbox__nav[data-dir="-1"] { right: 16px; }
.barreau-lightbox__nav[data-dir="1"] { left: 16px; }
.barreau-lightbox__compteur { position: absolute; bottom: 12px; inset-inline: 0; margin: 0; text-align: center; font-weight: 700; }
@media (max-width: 600px) {
	.barreau-galerie { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.barreau-lightbox__figure { max-width: 100vw; }
	.barreau-lightbox__nav { top: auto; bottom: 8px; transform: none; width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .barreau-galerie__item img { transition: none; } }