/* Bakgrunden ändras mjukt när en ny bild visas. */
#photo-lightbox.lb {
	background-color: var(--hlc-background, #ffffff);
	transition: background-color 420ms ease;
}

/* En diskret ljus yta håller kontrollerna läsbara mot alla bildfärger. */
#photo-lightbox .lb__close,
#photo-lightbox .lb__prev,
#photo-lightbox .lb__next,
#photo-lightbox .lb__counter {
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.08);
}

@media (prefers-reduced-motion: reduce) {
	#photo-lightbox.lb {
		transition: none;
	}
}