/* WP Andolsheim — module Gallery. Styles spécifiques au bloc galerie Swiper.
   Swiper.js fournit déjà l'essentiel du CSS via swiper-bundle.min.css (chargé en
   dépendance). Ici on personnalise juste l'apparence Andolsheim. */

.wpa-gallery {
	width: 100%;
	margin: 1.5em 0;
	overflow: hidden;
}

.wpa-gallery .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
}

.wpa-gallery .swiper-slide img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.wpa-gallery .swiper-slide a {
	display: block;
	width: 100%;
	cursor: zoom-in;
}

/* Pagination + navigation : couleur d'accent depuis la variable heading. */
.wpa-gallery .swiper-pagination-bullet-active {
	background: var(--wpa-heading-accent, #799e1d);
}

.wpa-gallery .swiper-button-next,
.wpa-gallery .swiper-button-prev {
	color: var(--wpa-heading-accent, #799e1d);
}

/* ---- Aperçu éditeur : pas de Swiper en édition, on affiche une grille simple ---- */

.wpa-gallery-editor-grid {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 140px, 1fr ) );
	gap: 8px;
}

.wpa-gallery-editor-grid img {
	display: block;
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 2px;
}

.wpa-gallery-editor-placeholder {
	padding: 1.5em;
	text-align: center;
	border: 1px dashed rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	color: rgba(0, 0, 0, 0.6);
}

.wpa-gallery-editor-meta {
	margin-top: 8px;
	font-size: 12px;
	color: #757575;
}