/* ==========================================================================
   EDENBROOK COLLEGE — ANIMATIONS & MICRO-INTERACTIONS
   Hardware-Accelerated Scroll Reveals, Transitions & Accessibility
   ========================================================================== */

/* ======================================================
   SCROLL-TRIGGERED ENTRANCE ANIMATIONS
   ====================================================== */
.ebc-fade-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.ebc-fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.ebc-fade-in {
  opacity: 0;
  transition: opacity 0.6s ease;
  will-change: opacity;
}

.ebc-fade-in.visible {
  opacity: 1;
}

/* Staggered Delay Utilities */
.ebc-delay-100 { transition-delay: 0.1s !important; }
.ebc-delay-200 { transition-delay: 0.2s !important; }
.ebc-delay-300 { transition-delay: 0.3s !important; }
.ebc-delay-400 { transition-delay: 0.4s !important; }
.ebc-delay-500 { transition-delay: 0.5s !important; }

/* ======================================================
   MICRO-INTERACTIONS & HOVER EFFECTS
   ====================================================== */
/* Gold Glow Pulse for Primary CTAs */
@keyframes ebcPulseGold {
  0% {
    box-shadow: 0 0 0 0 rgba(212, 163, 64, 0.4);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(212, 163, 64, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(212, 163, 64, 0);
  }
}

.ebc-btn--gold:hover {
  animation: ebcPulseGold 1.5s infinite;
}

/* Floating animation for badge */
@keyframes ebcFloatBadge {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.ebc-floating-badge {
  animation: ebcFloatBadge 4s ease-in-out infinite;
}

/* Gentle image scale on card hover */
.ebc-program-card__thumb img,
.ebc-path-card__bg {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Smooth Accordion Arrow Flip */
.ebc-faq-arrow {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ======================================================
   ACCESSIBILITY: REDUCED MOTION PREFERENCES
   ====================================================== */
@media (prefers-reduced-motion: reduce) {
  .ebc-fade-up,
  .ebc-fade-in,
  .ebc-btn,
  .ebc-program-card,
  .ebc-path-card,
  .ebc-pillar-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}