/* ARMG V35 — ACTUAL APPROVED BACKGROUNDS
   Base layout/content: V31 unchanged.
   This stylesheet changes ONLY decorative/background presentation.
   The first approved entourage set is applied as the literal surface background
   of heroes and content sections, not hidden behind opaque section layers. */

body{--armg-page-bg:none;background-color:#050608!important}
body.page-home{--armg-page-bg:url('../images/approved-entourage-v35/v43-home-armg-patrol.png')}
body.page-investigations{--armg-page-bg:url('../images/approved-entourage-v35/v35-investigations.png')}
body.page-protective{--armg-page-bg:url('../images/approved-entourage-v35/v35-protective.png')}
body.page-risk{--armg-page-bg:url('../images/approved-entourage-v35/v35-risk.png')}
body.page-em{--armg-page-bg:url('../images/approved-entourage-v35/v35-emergency.png')}
body.page-leadership{--armg-page-bg:url('../images/approved-entourage-v35/v43-command-lamont-sheriff-township.png')}
body.page-legacy{--armg-page-bg:url('../images/approved-entourage-v35/v35-legacy.png')}
body.page-general{--armg-page-bg:url('../images/approved-entourage-v35/v35-general.png')}
body.page-contact{--armg-page-bg:url('../images/approved-entourage-v35/v35-contact.png')}

/* Disable ONLY prior decorative imagery so nothing competes with approved art. */
.site-silhouette,.hero-sil,.section-sil,.full-kzoo,
.v26-hero-background,.v26-section-background,
.command-staff-ghosts,.legacy-family-ghosts,.local-atmosphere{
  display:none!important;
}
body::before{display:none!important}

/* ACTUAL HERO BACKGROUND */
body[class*="page-"] .hero{
  background-color:#050608!important;
  background-image:
    linear-gradient(90deg,rgba(4,5,7,.86) 0%,rgba(4,5,7,.64) 42%,rgba(4,5,7,.22) 76%,rgba(4,5,7,.30) 100%),
    linear-gradient(0deg,rgba(5,6,8,.82) 0%,rgba(5,6,8,.05) 48%,rgba(5,6,8,.10) 100%),
    var(--armg-page-bg)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  background-attachment:scroll!important;
}
/* Remove the old hero veil because the veil is now part of the actual background. */
body[class*="page-"] .hero::before{background:transparent!important}

/* ACTUAL SECTION BACKGROUND — every foreground section carries the approved scene. */
body[class*="page-"] .section{
  background-color:#07090b!important;
  background-image:
    linear-gradient(180deg,rgba(5,6,8,.72) 0%,rgba(5,6,8,.58) 44%,rgba(5,6,8,.72) 100%),
    var(--armg-page-bg)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  background-attachment:fixed!important;
}
body[class*="page-"] .section:nth-of-type(even){
  background-image:
    linear-gradient(180deg,rgba(6,8,10,.66) 0%,rgba(5,6,8,.52) 48%,rgba(5,6,8,.70) 100%),
    var(--armg-page-bg)!important;
  background-position:56% center!important;
}
body[class*="page-"] .section:nth-of-type(odd){background-position:44% center!important}

/* Let the artwork remain visible through foreground surfaces while keeping copy crisp. */
.card,.doctrine-card,.specific-grid article,.resolution-grid article,
.cred-chip,.quote-panel,.map-panel,.intake-shell,.cap-list,.step,
.entourage-v14-copy,.legacy-copy,.command-field-grid>div{
  background-color:rgba(7,9,11,.73)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.card{background-image:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important}

/* Keep the approved Command and Legacy foreground entourage features exactly in front. */
.command-entourage,.legacy-entourage{position:relative;z-index:4}

/* Mobile: use each approved composition as the direct section background as well.
   No background-attachment fixed on phones; this avoids Android rendering issues. */
@media(max-width:640px){
  body[class*="page-"] .hero{
    background-size:auto 100%!important;
    background-position:center center!important;
  }
  body[class*="page-"] .section,
  body[class*="page-"] .section:nth-of-type(even),
  body[class*="page-"] .section:nth-of-type(odd){
    background-attachment:scroll!important;
    background-size:auto 100%!important;
    background-position:center center!important;
    background-image:
      linear-gradient(180deg,rgba(5,6,8,.68) 0%,rgba(5,6,8,.52) 46%,rgba(5,6,8,.70) 100%),
      var(--armg-page-bg)!important;
  }
}