/**
 * Featured-image marketing heroes (Gutenberg-managed pages).
 * Theme injects .sb-marketing-hero-media > img.sb-marketing-hero-img into the
 * first hero core/group when the page has a Featured Image. See docs/gutenberg-pages.md.
 */

.sb-marketing-hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.sb-marketing-hero-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--sb-hero-pos, center center);
}

.sb-marketing-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(7, 24, 38, 0.96) 0%,
    rgba(7, 24, 38, 0.72) 45%,
    rgba(7, 24, 38, 0.2) 78%,
    rgba(7, 24, 38, 0.06) 100%
  );
  pointer-events: none;
}

/* Ensure hero bands can host the absolute media layer */
.shipping-hero.has-sb-marketing-hero,
.builders-hero.has-sb-marketing-hero,
.role-hero.has-sb-marketing-hero,
.engineering-hero.has-sb-marketing-hero,
.test-reports-hero.has-sb-marketing-hero,
.cert-hero.has-sb-marketing-hero,
.mfg-hero.has-sb-marketing-hero,
.solutions-page .page-header.has-sb-marketing-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #071826;
  background-image: none !important;
  color: #fff;
}

/* Drop legacy ::before photo/gradient layers; overlay span owns the wash */
.shipping-hero.has-sb-marketing-hero::before,
.builders-hero.has-sb-marketing-hero::before,
.role-hero.has-sb-marketing-hero::before,
.engineering-hero.has-sb-marketing-hero::before,
.test-reports-hero.has-sb-marketing-hero::before,
.cert-hero.has-sb-marketing-hero::before,
.mfg-hero.has-sb-marketing-hero::before,
.solutions-page .page-header.has-sb-marketing-hero::before {
  content: none !important;
  display: none !important;
}

/* Keep block / copy content above the media */
.shipping-hero.has-sb-marketing-hero > .wp-block-group__inner-container,
.builders-hero.has-sb-marketing-hero > .wp-block-group__inner-container,
.role-hero.has-sb-marketing-hero > .wp-block-group__inner-container,
.engineering-hero.has-sb-marketing-hero > .wp-block-group__inner-container,
.test-reports-hero.has-sb-marketing-hero > .wp-block-group__inner-container,
.cert-hero.has-sb-marketing-hero > .wp-block-group__inner-container,
.mfg-hero.has-sb-marketing-hero > .wp-block-group__inner-container,
.solutions-page .page-header.has-sb-marketing-hero > .wp-block-group__inner-container,
.shipping-hero.has-sb-marketing-hero > .container,
.builders-hero.has-sb-marketing-hero > .container,
.role-hero.has-sb-marketing-hero > .container,
.engineering-hero.has-sb-marketing-hero > .container,
.test-reports-hero.has-sb-marketing-hero > .container,
.cert-hero.has-sb-marketing-hero > .container,
.mfg-hero.has-sb-marketing-hero > .container,
.solutions-page .page-header.has-sb-marketing-hero > .container {
  position: relative;
  z-index: 1;
}
/* 1.6.6: Gutenberg hero inner is .wp-block-group.container — keep above media */
.mfg-hero.has-sb-marketing-hero > .wp-block-group.container,
.mfg-hero.has-sb-marketing-hero > .mfg-hero-inner,
.shipping-hero.has-sb-marketing-hero > .wp-block-group.container,
.builders-hero.has-sb-marketing-hero > .wp-block-group.container,
.role-hero.has-sb-marketing-hero > .wp-block-group.container,
.engineering-hero.has-sb-marketing-hero > .wp-block-group.container,
.test-reports-hero.has-sb-marketing-hero > .wp-block-group.container,
.cert-hero.has-sb-marketing-hero > .wp-block-group.container,
.solutions-page .page-header.has-sb-marketing-hero > .wp-block-group.container {
  position: relative;
  z-index: 1;
}