/* ============================================================
   Shree Ram Industries — Custom Animations
   (AOS handles scroll reveals; these are extra brand touches)
   ============================================================ */

/* Fade up on load */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.fade-up{animation:fadeUp .7s ease both}

/* Gradient shimmer for section eyebrows / accents */
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.shimmer{background:linear-gradient(90deg,var(--orange),#ffc28a,var(--orange));background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 3s linear infinite}

/* Floating badge */
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.floaty{animation:floaty 4s ease-in-out infinite}

/* Button glow on hover */
.btn-primary:hover{box-shadow:0 0 0 3px rgba(244,123,32,.25),0 10px 24px rgba(244,123,32,.4)}

/* Card entrance stagger helper (used with AOS delays in markup) */
.pop{animation:pop .5s cubic-bezier(.2,.8,.2,1.2) both}
@keyframes pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

/* Reveal underline under headings */
.u-line{position:relative;display:inline-block}
.u-line::after{content:"";position:absolute;left:0;bottom:-8px;height:4px;width:0;background:var(--orange);border-radius:4px;animation:grow 1s .3s ease forwards}
@keyframes grow{to{width:100%}}

/* Smooth page fade-in */
body{animation:pageIn .5s ease both}
@keyframes pageIn{from{opacity:0}to{opacity:1}}

/* Spinner */
.spinner{width:40px;height:40px;border:4px solid var(--line);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite;margin:30px auto}
@keyframes spin{to{transform:rotate(360deg)}}