/* Mobile Slideshow Styles */

.mobile-slideshow-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.mobile-slideshow-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: opacity 800ms ease-in-out;
	will-change: opacity;
}

/* Optimize for mobile performance */
@media (max-width: 768px) {
	.mobile-slideshow-slide {
		/* Use transform for better performance */
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
}

/* Hide loading screen on mobile - aggressive approach */
@media (max-width: 768px) {
	body.royal_loader {
		overflow: visible !important;
		visibility: visible !important;
	}

	#royal_preloader {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
}

/* Also hide on mobile user agent detection */
.mobile-device body {
	overflow: visible !important;
	visibility: visible !important;
}

.mobile-device body.royal_loader {
	overflow: visible !important;
	visibility: visible !important;
}

.mobile-device #royal_preloader {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}