/*  WUC Server Maintenance Page V2  Custom CSS  */
/* Page-specific: only loads on /server-maintenance/ */

/* Scroll reveal animations */
.wuc-v4 .reveal {
	  opacity: 0;
	  transform: translateY(24px);
	  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
		                transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.wuc-v4 .reveal.visible {
	  opacity: 1;
	  transform: translateY(0);
}
.wuc-v4 .reveal-delay-1 { transition-delay: 0.1s; }
.wuc-v4 .reveal-delay-2 { transition-delay: 0.2s; }
.wuc-v4 .reveal-delay-3 { transition-delay: 0.3s; }
.wuc-v4 .reveal-delay-4 { transition-delay: 0.4s; }
.wuc-v4 .reveal-delay-5 { transition-delay: 0.5s; }

/* Card hover lift */
.wuc-v4 .card-lift {
	  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
		                box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.wuc-v4 .card-lift:hover {
	  transform: translateY(-4px);
	  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

/* Comparison table stripes */
.wuc-v4 .compare-row:nth-child(even) {
	  background-color: rgba(241, 244, 248, 0.5);
}

/* Logo carousel infinite scroll */
@keyframes wuc-scroll-left {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
.wuc-v4 .logo-carousel-track {
	  animation: wuc-scroll-left 30s linear infinite;
	  will-change: transform;
}
.wuc-v4 .logo-carousel-track:hover {
	  animation-play-state: paused;
}

/* Dark gradient overlay for hero */
.wuc-v4 .dark-gradient-overlay {
	  background: linear-gradient(
	      135deg,
	      rgba(4, 8, 15, 0.92) 0%,
	      rgba(11, 24, 41, 0.85) 50%,
	      rgba(4, 8, 15, 0.78) 100%
	    );
}

/* Stat number tabular */
.wuc-v4 .stat-number {
	  font-variant-numeric: tabular-nums;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.wuc-v4 .reveal {
		    transition: none !important;
		    opacity: 1 !important;
		    transform: none !important;
	}
	.wuc-v4 .logo-carousel-track {
		    animation: none !important;
	}
	.wuc-v4 .card-lift:hover {
		    transform: none !important;
	}
}

/* WPForms overrides for quote form */
.wuc-v4 #wpforms-16000 .wpforms-submit-container .wpforms-submit {
	  background-color: #0070E0 !important;
	  border-radius: 12px !important;
	  font-weight: 600 !important;
	  font-size: 15px !important;
	  padding: 14px 24px !important;
	  width: 100% !important;
	  transition: background-color 0.2s ease !important;
}
.wuc-v4 #wpforms-16000 .wpforms-submit-container .wpforms-submit:hover {
	  background-color: #0058C4 !important;
}
.wuc-v4 #wpforms-16000 .wpforms-field input:focus,
.wuc-v4 #wpforms-16000 .wpforms-field textarea:focus {
	  border-color: #0070E0 !important;
	  box-shadow: 0 0 0 3px rgba(0, 112, 224, 0.15) !important;
}

/* Fix: Remove top section padding that creates gap above header */
.page-id-920 .elementor-element-231c4da4.elementor-top-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Fix: Make header section full-width and remove top padding gap */
.page-id-920 .elementor-element-231c4da4 > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}
.page-id-920 .elementor-element-231c4da4 .elementor-widget-wrap {
    padding-top: 0 !important;
    width: 100% !important;
}
.page-id-920 .wuc-util {
    max-width: none !important;
    width: 100% !important;
}
.page-id-920 .wuc-header {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}
.page-id-920 .wuc-util-inner {
    width: 100% !important;
}

/* Fix: CTA bar text color override */
.page-id-920 body > div[style*="linear-gradient"] p,
body.page-id-920 > div[style*="linear-gradient"] p {
    color: #ffffff !important;
}