/* ============================================
   MAA IVF ASSAM — Animations (Ultra-Light)
   All scroll animations REMOVED for buttery scrolling
   Only essential UI transitions remain
   ============================================ */

/* --- Scroll Reveal — Instant show (no animation, no transition) --- */
.reveal,
.reveal-left,
.reveal-right,
.reveal-scale,
.reveal.revealed,
.reveal-left.revealed,
.reveal-right.revealed,
.reveal-scale.revealed {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* Stagger — disabled */
.stagger-children .reveal {
  transition-delay: 0s !important;
}

/* --- Hero text — instant show, no animation --- */
.hero-content h1,
.hero-subtitle,
.hero-ctas,
.hero-scroll {
  opacity: 1;
  transform: none;
  animation: none;
}

/* --- Hero background — COMPLETELY STATIC, no scroll effects --- */
.hero-bg {
  transform: none !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
  backface-visibility: hidden;
}

.hero {
  transform: none !important;
  will-change: auto !important;
}

/* --- Floating Particles — FULLY DISABLED everywhere --- */
.particle-petal,
.particle-circle,
.particle-dot,
.hero-particles,
.hero-particle {
  display: none !important;
  animation: none !important;
}

/* --- Float animation — DISABLED --- */
.float-animation {
  animation: none !important;
  will-change: auto;
}

/* --- Counter Animation (JS-driven, base style only) --- */
.counter-number {
  display: inline-block;
  font-variant-numeric: tabular-nums;
}

/* --- Pulse for CTAs — DISABLED (causes constant GPU work) --- */
.btn-glow {
  animation: none !important;
  box-shadow: 0 4px 15px rgba(212, 175, 127, 0.4);
}

/* --- Shimmer Loading — DISABLED --- */
.shimmer {
  animation: none !important;
}

/* --- Ripple Effect for Buttons — kept but lightweight --- */
.ripple {
  position: relative;
  overflow: hidden;
}

/* --- Section Transitions — kept (static, no animation) --- */
.section-transition {
  position: relative;
}

.section-transition::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(transparent, var(--color-bg));
  pointer-events: none;
}

/* --- Accordion Smooth Transition — kept (user interaction only) --- */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.accordion-content.open {
  max-height: 600px;
}

/* --- Service Detail Step — Instant show --- */
.service-step,
.service-step.revealed {
  opacity: 1;
  transform: none;
  transition: none;
}

/* --- Doctor Card Flip --- */
/* Desktop: flip on hover */
@media (hover: hover) and (pointer: fine) {
  .doctor-card-inner {
    transition: transform 0.4s ease;
  }
}

/* Touch devices: flip on tap via .flipped class (JS toggles this) */
@media (hover: none) {
  .doctor-card:hover .doctor-card-inner {
    transform: none; /* Prevent accidental hover flip */
  }

  .doctor-card-inner {
    transition: transform 0.5s ease;
    transform-style: preserve-3d;
  }
  
  .doctor-card.flipped .doctor-card-inner {
    transform: rotateY(180deg);
  }
}

/* --- Header Scroll — NO transition (instant switch avoids scroll jank) --- */
.site-header {
  transition: none !important;
}

/* --- Bottom Nav — minimal transition --- */
.bottom-nav {
  transition: transform 0.2s ease;
}

/* --- Page Transition — DISABLED --- */
.page-enter {
  animation: none;
  opacity: 1;
}

/* --- Ticker — re-enabled at slower pace --- */
.ticker-track {
  animation: tickerScroll 120s linear infinite;
}

/* --- Bouncing scroll arrow — DISABLED --- */
.hero-scroll {
  animation: none !important;
}

/* --- Touch devices: disable ALL hover transforms that cause scroll jank --- */
@media (hover: none) {
  .card:hover,
  .service-card:hover,
  .why-card:hover,
  .doctor-card:hover,
  .blog-card:hover,
  .contact-info-card:hover,
  .value-card:hover,
  .footer-social a:hover {
    transform: none !important;
  }
}

/* --- Prefers Reduced Motion --- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}