/*
 * Shared image-led hero treatment for internal pages.
 * Each page owns its image and focal position through custom properties, while
 * the overlay and responsive behaviour remain consistent across the site.
 */

#basemsp-accessible-homepage.bm-how-we-help-page { --bm-hero-image: url("../images/hero-how-we-help-v1.webp"); --bm-hero-position: 66% center; }
#basemsp-accessible-homepage.bm-m365-review-page { --bm-hero-image: url("../images/hero-m365-review-v1.webp"); --bm-hero-position: 72% center; }
#basemsp-accessible-homepage.bm-m365-migration-page { --bm-hero-image: url("../images/hero-m365-migration-v1.webp"); --bm-hero-position: 78% center; }
#basemsp-accessible-homepage.bm-managed-it-support-page { --bm-hero-image: url("../images/hero-managed-it-support-v1.webp"); --bm-hero-position: 76% center; }
#basemsp-accessible-homepage.bm-microsoft-365-support-page { --bm-hero-image: url("../images/hero-microsoft-365-support-v1.webp"); --bm-hero-position: 76% center; }
#basemsp-accessible-homepage.bm-m365-security-page { --bm-hero-image: url("../images/hero-microsoft-365-security-v1.webp"); --bm-hero-position: 78% center; }
#basemsp-accessible-homepage.bm-business-technology-page { --bm-hero-image: url("../images/hero-business-technology-v1.webp"); --bm-hero-position: 78% center; }
#basemsp-accessible-homepage.bm-wider-it-services-page { --bm-hero-image: url("../images/hero-wider-it-services-v1.webp"); --bm-hero-position: 72% center; }
#basemsp-accessible-homepage.bm-approach-page { --bm-hero-image: url("../images/hero-our-approach-v1.webp"); --bm-hero-position: center right; }
#basemsp-accessible-homepage.bm-pricing-page { --bm-hero-image: url("../images/hero-pricing-v1.webp"); --bm-hero-position: 62% center; }
#basemsp-accessible-homepage.bm-about-page { --bm-hero-image: url("../images/hero-about-v1.webp"); --bm-hero-position: 84% center; }
#basemsp-accessible-homepage.bm-client-stories-page { --bm-hero-image: url("../images/hero-client-stories-v1.webp"); --bm-hero-position: 70% center; }
#basemsp-accessible-homepage.bm-insights-page { --bm-hero-image: url("../images/hero-insights-v1.webp"); --bm-hero-position: 76% center; }
#basemsp-accessible-homepage.bm-article-page { --bm-hero-image: url("../images/hero-article-v1.webp"); --bm-hero-position: 80% center; }
#basemsp-accessible-homepage.bm-legal-page { --bm-hero-image: url("../images/hero-legal-v1.webp"); --bm-hero-position: 72% center; }
#basemsp-accessible-homepage.bm-contact-page { --bm-hero-image: url("../images/hero-contact-v1.webp"); --bm-hero-position: 76% center; }
#basemsp-accessible-homepage.bm-location-page { --bm-hero-image: url("../images/hero-it-support-fleet-v1.webp"); --bm-hero-position: 75% center; }
#basemsp-accessible-homepage.bm-location-page .bm-farnborough-hero { --bm-hero-image: url("../images/hero-it-support-farnborough-v1.webp"); --bm-hero-position: 74% center; }
#basemsp-accessible-homepage.bm-location-page .bm-basingstoke-hero { --bm-hero-image: url("../images/hero-it-support-basingstoke-v1.webp"); --bm-hero-position: 74% center; }
#basemsp-accessible-homepage.bm-location-page .bm-reading-hero { --bm-hero-image: url("../images/hero-it-support-reading-v1.webp"); --bm-hero-position: 76% center; }

#basemsp-accessible-homepage .bmc-image-hero {
  background-color: #051e29;
  background-image:
    linear-gradient(90deg,
      rgba(5,30,41,1) 0%,
      rgba(5,30,41,.98) 26%,
      rgba(5,30,41,.92) 52%,
      rgba(5,30,41,.74) 76%,
      rgba(5,30,41,.56) 100%),
    linear-gradient(180deg,rgba(5,30,41,.28),rgba(5,30,41,.52)),
    linear-gradient(rgba(1,159,219,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(1,159,219,.035) 1px,transparent 1px),
    var(--bm-hero-image);
  background-position:
    center,
    center,
    center,
    center,
    var(--bm-hero-position, center right);
  background-repeat: no-repeat,no-repeat,repeat,repeat,no-repeat;
  background-size: cover,cover,46px 46px,46px 46px,cover;
}

/* Legal and article pages keep the image slightly more restrained so longer
   titles and reading information remain the clear focus. */
#basemsp-accessible-homepage:is(.bm-legal-page,.bm-article-page) .bmc-image-hero {
  background-image:
    linear-gradient(90deg,
      rgba(5,30,41,1) 0%,
      rgba(5,30,41,.99) 30%,
      rgba(5,30,41,.95) 58%,
      rgba(5,30,41,.82) 80%,
      rgba(5,30,41,.70) 100%),
    linear-gradient(180deg,rgba(5,30,41,.34),rgba(5,30,41,.58)),
    linear-gradient(rgba(1,159,219,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(1,159,219,.035) 1px,transparent 1px),
    var(--bm-hero-image);
}

@media (max-width: 760px) {
  #basemsp-accessible-homepage .bmc-image-hero {
    background-image:
      linear-gradient(90deg,rgba(5,30,41,.96),rgba(5,30,41,.78)),
      linear-gradient(180deg,rgba(5,30,41,.30),rgba(5,30,41,.62)),
      linear-gradient(rgba(1,159,219,.03) 1px,transparent 1px),
      linear-gradient(90deg,rgba(1,159,219,.03) 1px,transparent 1px),
      var(--bm-hero-image);
    background-position: center,center,center,center,var(--bm-hero-position,72% center);
    background-size: cover,cover,38px 38px,38px 38px,cover;
  }
}