/* =========================
   BetterWellPro Animations
   Scroll reveal, section focus, reduced motion
   ========================= */

/* ---- No-JS fallback: show bwp-reveals normally ---- */
.no-js .bwp-reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ===== Scroll reveal (disabled: content visible by default so page is never blank) ===== */
body .bwp-reveal,
.bwp-reveal {
  opacity: 1;
  transform: none;
}

/* ===== Hero "What you get" card links ===== */
.side-item-link {
  display: block;
  text-decoration: none;
  color: inherit;
  margin-bottom: 12px;
}
.side-item-link:last-of-type {
  margin-bottom: 0;
}

/* ===== Section focus reveal (when navigating from hero cards) ===== */
.bwp-section-reveal-active.bwp-reveal,
.bwp-section-reveal-active .bwp-reveal {
  opacity: 0;
  transform: translateY(24px);
}
.bwp-section-reveal-active.bwp-reveal.bwp-reveal-run,
.bwp-section-reveal-active .bwp-reveal.bwp-reveal-run {
  animation: bwp-reveal-focus 0.7s var(--ease-out, cubic-bezier(0.22, 0.61, 0.36, 1)) forwards;
}
@keyframes bwp-reveal-focus {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Button active micro-interaction (supplements styles.css) ===== */
.cta:active,
.toggle-btn:active {
  transform: translateY(1px);
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce) {
  .bwp-reveal,
  body .bwp-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .bwp-section-reveal-active.bwp-reveal,
  .bwp-section-reveal-active .bwp-reveal {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}