/* ==========================================================================
   SPACIAZ - SCROLL & MICRO-INTERACTION ANIMATIONS
   Intersection Observer transitions, hover micro-effects & reduced-motion
   ========================================================================== */

/* Scroll Reveal Base States */
[data-spaciaz-animate] {
  opacity: 0;
  transform: translateY(28px);
  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;
}

[data-spaciaz-animate="fade-in"] {
  transform: none;
}

[data-spaciaz-animate="scale-up"] {
  transform: scale(0.95) translateY(20px);
}

[data-spaciaz-animate="slide-left"] {
  transform: translateX(-30px);
}

[data-spaciaz-animate="slide-right"] {
  transform: translateX(30px);
}

/* Animated active state triggered by Intersection Observer in animations.js */
[data-spaciaz-animate].in-view {
  opacity: 1;
  transform: none;
}

/* Stagger Delays for child cards */
.stagger-1 { transition-delay: 0.08s; }
.stagger-2 { transition-delay: 0.16s; }
.stagger-3 { transition-delay: 0.24s; }
.stagger-4 { transition-delay: 0.32s; }
.stagger-5 { transition-delay: 0.40s; }
.stagger-6 { transition-delay: 0.48s; }

/* Pulse Glow subtle accent */
@keyframes lime-subtle-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(229, 244, 90, 0.4);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(229, 244, 90, 0);
  }
}

.lime-glow-effect {
  animation: lime-subtle-glow 3s infinite;
}

/* Tabler Icon Rotation on dropdown hover */
.nav-item-dropdown:hover .dropdown-chevron,
.nav-item-dropdown.show .dropdown-chevron {
  transform: rotate(180deg);
}

.dropdown-chevron {
  transition: transform 0.25s ease;
  font-size: 0.85rem;
}

/* Reduced Motion Compliance */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  [data-spaciaz-animate] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  
  .marquee-track {
    animation: none !important;
  }
}