/* Animations for Gujju Love Guru Shradhanjali Tribute */

@keyframes flicker {
  0% { transform: scale(1) rotate(-1deg); opacity: 0.95; filter: drop-shadow(0 0 10px #f59e0b); }
  25% { transform: scale(1.08) rotate(1deg); opacity: 1; filter: drop-shadow(0 0 16px #fbbf24); }
  50% { transform: scale(0.96) rotate(-2deg); opacity: 0.9; filter: drop-shadow(0 0 12px #f97316); }
  75% { transform: scale(1.04) rotate(1deg); opacity: 0.98; filter: drop-shadow(0 0 18px #f59e0b); }
  100% { transform: scale(1) rotate(0deg); opacity: 0.95; filter: drop-shadow(0 0 10px #fbbf24); }
}

@keyframes pulseGlow {
  0% { box-shadow: 0 0 15px rgba(245, 158, 11, 0.3); }
  50% { box-shadow: 0 0 35px rgba(245, 158, 11, 0.7), 0 0 15px rgba(225, 29, 72, 0.4); }
  100% { box-shadow: 0 0 15px rgba(245, 158, 11, 0.3); }
}

@keyframes floatGentle {
  0% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -8px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

@keyframes pulse {
  0% { transform: scale3d(1, 1, 1); opacity: 0.9; }
  50% { transform: scale3d(1.12, 1.12, 1); opacity: 1; }
  100% { transform: scale3d(1, 1, 1); opacity: 0.9; }
}

@keyframes flowerBurst {
  0% { transform: translate3d(0, 0, 0) scale(0.5) rotate(0deg); opacity: 1; }
  100% { transform: translate3d(var(--tx, 50px), var(--ty, -150px), 0) scale(1.3) rotate(360deg); opacity: 0; }
}

.anim-diya-flame {
  display: inline-block;
  animation: flicker 1.4s infinite ease-in-out;
  transform-origin: center bottom;
  will-change: transform, filter;
}

.anim-glow {
  animation: pulseGlow 3s infinite ease-in-out;
  will-change: box-shadow;
}

.anim-float {
  animation: floatGentle 4s infinite ease-in-out;
  will-change: transform;
}

.petal-burst-item {
  position: fixed;
  pointer-events: none;
  z-index: 10001;
  font-size: 2rem;
  will-change: transform, opacity;
  animation: flowerBurst 1.6s forwards cubic-bezier(0.2, 0.8, 0.3, 1);
}