/* ==========================================================================
   GoPerya PH — Carnival Theme Motion & Animations
   ========================================================================== */

/* Ferris Wheel Continuous Slow Rotation */
@keyframes ferrisRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.anim-ferris-wheel {
  transform-origin: center center;
  animation: ferrisRotate 60s linear infinite;
  will-change: transform;
}

/* Bunting Flags Swaying */
@keyframes buntingSway {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(3deg);
  }
}

.anim-bunting {
  transform-origin: top center;
  animation: buntingSway 4s ease-in-out infinite;
}

/* Marquee Bulbs Alternating Glow */
@keyframes marqueeGlow {
  0%, 100% {
    opacity: 1;
    filter: drop-shadow(0 0 6px var(--brand-yellow));
  }
  50% {
    opacity: 0.4;
    filter: drop-shadow(0 0 2px var(--brand-yellow));
  }
}

.anim-bulb-1 {
  animation: marqueeGlow 1.5s ease-in-out infinite;
}

.anim-bulb-2 {
  animation: marqueeGlow 1.5s ease-in-out infinite 0.75s;
}

/* Floating Particles Drift */
@keyframes particleDrift {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-12px) rotate(5deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

.anim-drift {
  animation: particleDrift 5s ease-in-out infinite;
}

/* Subtle Haze Moving Gradient */
@keyframes skyHaze {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.05);
  }
}

.anim-sky-haze {
  animation: skyHaze 8s ease-in-out infinite;
}

/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
  .anim-ferris-wheel,
  .anim-bunting,
  .anim-bulb-1,
  .anim-bulb-2,
  .anim-drift,
  .anim-sky-haze {
    animation: none !important;
    transform: none !important;
  }

  .wheel-svg {
    transition: none !important;
  }
}