/* Le Lautrec : page « Macarons Le Lautrec » synchronisée avec l'admin */
.lm-gallery-wrap {
	width: 100%;
}

.lm-gallery__title {
	margin: 60px 0 30px;
	text-align: center;
}

.lm-gallery {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px;
	margin: 0 0 40px !important;
	padding: 0 !important;
	list-style: none !important;
}

.lm-gallery__item {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	text-align: center;
}

.lm-gallery__item::before {
	display: none !important;
}

/* Photo, avec la seconde photo en fondu au survol (comme l'effet actuel de la page) */
.lm-gallery__media {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1;
}

.lm-gallery__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lm-gallery__img--hover {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.lm-gallery__item.has-hover:hover .lm-gallery__img--hover {
	opacity: 1;
}

.lm-gallery__dot {
	position: absolute;
	inset: 25%;
	border-radius: 50%;
}

/* Texte : même rendu que les blocs WPBakery d'origine */
.lm-gallery__text {
	margin: 15px 0 0 !important;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 28px;
	color: #130505;
}

.lm-gallery__text > span,
.lm-gallery__text > strong {
	display: block;
}

.lm-gallery__period {
	color: #ddcba4;
}

.lm-gallery__name {
	font-weight: 700;
	text-transform: uppercase;
	color: #0a0a0a;
}

.lm-gallery__status {
	margin-top: 14px;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8a7a72;
}

.lm-gallery__status::before {
	content: '( ';
}

.lm-gallery__status::after {
	content: ' )';
}

/* Indisponible : photo atténuée */
.lm-gallery__item.is-unavailable .lm-gallery__media {
	opacity: 0.45;
	filter: grayscale(0.35);
}

.lm-gallery__item.is-unavailable .lm-gallery__img--hover {
	display: none;
}

/* Fiches coffrets : une grille par gamme, ouverte par sa carte illustrée */
.lm-gallery-wrap--intro .lm-gallery {
	margin-bottom: 60px !important;
}

.lm-gallery__item--intro .lm-gallery__media {
	background: #FAE8D6;
}

.lm-gallery__item--intro .lm-gallery__img {
	object-fit: contain;
}

@media (max-width: 1023px) {
	.lm-gallery {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.lm-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 15px;
	}

	.lm-gallery__text {
		font-size: 13px;
		line-height: 22px;
	}
}