/* ============================================================
   VK LOGISTICS - FESTIVE ANIMATIONS & REVEALS
   ============================================================ */

/* Soft Festive Diya Flame Glow */
@keyframes diyaGlow {
  0% {
    box-shadow: 0 0 15px rgba(230, 81, 0, 0.4), 0 0 30px rgba(212, 175, 55, 0.2);
  }
  50% {
    box-shadow: 0 0 25px rgba(230, 81, 0, 0.7), 0 0 45px rgba(212, 175, 55, 0.5);
  }
  100% {
    box-shadow: 0 0 15px rgba(230, 81, 0, 0.4), 0 0 30px rgba(212, 175, 55, 0.2);
  }
}

.diya-glow {
  animation: diyaGlow 3s infinite ease-in-out;
}

/* Mandala Slow Rotation */
@keyframes mandalaRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.mandala-bg {
  animation: mandalaRotate 120s linear infinite;
  transform-origin: center center;
}

/* Shimmer Light Pulse on Gold Elements */
@keyframes goldShimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.gold-shimmer {
  background: linear-gradient(90deg, #d4af37 0%, #fff7d6 50%, #d4af37 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: goldShimmer 4s infinite linear;
}

/* Floating Animation for Badges & Cards */
@keyframes floatY {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
}

.floating-element {
  animation: floatY 4s ease-in-out infinite;
}

/* Scroll Fade In */
.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Animated Checkmark SVG Draw */
@keyframes checkmarkDraw {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes circleScale {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.success-svg-circle {
  animation: circleScale 0.6s ease-out forwards;
}

.success-svg-check {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: checkmarkDraw 0.8s 0.4s ease-out forwards;
}

/* Pulse Ripple for Book Button */
@keyframes pulseRipple {
  0% {
    box-shadow: 0 0 0 0 rgba(230, 81, 0, 0.6);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(230, 81, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(230, 81, 0, 0);
  }
}

.btn-pulse {
  animation: pulseRipple 2.5s infinite;
}