/* ==========================================================================
   TONZILLOGARD WordPress Theme - Animations & Micro-Interactions
   ========================================================================== */

/* Keyframe Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(228, 32, 27, 0.4);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(228, 32, 27, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(228, 32, 27, 0);
  }
}

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

/* Scroll Reveal Classes */
.tg-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s var(--transition-ease), transform 0.6s var(--transition-ease);
  will-change: opacity, transform;
}

.tg-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Pulse animation on CTA button */
.pulse-hover:hover {
  animation: pulseGlow 1.5s infinite;
}

/* Floating packshots */
.img-float {
  animation: floatSoft 5s ease-in-out infinite;
}

/* Stagger Delay utilities */
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }