/* ============================================================
   B.M. FITNESS STUDIO — animations.css
   Subtle Stagger Timers & Keyframe Utilities
   ============================================================ */

/* Micro-stagger for grid items when JS triggers reveal */
html.reveal-ready .facility-grid .facility-card:nth-child(1) { transition-delay: 0.05s; }
html.reveal-ready .facility-grid .facility-card:nth-child(2) { transition-delay: 0.12s; }
html.reveal-ready .facility-grid .facility-card:nth-child(3) { transition-delay: 0.19s; }
html.reveal-ready .facility-grid .facility-card:nth-child(4) { transition-delay: 0.26s; }

html.reveal-ready .plans-matrix .tier-card:nth-child(1) { transition-delay: 0.05s; }
html.reveal-ready .plans-matrix .tier-card:nth-child(2) { transition-delay: 0.12s; }
html.reveal-ready .plans-matrix .tier-card:nth-child(3) { transition-delay: 0.19s; }
html.reveal-ready .plans-matrix .tier-card:nth-child(4) { transition-delay: 0.26s; }

html.reveal-ready .gallery-grid .gallery-card:nth-child(1) { transition-delay: 0.04s; }
html.reveal-ready .gallery-grid .gallery-card:nth-child(2) { transition-delay: 0.08s; }
html.reveal-ready .gallery-grid .gallery-card:nth-child(3) { transition-delay: 0.12s; }
html.reveal-ready .gallery-grid .gallery-card:nth-child(4) { transition-delay: 0.16s; }
html.reveal-ready .gallery-grid .gallery-card:nth-child(5) { transition-delay: 0.20s; }
html.reveal-ready .gallery-grid .gallery-card:nth-child(6) { transition-delay: 0.24s; }

/* Subtle pulse badge for open status */
@keyframes pulseDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

.status-dot-active {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-whatsapp);
  animation: pulseDot 2s infinite ease-in-out;
}