/* ================================================================
   EQUINOX COFFEE — Page Transitions & Scroll Animations
   ================================================================ */

/* ── Page Transition Overlay ─────────────────────────────────────── */
.eq-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: #0b1326;
  pointer-events: none;
  opacity: 0;
}
.eq-overlay.entering {
  animation: eqEnter 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.eq-overlay.exiting {
  pointer-events: all;
  animation: eqExit 0.48s cubic-bezier(0.4, 0, 0.6, 1) forwards;
}
@keyframes eqEnter {
  from { opacity: 1; }
  to   { opacity: 0; }
}
@keyframes eqExit {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ── Scroll Reveal Base ──────────────────────────────────────────── */
[data-animate] {
  opacity: 0;
  will-change: opacity, transform;
  transition:
    opacity  0.75s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-animate="fade-up"]    { transform: translateY(32px); }
[data-animate="fade-down"]  { transform: translateY(-24px); }
[data-animate="fade-left"]  { transform: translateX(-48px); }
[data-animate="fade-right"] { transform: translateX(48px); }
[data-animate="fade-in"]    { transform: none; }
[data-animate="scale-up"]   { transform: scale(0.92); }

[data-animate].revealed {
  opacity: 1 !important;
  transform: none !important;
}

/* ── Stagger delays ──────────────────────────────────────────────── */
[data-delay="80"]  { transition-delay: 0.08s; }
[data-delay="100"] { transition-delay: 0.10s; }
[data-delay="150"] { transition-delay: 0.15s; }
[data-delay="200"] { transition-delay: 0.20s; }
[data-delay="250"] { transition-delay: 0.25s; }
[data-delay="300"] { transition-delay: 0.30s; }
[data-delay="350"] { transition-delay: 0.35s; }
[data-delay="400"] { transition-delay: 0.40s; }
[data-delay="450"] { transition-delay: 0.45s; }
[data-delay="500"] { transition-delay: 0.50s; }
[data-delay="550"] { transition-delay: 0.55s; }
[data-delay="600"] { transition-delay: 0.60s; }
[data-delay="650"] { transition-delay: 0.65s; }
[data-delay="700"] { transition-delay: 0.70s; }

/* ── Menu filter reveal (used when switching categories) ─────────── */
@keyframes menuReveal {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: none; }
}
.menu-reveal {
  animation: menuReveal 0.48s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* ── Nav slide-down on enter ─────────────────────────────────────── */
@keyframes navDrop {
  from { opacity: 0; transform: translateY(-16px); }
  to   { opacity: 1; transform: none; }
}
.nav-enter {
  animation: navDrop 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
}

/* ── Reduced motion ──────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  [data-animate] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .eq-overlay   { display: none !important; }
  .menu-reveal  { animation: none !important; }
  .nav-enter    { animation: none !important; }
}