/* Custom overrides for UC demo — keep minimal and isolated */

/* Make the animated gradient visible behind page content */
.uc-animated-bg{
	/* keep the existing animation but ensure it's below content */
	z-index: 0 !important;
}

/* Ensure main page wrapper sits above the animated background and is transparent */
.body{
	background: transparent !important;
	position: relative;
	z-index: 1;
}

/* Guarantee header and other positioned components remain above content */
#header, #header .header-body, .header-logo, .header-nav-main{
	z-index: 1030; /* keep theme behavior */
	position: relative;
}

/* Accessibility: respect reduced motion for users (reinforce demo rules) */
@media (prefers-reduced-motion: reduce){
	.uc-animated-bg, .uc-animated-bg::before, .uc-logo-track, .uc-float-img{
		animation: none !important;
	}
}

/* Mobile / low-power friendly adjustments */
@media (max-width: 991px){
	/* Reduce heavy shadows and gradients on smaller devices */
	.uc-logo-ticker, .map-above-content .bg-dark, .testimonial .blockquote, .uc-float-img{
		box-shadow: 0 6px 18px rgba(0,0,0,.18) !important;
	}

	/* Soften background animation intensity on small devices */
	.uc-animated-bg{
		filter: saturate(1) blur(0.4px);
		opacity: 0.98;
	}

	/* Avoid complex repeating-gradients and heavy backdrop-filter on mobile */
	.uc-animated-bg::before{ background: transparent !important; }
}

/* Further reduce CPU/GPU work on very small devices */
@media (max-width: 575px){
	.uc-animated-bg{ animation-duration: 30s !important; }
	.uc-logo-track{ animation-duration: 36s !important; }
	.uc-logo img{ height: 34px !important; }
}