/* Sanatan Yatra fixes added on top of the live build. */

/* Image placeholder until each photo arrives, then a soft fade in */
img[data-sy="wait"] { background: #f3eee3; }
img[data-sy="ready"] { animation: lyr-fade .45s ease; }
@keyframes lyr-fade { from { opacity: .2; } }

/* The hero slider has its own transitions */
.hero-root img[data-sy], .hero-root-m img[data-sy] { animation: none; background: none; }

html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; }

@media (prefers-reduced-motion: reduce) {
  img[data-sy="ready"] { animation: none; }
}

/* One page scrollbar: the live CSS makes html and body both scroll */
html { overflow-x: clip; overflow-y: auto; }
html body { overflow-x: clip; overflow-y: visible; }

/* Hero: keep titles readable over bright photos */
.hero-slide-img::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(20, 10, 0, .22) 0%, rgba(20, 10, 0, .42) 55%, rgba(20, 10, 0, .62) 100%);
}

/* Blog header: no empty boxes when there are no posts to show */
.bl-hgi-loading { display: none; }