/* ==========================================================================
   ANIMATIONS & SCROLL-TRIGGERED TRANSITIONS (BOL7 REFERENCE)
   ========================================================================== */

/* Shimmer Loader */
@keyframes b7-shimmer {
  0% { background-position: 110% 50%; }
  100% { background-position: -10% 50%; }
}

/* Floating Elements (Badges, Orbs, Cards) */
@keyframes b7-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

/* Drifting particles */
@keyframes b7-drift {
  0%, 100% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(8px, -10px);
  }
  66% {
    transform: translate(-6px, 6px);
  }
}

/* Spinning halo rings */
@keyframes b7-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Pulse Glow */
@keyframes b7-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.9;
  }
}

/* Fade Rise */
@keyframes b7-rise {
  0% {
    opacity: 0;
    transform: translateY(24px) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Reveal on Scroll Utility Classes */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

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

.reveal--scale {
  transform: scale(0.95) translateY(20px);
}

.reveal--scale.is-visible {
  transform: scale(1) translateY(0);
}

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

/* ==========================================================================
   3D SCROLL & INTERACTIVE DEPTH EFFECTS
   ========================================================================== */

/* 3D Perspective Containers */
.has-3d-perspective {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* 3D Card Hover & Scroll Tilt Base */
.tilt-card-3d {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  transform-style: preserve-3d;
  will-change: transform;
}

/* 3D Scroll Reveal Animations */
.reveal-3d {
  opacity: 0;
  transform: perspective(1000px) rotateX(16deg) translateY(36px) scale(0.96);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal-3d.is-visible {
  opacity: 1;
  transform: perspective(1000px) rotateX(0deg) translateY(0) scale(1);
}

.reveal-3d-left {
  opacity: 0;
  transform: perspective(1000px) rotateY(-16deg) translateX(-36px) scale(0.96);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal-3d-left.is-visible {
  opacity: 1;
  transform: perspective(1000px) rotateY(0deg) translateX(0) scale(1);
}

.reveal-3d-right {
  opacity: 0;
  transform: perspective(1000px) rotateY(16deg) translateX(36px) scale(0.96);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal-3d-right.is-visible {
  opacity: 1;
  transform: perspective(1000px) rotateY(0deg) translateX(0) scale(1);
}

/* 3D Badge Pop */
.badge-3d {
  display: inline-flex;
  transform: perspective(600px) translateZ(8px);
  transition: transform 0.3s ease;
}

.badge-3d:hover {
  transform: perspective(600px) translateZ(16px) scale(1.04);
}

/* Reduced Motion Safety */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
  .reveal, .reveal-3d, .reveal-3d-left, .reveal-3d-right {
    opacity: 1 !important;
    transform: none !important;
  }
}