/* ==========================================================================
   Ratadgaon Gram Panchayat - Touch Micro-Animations & Page Entrance CSS
   ========================================================================== */

/* Keyframe Fade In Up */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Stagger Delay Utilities */
.delay-1 { animation-delay: 0.08s; }
.delay-2 { animation-delay: 0.16s; }
.delay-3 { animation-delay: 0.24s; }
.delay-4 { animation-delay: 0.32s; }

/* Gentle Float Animation */
@keyframes floatGentle {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0px); }
}

.animate-float {
  animation: floatGentle 3.5s ease-in-out infinite;
}

/* Pulse Glow Effect */
@keyframes pulseGlow {
  0% { box-shadow: 0 0 0 0 rgba(255, 111, 0, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(255, 111, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 111, 0, 0); }
}

.pulse-saffron {
  animation: pulseGlow 2s infinite;
}

/* Touch Active Ripple Simulation */
.touch-active {
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.touch-active:active {
  transform: scale(0.96);
  opacity: 0.9;
}