/* ==========================================================================
   Raaha Center - Site-wide motion layer
   Scroll-reveal entrances + animated gradient CTA buttons.
   ========================================================================== */

/* --- Scroll reveal --------------------------------------------------- */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* --- Animated gradient CTA buttons ------------------------------------ */
/* Static gradient at rest; sweeps across smoothly on hover/focus so the
   motion is intentional (and doesn't keep the whole page continuously
   repainting on every card at once). */
button.bg-gold-champagne,
a.bg-gold-champagne {
  background-image: linear-gradient(115deg, #C5A880 0%, #DFBF82 22%, #D4AF37 50%, #DFBF82 78%, #C5A880 100%);
  background-size: 240% 240%;
  background-position: 0% 50%;
  transition: background-position 0.9s ease;
}
button.bg-gold-champagne:hover,
a.bg-gold-champagne:hover,
button.bg-gold-champagne:focus-visible,
a.bg-gold-champagne:focus-visible {
  background-position: 100% 50%;
}

/* Subtle ambient pulse for the WhatsApp CTA */
.whatsapp-glow {
  animation: raaha-whatsapp-pulse 2.6s ease-in-out infinite;
}
@keyframes raaha-whatsapp-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.35); }
  50% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
}

/* Respect users who prefer less motion */
@media (prefers-reduced-motion: reduce) {
  .reveal-on-scroll {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  button.bg-gold-champagne,
  a.bg-gold-champagne {
    transition: none !important;
  }
  .whatsapp-glow {
    animation: none !important;
  }
}