/* ==========================================================================
   S&C INTERNATIONAL - ANIMATIONS STYLESHEET
   Keyframes & Dynamic UI Effects
   ========================================================================== */

/* Floating Badge Effect */
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* Subtle Pulse for CTA Buttons */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(245, 166, 35, 0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(245, 166, 35, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(245, 166, 35, 0);
  }
}

.pulse-glow {
  animation: pulseGlow 2.5s infinite;
}

/* Card Hover Shine Effect */
.shine-effect {
  position: relative;
  overflow: hidden;
}

.shine-effect::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    60deg,
    transparent 30%,
    rgba(255, 255, 255, 0.25) 50%,
    transparent 70%
  );
  transform: rotate(30deg) translateX(-100%);
  transition: transform 0.8s ease;
}

.shine-effect:hover::after {
  transform: rotate(30deg) translateX(100%);
}

/* Rotate Spin Animation for Icons */
.spin-slow {
  animation: spin 12s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Counter Fade In Up */
.animated-counter {
  transition: all 0.5s ease-out;
}