/*
  Streamline final polish override.
  This file owns the watermark and service image crop behavior.
*/

.hero-bg-logo {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.hero,
.page-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-image:
    linear-gradient(90deg, rgba(3, 10, 22, 0.92), rgba(3, 10, 22, 0.72), rgba(3, 10, 22, 0.92)),
    var(--hero-image) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
}

.hero::before,
.page-hero::before {
  display: none !important;
  content: none !important;
}

.hero::after,
.page-hero::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  left: 50% !important;
  top: 54% !important;
  width: min(620px, 46vw) !important;
  height: min(360px, 35vh) !important;
  transform: translate(-50%, -50%) !important;
  background-image: url("/assets/streamline-logo-transparent.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  opacity: 0.40 !important;
  filter: grayscale(1) brightness(1.65) contrast(1.22) !important;
  pointer-events: none !important;
  user-select: none !important;
}

.hero > .wrap,
.page-hero > .wrap,
.hero-grid,
.hero-copy,
.hero-card,
.page-hero .wrap {
  position: relative !important;
  z-index: 3 !important;
}

.hero-card {
  position: relative !important;
  z-index: 4 !important;
}

.card img,
.card-link img,
.hero-card img {
  object-fit: cover !important;
  object-position: center center !important;
}

.hero-card img[src*="streamline-trucks-pad"] {
  object-position: center 58% !important;
}

img[src*="power-washing-steaming-unit-new"] {
  object-position: center 55% !important;
}

img[src*="dry-ice-steaming-unit"] {
  object-position: center 45% !important;
}

img[src*="preventative-maintenance-01"] {
  object-position: center 38% !important;
}

img[src*="preventative-maintenance-02"] {
  object-position: center 42% !important;
}

@media (max-width: 900px) {
  .hero::after,
  .page-hero::after {
    top: 52% !important;
    width: 82vw !important;
    height: 280px !important;
    opacity: 0.28 !important;
  }
}

@media (max-width: 600px) {
  .hero::after,
  .page-hero::after {
    top: 48% !important;
    width: 95vw !important;
    height: 220px !important;
    opacity: 0.20 !important;
  }
}


/* Final steam cleaning image placement. Power Washing only. */
.hero[style*="steam-cleaning-unit-cropped"],
.page-hero[style*="steam-cleaning-unit-cropped"] {
  background-position: center center, center center !important;
}

img[src*="steam-cleaning-unit-cropped"] {
  object-fit: contain !important;
  object-position: center center !important;
  background: #050b14 !important;
}

/* Final watermark proof/position */
.hero::after,
.page-hero::after {
  top: 54% !important;
  opacity: 0.40 !important;
  background-image: url("/assets/streamline-logo-transparent.png") !important;
}


/* Power Washing & Steaming portrait image fix */
.power-washing-page .steam-cleaning-feature-img,
img.steam-cleaning-feature-img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 720px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #050b14 !important;
  border-radius: 18px !important;
}

/* Let the card holding the portrait image breathe instead of forcing ugly crop */
.power-washing-page .card:has(.steam-cleaning-feature-img),
.card:has(.steam-cleaning-feature-img) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #050b14 !important;
}

/* Keep the service-card thumbnail cropped normally on the all-services page */
.services-grid img[src*="steam-cleaning-unit-cropped"],
.card-link img[src*="steam-cleaning-unit-cropped"] {
  object-fit: cover !important;
  object-position: center center !important;
}

/* Hero background still fills like a hero */
.page-hero[style*="steam-cleaning-unit-cropped"],
.hero[style*="steam-cleaning-unit-cropped"] {
  background-position: center center, center center !important;
}