/* ==========================================================================
   PCI Sleek — hero background images (added 2026-07-09)
   --------------------------------------------------------------------------
   Per-page hero backgrounds keyed off WordPress body classes (page-id-N,
   plus .home for the front page). No page content was modified. Each rule
   layers a dark navy overlay ON TOP of the image so the existing light hero
   text stays readable — the image is texture, not a photo feature.
   The existing .hero::before glow (pci.css) still renders above this
   background, and all glass panels/content sit above that. No animation is
   added here, so the theme's prefers-reduced-motion rules are unaffected.
   Enqueued by functions.php as 'pci-hero-bg' after /assets/pci.css.
   Images: /wp-content/uploads/heroes/ (copied from /docker/pci-sleek/
   hero-production/ on the host).
   ========================================================================== */

/* Shared layout for every page that gets a hero image */
body.home .hero,
body.page-id-46 .hero,
body.page-id-44 .hero,
body.page-id-47 .hero,
body.page-id-43 .hero,
body.page-id-48 .hero,
body.page-id-42 .hero,
body.page-id-29 .hero,
body.page-id-32 .hero,
body.page-id-31 .hero,
body.page-id-122 .hero,
body.page-id-30 .hero {
  background-color: var(--bg-900);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Front page (page-id-45, static front page) */
body.home .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-home.jpg);
}

/* managed-it */
body.page-id-46 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-managed-it.jpg);
}

/* cybersecurity */
body.page-id-44 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-cybersecurity.jpg);
}

/* microsoft-365-cloud */
body.page-id-47 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-m365.jpg);
}

/* ai-governance */
body.page-id-43 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-ai-governance.jpg);
}

/* technology-advisory */
body.page-id-48 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-advisory.jpg);
}

/* about */
body.page-id-42 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-about.jpg);
}

/* it-services-rye-ny */
body.page-id-29 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-rye.jpg);
}

/* it-services-white-plains-ny */
body.page-id-32 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-white-plains.jpg);
}

/* it-services-westchester-county */
body.page-id-31 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-westchester.jpg);
}

/* it-services-stamford-greenwich-ct */
body.page-id-30 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-stamford-greenwich.jpg);
}

/* it-support (122) — reuses the managed-it hero image (2026-07-09) */
body.page-id-122 .hero {
  background-image: linear-gradient(rgba(0, 20, 30, .70), rgba(0, 20, 30, .80)),
    url(/wp-content/uploads/heroes/hero2-it-support.jpg);
}