/* Phase 8d — Homepage hero: text-only layout
   Removes the image visual column. Hero becomes a clean full-width
   text-on-dark layout. Overrides phase-7f image positioning.
   No source file edits. */

/* Hide the image visual entirely */
.hero--home.hero--image .hero__visual {
  display: none !important;
}

/* Reset the inner grid to single column, full width */
.hero--home.hero--image .hero__inner {
  display: block !important;
  min-height: 0 !important;
  width: min(calc(100% - 2rem), var(--telstar-shell)) !important;
  margin-inline: auto !important;
  padding-top: clamp(3rem, 5vw, 4.5rem) !important;
  padding-bottom: clamp(3rem, 5vw, 4.5rem) !important;
}

/* Reset hero section height — no longer needs to accommodate an image */
.hero--home.hero--image {
  min-height: 0 !important;
}

/* Copy block — full width, constrained for readability */
.hero--home.hero--image .hero__copy {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 820px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Title — allow slightly wider at larger screens now it has full width */
.hero--home.hero--image .title-block__title {
  max-width: 16ch !important;
}

/* Subtitle — slightly wider constraint now copy has full width */
.hero--home.hero--image .title-block__subtitle {
  max-width: 52rem !important;
}

/* Remove the overlay gradients that were protecting text from the image */
.hero--home.hero--image::before {
  display: none !important;
}

/* Suppress icons on symptom cards — titles and body do the work */
.home-symptom-card .home-symptom-card__icon {
  display: none !important;
}

/* Suppress icons on diagnostic value cards */
.home-diagnostic-value-card .home-diagnostic-value-card__icon {
  display: none !important;
}