/* ==========================================================================
   Harsh Hospitals — Animations & scroll reveals.
   ========================================================================== */

/* Scroll-reveal: elements fade + rise into view (toggled by main.js). */
.reveal {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
	will-change: opacity, transform;
}
.reveal.in { opacity: 1; transform: none; }

/* Staggered children inside a grid get a small incremental delay via main.js. */

/* Gentle float used on hero badge + announcement dot. */
.floaty { animation: hh-floaty 5s ease-in-out infinite; }

/* Button shimmer on hover for primary CTAs. */
.hh-btn-primary { position: relative; overflow: hidden; }
.hh-btn-primary::after {
	content: ""; position: absolute; top: 0; left: -120%;
	width: 60%; height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255,255,255,.25), transparent);
	transform: skewX(-20deg);
	transition: left .6s ease;
}
.hh-btn-primary:hover::after { left: 140%; }

/* Card lift already handled in style.css; add subtle icon pop. */
.hh-cond-card:hover .hh-cond-icon,
.hh-card:hover .hh-card-icon { transform: scale(1.08) rotate(-3deg); transition: transform .25s ease; }

/* Animated count-up handled by main.js; keep a base for .statnum. */
.statnum { font-variant-numeric: tabular-nums; }

/* Drawer link cascade. */
.hh-drawer.open nav li {
	animation: hh-slide-in .35s ease both;
}
.hh-drawer.open nav li:nth-child(1) { animation-delay: .04s; }
.hh-drawer.open nav li:nth-child(2) { animation-delay: .08s; }
.hh-drawer.open nav li:nth-child(3) { animation-delay: .12s; }
.hh-drawer.open nav li:nth-child(4) { animation-delay: .16s; }
.hh-drawer.open nav li:nth-child(5) { animation-delay: .20s; }
.hh-drawer.open nav li:nth-child(6) { animation-delay: .24s; }

@keyframes hh-slide-in {
	from { opacity: 0; transform: translateX(16px); }
	to   { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
	.reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
	.floaty, .hh-drawer.open nav li { animation: none !important; }
	.hh-btn-primary::after { display: none; }
}