/* AMR GLOBAL CITY REFLECTIONS WALLPAPER — 18 Oct 2026
 * Source: user's Galactic City Reflections image.
 * Scope: page/environment backgrounds only. Site header and page content preserved.
 */
:root{
  --amr-city-wallpaper:url('/assets/amr-galactic-reflections-20261018.jpg');
  --amr-wallpaper-ink:#020b1c;
}
html{
  background-color:#020b1c!important;
}
html body{
  background-color:#020b1c!important;
  background-image:var(--amr-city-wallpaper)!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:cover!important;
  background-attachment:fixed!important;
}
/* The global wallpaper must remain visible behind each route without
   disturbing header artwork, product cards, fields or interactive overlays. */
html body main#main,
html body.route-home main#main,
html body.route-shop main#main,
html body.route-categories main#main,
html body.route-about main#main,
html body.route-contact main#main,
html body.route-journal main#main,
html body.route-track main#main,
html body.route-faq main#main,
html body main#main #home-sections,
html body main#main #commerce-section,
html body main#main #categories-section,
html body main#main #about-section,
html body main#main #contact-section,
html body main#main #journal-section,
html body main#main #track-section,
html body main#main #faq-section{
  background-color:transparent!important;
  background-image:none!important;
}
/* Preserve the image-based interactive homepage hero and all its CTA hotspots.
   Other sectional hero panels reveal one continuous global background. */
html body.route-shop #commerce-section>.amr-shop-banner,
html body.route-categories #categories-section .amr-categories-hero,
html body.route-about #about-section .amr-about-hero,
html body.route-contact #contact-section .amr-contact-hero,
html body.route-journal #journal-section .amr-journal-hero{
  background:linear-gradient(105deg,rgba(2,11,28,.82),rgba(4,21,48,.43) 57%,rgba(2,11,28,.27))!important;
}
/* Replace the former footer-wide skyline backdrop; keep original ornate panels,
   decorations, logo, contacts, buttons and live footer features. */
html body footer.site-footer,
html body footer.site-footer.amr-footer-v12{
  background-color:transparent!important;
  background-image:none!important;
}
/* The original header (utility bar, cinematic masthead, navigation, orbital AI,
   logo, banner, mobile header and interactive features) is deliberately untouched. */
/* Standalone policy documents still use single-URL articles. */
html body:has(main .article) ::selection{background:#0759b4;color:#ffffff}
html body:has(main .article)::before{
  background:transparent!important;
}
@media(max-width:900px){
  html body{
    background-position:center top!important;
    background-size:cover!important;
    background-attachment:fixed!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body{scroll-behavior:auto}
}