/* template-overrides.css — vendorize polish layer (loaded last; edit freely).
   Fix: in dark mode the active dropdown toggle (Services/Locations/Resources) must use a
   color that reads on the dark nav. Use --primary (the blue active color used elsewhere),
   NOT --secondary (#0B1B26, near-black). The source's .cs-li.cs-dropdown .cs-li-link rule
   out-specifies plain .cs-active, so this override is needed to win. */
body.dark-mode #cs-navigation .cs-li.cs-dropdown .cs-li-link.cs-active { color: var(--primary); }

/* Header fix: with the extra dropdowns, the fixed-position Get Quote button overlaps
   the last nav item (Contact) on desktop. Hide the button at >=64rem (where the full
   desktop nav shows). The button only ever rendered on desktop, so this removes the
   collision cleanly; the Contact nav link remains the path to the quote form. */
@media only screen and (min-width: 64rem) {
  #cs-navigation .cs-button-solid { display: none; }
}

/* "What We Offer" cards: text overlaid on the image with a dark scrim for legibility. */
#services-1734 .cs-item { position: relative; border-radius: 1rem; overflow: hidden; }
#services-1734 .cs-link {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: clamp(20.5rem, 33vw, 26.25rem);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  gap: 0.4rem;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
/* image as full-bleed background */
#services-1734 .cs-link .cs-picture {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  z-index: -2;
}
#services-1734 .cs-link .cs-picture img { width: 100%; height: 100%; object-fit: cover; z-index: -2; }
/* dark gradient scrim so white text stays readable */
#services-1734 .cs-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(0,0,0,0.05) 25%, rgba(0,0,0,0.55) 58%, rgba(0,0,0,0.9) 100%);
}
#services-1734 .cs-link .cs-flex { align-items: center; }
#services-1734 .cs-link .cs-h3 { color: #fff; }
#services-1734 .cs-item:hover .cs-h3 { color: #fff; }
#services-1734 .cs-link .cs-arrow { filter: brightness(0) invert(1); }
#services-1734 .cs-item-text {
  font-size: 0.875rem;
  line-height: 1.5em;
  color: #fff;
  margin: 0;
}
body.dark-mode #services-1734 .cs-item-text { color: #fff; }