/* 
 * Reduced Animations CSS
 * This file provides fallback styles for devices with reduced animations
 * Improves performance on mobile devices and respects user preferences
 */

/* Global animation disabling */
.reduced-animations * {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

/* Fallback backgrounds */
.reduced-animations .animated-bg,
.reduced-animations .perspective-container,
.reduced-animations .gradient-backdrop,
.reduced-animations .circuit-lines,
.reduced-animations .digital-pulse,
.reduced-animations .nebula-effect,
.reduced-animations .grid-pattern,
.reduced-animations .bg-shape,
.reduced-animations .energy-wave {
  display: none !important;
}

.reduced-animations .services-hero {
  background: #121212 !important;
}

/* Disable all custom cursors on mobile */
.reduced-animations .cursor-dot,
.reduced-animations .cursor-ring,
.reduced-animations .cursor-trail,
.reduced-animations .cursor-ripple,
.reduced-animations .cursor-fuel {
  display: none !important;
}

/* Disable floating elements */
.reduced-animations .floating-element,
.reduced-animations .fuel-3d-tank,
.reduced-animations .energy-field-container,
.reduced-animations .tank-particle,
.reduced-animations .parallax-layer {
  display: none !important;
}

/* Disable heavy background effects */
.reduced-animations .fuel-particles-overlay {
  background: #121212 !important;
}

.reduced-animations .particle {
  display: none !important;
}

/* Disable video backgrounds */
.reduced-animations .video-background video {
  display: none !important;
}

.reduced-animations .video-background {
  background: #121212 !important;
}

/* Provide simple static styles for cards */
.reduced-animations .service-card {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

.reduced-animations .service-card:hover {
  transform: none !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Simplify hover effects */
.reduced-animations button:hover,
.reduced-animations .btn:hover,
.reduced-animations a:hover {
  transform: none !important;
  box-shadow: none !important;
  opacity: 0.9;
}

/* Hide non-essential decorative elements */
.reduced-animations .decoration,
.reduced-animations .particle-container,
.reduced-animations .floating-icon {
  display: none !important;
}

/* Optimize forms */
.reduced-animations .form-group:hover {
  transform: none !important;
}

.reduced-animations .form-title:after {
  display: none !important;
}

/* Disable mouse movement effects */
.reduced-animations [data-parallax] {
  transform: none !important;
}

/* Ensure text is readable */
.reduced-animations .service-title,
.reduced-animations .service-description {
  text-shadow: none !important;
  transform: none !important;
  background: none !important;
}

/* Disable fluid animations */
.reduced-animations [class*="wave"],
.reduced-animations [class*="ripple"],
.reduced-animations [class*="pulse"] {
  display: none !important;
}

/* Notification optimization */
.reduced-animations .notification {
  animation: none !important;
  opacity: 1 !important;
}

.reduced-animations .notification.show {
  transform: translateY(0) !important;
}