/* ELXVRO V14 — Site Background
   Uses the selected purple cosmic portal artwork as the public-site background.
   Admin pages are intentionally unaffected. */

body.site-body{
  background-color:#06040d !important;
  background-image:
    linear-gradient(
      180deg,
      rgba(5,3,12,.34) 0%,
      rgba(5,3,12,.45) 28%,
      rgba(5,3,12,.68) 62%,
      rgba(5,3,12,.88) 100%
    ),
    url('../img/elxvro-site-background.webp') !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:center top,center top !important;
  background-size:cover,cover !important;
  background-attachment:fixed,fixed !important;
}

/* Keep the existing decorative star layer subtle over the artwork. */
body.site-body::before{
  opacity:.010 !important;
}

/* Existing auroras are reduced so they do not wash out the new artwork. */
body.site-body .aurora{
  opacity:.08 !important;
}

/* Let the background become part of the desktop hero instead of hiding behind it. */
body.site-body .hero-home-final{
  background:
    radial-gradient(circle at 62% 38%,rgba(141,52,255,.17),transparent 34%),
    linear-gradient(
      100deg,
      rgba(7,4,17,.84) 0%,
      rgba(8,4,19,.61) 38%,
      rgba(12,6,28,.43) 62%,
      rgba(7,4,17,.70) 100%
    ) !important;
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
}

/* Glass surfaces stay readable while preserving the cosmic background. */
body.site-body .glass{
  background:linear-gradient(145deg,rgba(17,12,35,.80),rgba(8,6,18,.84));
}

body.site-body .site-footer{
  background:rgba(7,5,16,.82);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

@media (max-width:700px), (max-width:900px) and (pointer:coarse){
  body.site-body{
    background-image:
      linear-gradient(
        180deg,
        rgba(5,3,12,.42) 0%,
        rgba(5,3,12,.61) 42%,
        rgba(5,3,12,.88) 100%
      ),
      url('../img/elxvro-site-background.webp') !important;
    background-position:center top,52% top !important;
    background-size:cover,auto 100vh !important;
    background-attachment:scroll,scroll !important;
  }

  body.site-body .mobile-home-v5{
    background:transparent !important;
  }

  body.site-body .mh-search,
  body.site-body .mh-stats{
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
}

@media (prefers-reduced-motion: reduce){
  body.site-body{
    background-attachment:scroll,scroll !important;
  }
}