.wp-block-gallery .wp-block-image {
	position: relative;
	overflow: clip;
	border-radius: 0.65rem;
	background: var(--marqueblanche-theme-bg);
	box-shadow:
		0 18px 46px color-mix(in srgb, var(--marqueblanche-theme-text) 10%, transparent),
		0 1px 0 color-mix(in srgb, var(--marqueblanche-theme-bg) 92%, transparent) inset;
	border: 1px solid color-mix(in srgb, var(--marqueblanche-theme-text) 8%, transparent);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.wp-block-gallery.has-nested-images.columns-1 .wp-block-image {
	max-width: min(100%, 1040px);
	width: 100%;
	border-radius: 0.7rem;
	box-shadow:
		0 22px 54px color-mix(in srgb, var(--marqueblanche-theme-text) 12%, transparent),
		0 1px 0 color-mix(in srgb, var(--marqueblanche-theme-bg) 90%, transparent) inset;
}

.wp-block-gallery .wp-block-image::after {
	content: "Agrandir";
	position: absolute;
	right: 0.85rem;
	bottom: 0.85rem;
	z-index: 2;
	padding: 0.45rem 0.65rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--marqueblanche-theme-text) 86%, transparent);
	color: var(--marqueblanche-theme-on-accent);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1;
	opacity: 0;
	transform: translateY(4px);
	transition: opacity 0.18s ease, transform 0.18s ease;
	pointer-events: none;
}

.wp-block-gallery .wp-block-image:hover,
.wp-block-gallery .wp-block-image:focus-within {
	transform: translateY(-2px);
	box-shadow:
		0 22px 50px color-mix(in srgb, var(--marqueblanche-theme-text) 12%, transparent),
		0 1px 0 color-mix(in srgb, var(--marqueblanche-theme-bg) 95%, transparent) inset;
	border-color: color-mix(in srgb, var(--marqueblanche-theme-text) 14%, transparent);
}

.wp-block-gallery .wp-block-image:hover::after,
.wp-block-gallery .wp-block-image:focus-within::after {
	opacity: 1;
	transform: translateY(0);
}