/**
 * Artistics: mobile-specific Elementor background slideshow.
 *
 * The mobile layer is a background-only visual layer. It never contains or
 * duplicates Elementor content, headings, buttons or links.
 */

.artistic-has-mobile-background-slideshow {
	position: relative;
	isolation: isolate;
}

.artistic-mobile-background-slideshow {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: -2;
	opacity: 0;
	visibility: hidden;
}

.artistic-mobile-background-slideshow__slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	opacity: 0;
	will-change: opacity;
}

.artistic-mobile-background-slideshow__slide.is-active {
	opacity: 1;
}

.artistic-mobile-background-slideshow-active > .artistic-mobile-background-slideshow {
	opacity: 1;
	visibility: visible;
}

/* Hide only Elementor's native desktop slideshow while the mobile version is active. */
.artistic-mobile-background-slideshow-active > .elementor-background-slideshow {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.artistic-mobile-background-slideshow__slide {
		transition: none !important;
	}
}