/* Final Pray hero rendering fix: paint the approved Saskatoon image directly
 * into the hero background so it cannot be hidden behind a stacking context. */
body:has(.pray-page) .pray-hero {
  background:
    linear-gradient(90deg, #031f3b 0%, rgba(3,31,59,.985) 31%, rgba(3,31,59,.86) 49%, rgba(3,31,59,.46) 72%, rgba(3,31,59,.12) 100%),
    linear-gradient(180deg, rgba(2,23,45,.04), rgba(2,23,45,.35)),
    url('/images/pray/pray-hero-city.webp') right center / 72% 100% no-repeat,
    #02172d;
}

body:has(.pray-page) .pray-hero__photo,
body:has(.pray-page) .pray-hero__shade {
  display: none;
}

@media (max-width: 900px) {
  body:has(.pray-page) .pray-hero {
    background:
      linear-gradient(90deg, rgba(3,31,59,.98) 0%, rgba(3,31,59,.91) 50%, rgba(3,31,59,.48) 100%),
      linear-gradient(180deg, rgba(2,23,45,.08), rgba(2,23,45,.42)),
      url('/images/pray/pray-hero-city.webp') 68% center / cover no-repeat,
      #02172d;
  }
}

@media (max-width: 640px) {
  body:has(.pray-page) .pray-hero {
    background:
      linear-gradient(180deg, rgba(3,31,59,.42) 0%, rgba(3,31,59,.72) 34%, rgba(3,31,59,.97) 78%, #031f3b 100%),
      linear-gradient(90deg, rgba(3,31,59,.72), rgba(3,31,59,.18)),
      url('/images/pray/pray-hero-city.webp') 72% center / cover no-repeat,
      #02172d;
  }
}