/* Unified Islamic background for all standalone HTML pages.
   Solid dark mosque/night scene with overlay so text stays readable
   on mobile, tablet and desktop. Update the ?v= to bust the CDN cache. */
html, body {
  background-color: #05070a !important;
}
body {
  background-image:
    linear-gradient(180deg, rgba(5,8,15,0.78) 0%, rgba(5,8,15,0.86) 50%, rgba(5,8,15,0.92) 100%),
    url('/bg-islamic.jpg?v=1') !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center top, center center !important;
  background-size: cover, cover !important;
  background-attachment: fixed, fixed !important;
  min-height: 100vh;
}
/* Mobile / iPad: fixed background causes jank on iOS Safari → scroll. */
@media (max-width: 1024px) {
  body {
    background-attachment: scroll, scroll !important;
  }
}
/* Ensure inner content stays above the bg. */
#root, .container, main, .page { position: relative; z-index: 1; }