/**
 * Shirkat Al Nahal — Motion & Animation System
 */

/* Scroll Reveal Initial State */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity var(--transition-reveal), transform var(--transition-reveal);
  will-change: opacity, transform;
}

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

/* Ambient Floating Bee Animation */
@keyframes floatBee {
  0% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(6px, -10px) rotate(3deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

.ambient-bee {
  animation: floatBee 6s ease-in-out infinite;
}

/* Honey Drop Dripping Animation */
@keyframes honeyDrip {
  0% { transform: translateY(0) scaleY(1); opacity: 0.8; }
  70% { transform: translateY(12px) scaleY(1.2); opacity: 1; }
  100% { transform: translateY(20px) scaleY(0.8); opacity: 0; }
}

.honey-drop-anim {
  animation: honeyDrip 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* -------------------------------------------------------------
   ACCESSIBILITY: Reduced Motion Support
   (Mandatory Rule from Section 25 of the Guide)
------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .reveal-on-scroll {
    opacity: 1 !important;
    transform: none !important;
  }

  .ambient-bee,
  .honey-drop-anim {
    animation: none !important;
  }
}