/* ==========================================================================
   Contractor Financials — page-specific overrides (loaded after style.css)
   ========================================================================== */

.hero-photo--contractor {
  background-image: url("../assets/images/contractor-hero.webp");
  background-size: cover;
  background-position: center;
}

/* Smaller than the shared hero h1's default: this 3-line headline needs to
   fit within the 45%-wide content column at every breakpoint without any
   line wrapping mid-phrase (same constraint as dental.css's hero h1). */
.hero-text h1 {
  font-size: 1.7rem;
}
@media (max-width: 1024px) {
  .hero-text h1 { font-size: clamp(1.8rem, 4vw, 2.4rem); }
}
@media (max-width: 640px) {
  .hero-text h1 { font-size: 1.45rem; }
}

/* ---------- Services: 3 x 2 grid (6 cards, full-size cards) ---------- */
.services-grid--3col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 900px) {
  .services-grid--3col { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .services-grid--3col { grid-template-columns: 1fr; }
}

/* ---------- Value band: dark-green, distinct from the homepage's light
   "Why DataWise" section — Contractor stays bolder/heavier. ---------- */
.value-band {
  background: linear-gradient(120deg, var(--green-800), var(--green-900));
  padding: 56px 0;
}

.value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.value-item { text-align: center; color: var(--white); }
.value-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
}
.value-icon svg { width: 26px; height: 26px; color: var(--green-accent); }
.value-item h3 { color: var(--white); font-size: 1.15rem; margin-bottom: 8px; }
.value-item p { color: rgba(255, 255, 255, 0.78); font-size: 0.95rem; }

@media (max-width: 900px) {
  .value-grid { grid-template-columns: 1fr; gap: 28px; }
  .value-band { padding: 44px 0; }
}

/* ---------- Trust / Testimonials: a slightly stronger, grayer green than
   Dental's minty tint — keeps Contractor reading more robust/practical. ---------- */
.trust {
  background: #e4ede6;
}
.trust-logo {
  border-color: #d3e0d7;
}

.testimonial--placeholder {
  background: var(--gray-100);
  box-shadow: none;
  border: 1px dashed #c3d3c8;
}
.testimonial--placeholder p { font-style: normal; color: var(--ink-soft); }
.testimonial--placeholder span { color: var(--ink-soft); font-weight: 600; }

/* ---------- Breadcrumb on the dark hero (service subpages) — service-page.css's
   breadcrumb colors assume a white hero background, which is invisible here. ---------- */
.hero .breadcrumb,
.hero .breadcrumb a { color: rgba(255, 255, 255, 0.65); }
.hero .breadcrumb a:hover { color: var(--white); }
.hero .breadcrumb span[aria-current] { color: var(--white); }