/* Zamax Website .97 — focused conversion and imagery-truth refinement. */

/* About: preserve the premium route-card palette while restoring readable
   button text against the teal button backgrounds. */
body[data-zmx-route="/about/"] .about-route-section .about-section-head.light > .about-eyebrow {
  color: #123e36 !important;
}
body[data-zmx-route="/about/"] .about-route-grid.refined > article > a {
  border: 1px solid rgba(255, 249, 233, .34) !important;
  background: linear-gradient(135deg, #0b5b51, #087568) !important;
  color: #fff9e9 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .16);
}
body[data-zmx-route="/about/"] .about-route-grid.refined > article > a:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #087568, #0b5b51) !important;
}

/* Commercial guides: only the overview owns the flexible space. The request
   control then follows it at one consistent, deliberate gap on all six cards. */
body[data-zmx-route="/resources/"] .zmx-dot89-resource-card__body {
  display: flex !important;
  flex-direction: column !important;
}
body[data-zmx-route="/resources/"] .zmx95-guide-overview {
  margin-top: auto !important;
}
body[data-zmx-route="/resources/"] .zmx-dot89-resource-card__body > .zmx-dot86-guide-request {
  width: 100%;
  margin-top: 16px !important;
  justify-content: center;
}

/* Referrals: keep the people and property-planning conversation in frame,
   instead of letting the hedge dominate the crop. */
body[data-zmx-route="/referrals/"] .quality-image-audit img {
  object-position: 82% 50% !important;
}

/* The new generated checklist already contains the real integrated title. */
.zmx95-checklist-paper-label {
  display: none !important;
}

/* The booklet title is contained on its first cover at both review sizes. */
body[data-zmx-route="/residential/guides/"] .zmx-res-hero::before {
  background-position: 72% 50% !important;
}

/* Keep the truthful planning label concise and quiet beneath comparisons. */
.zmx94-transformation-comparison .zmx93-comparison-disclosure {
  letter-spacing: .025em !important;
  text-transform: none !important;
}

@media (max-width: 720px) {
  body[data-zmx-route="/residential/guides/"] .zmx-res-hero::before {
    background-position: 74% 50% !important;
  }
}