/* Zamax Website .95 — focused owner visual refinement. */

/* Commercial Services: the three reassurance pills read as deliberate proof,
   not low-contrast decoration. */
body[data-zmx-route="/services/"] .hero-pills span {
  border-color: rgba(238, 205, 119, .72) !important;
  background: rgba(4, 29, 26, .72) !important;
  color: #fff9e9 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
body[data-zmx-route="/services/"] .hero-pills span::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-right: 7px;
  border-radius: 50%;
  background: #e2bd62;
  color: #083e38;
  font-size: .65rem;
  font-weight: 950;
}

/* About: Services stays calm and practical; Solutions is the premium gold
   strategic pathway. Both remain highly readable. */
body[data-zmx-route="/about/"] .about-route-services {
  border-color: rgba(11, 91, 81, .24) !important;
  background: linear-gradient(145deg, #fffdf8, #e2eee9) !important;
  color: #0b443c !important;
}
body[data-zmx-route="/about/"] .about-route-services::before {
  background: linear-gradient(90deg, #0b5b51, #62a799) !important;
}
body[data-zmx-route="/about/"] .about-route-solutions {
  border-color: rgba(118, 78, 13, .32) !important;
  background: linear-gradient(145deg, #f8e7b5, #d8ad4c) !important;
  color: #183f37 !important;
  box-shadow: 0 22px 54px rgba(92, 61, 8, .18) !important;
}
body[data-zmx-route="/about/"] .about-route-solutions::before {
  background: linear-gradient(90deg, #75500e, #e5c46f) !important;
}
body[data-zmx-route="/about/"] :is(.about-route-services, .about-route-solutions) :is(h2, h3, p, li, a) {
  color: inherit !important;
}
body[data-zmx-route="/about/"] .about-route-solutions :is(.about-route-pill, .about-route-link) {
  border-color: rgba(11, 68, 60, .28) !important;
  background: rgba(255, 253, 248, .58) !important;
  color: #123e36 !important;
}

/* The Residential checklist title sits on the photographed paper. The old
   floating plaque is explicitly retired. */
body[data-zmx-route="/residential/"] .zmx-dot82-card__visual--property::after {
  content: none !important;
  display: none !important;
}
body[data-zmx-route="/residential/"] .zmx95-checklist-paper-label {
  position: absolute;
  z-index: 2;
  left: 32%;
  top: 35.5%;
  width: 34%;
  transform: rotate(-4.2deg);
  transform-origin: center;
  color: #0b443c;
  font-size: clamp(.54rem, .75vw, .72rem);
  font-weight: 950;
  letter-spacing: .055em;
  line-height: 1.22;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(255, 253, 248, .7);
  pointer-events: none;
}
body[data-zmx-route="/residential/"] .zmx95-checklist-paper-label strong {
  display: block;
  margin-bottom: 2px;
  color: #9b6d14;
  letter-spacing: .12em;
}

/* One restrained official ONS/OS map: a light regional context outline and a
   single Lancashire focus, rather than two competing solid silhouettes. */
body[data-zmx-route="/residential/"] .zmx-res-coverage-map--official {
  overflow: hidden;
  border: 1px solid rgba(11, 68, 60, .15) !important;
  background: #f9f4e7 !important;
  box-shadow: 0 24px 58px rgba(7, 47, 42, .11) !important;
}
body[data-zmx-route="/residential/"] .zmx-res-coverage-map--official .zmx-res-coverage-map__field {
  fill: #f7f1e3 !important;
}
body[data-zmx-route="/residential/"] .zmx-res-coverage-map--official .zmx-res-coverage-map__region-shape {
  fill: rgba(255, 255, 255, .42) !important;
  stroke: #78988f !important;
  stroke-width: 1.6 !important;
}
body[data-zmx-route="/residential/"] .zmx-res-coverage-map--official .zmx-res-coverage-map__county-shape {
  fill: rgba(224, 185, 91, .62) !important;
  stroke: #0b5b51 !important;
  stroke-width: 3 !important;
}
body[data-zmx-route="/residential/"] .zmx-res-coverage-map--official .zmx-res-coverage-map__region {
  fill: #55736b !important;
  font-size: 13px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body[data-zmx-route="/residential/"] .zmx-res-coverage-map--official .zmx-res-coverage-map__county {
  fill: #083f38 !important;
  font-size: 16px !important;
}
body[data-zmx-route="/residential/"] .zmx-res-coverage-map--official .zmx-res-coverage-map__place circle {
  fill: #0b5b51 !important;
  stroke: #fffdf8 !important;
  stroke-width: 2px !important;
}
body[data-zmx-route="/residential/"] .zmx-res-coverage-map--official .zmx-res-coverage-map__place text {
  fill: #173f38 !important;
  stroke: #f9f4e7 !important;
  stroke-width: 3px !important;
  font-weight: 850 !important;
}

/* Matched concept comparisons stay visual-first. RoofPower is deliberately
   cropped above the wall equipment so no EV charger is shown. */
body[data-zmx-route="/residential/transformations/roofline-transformation/"] .zmx94-transformation-comparison .zmx92-comparison-grid figure {
  grid-template-rows: clamp(280px, 32vw, 460px) auto !important;
}
body[data-zmx-route="/residential/transformations/roofpower-home/"] .zmx94-transformation-comparison .zmx92-comparison-grid figure {
  grid-template-rows: clamp(240px, 26vw, 390px) auto !important;
}
body[data-zmx-route="/residential/transformations/roofpower-home/"] .zmx94-transformation-comparison .zmx92-comparison-grid img {
  object-position: center top !important;
}
.zmx94-transformation-comparison .zmx93-comparison-disclosure {
  padding: 8px 13px !important;
  border-color: rgba(11, 68, 60, .28) !important;
  background: #f5ead0 !important;
  color: #0b443c !important;
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* Residential and Commercial resources now use the same conversion order:
   image, short overview, then a truthful non-transmitting request control. */
body[data-zmx-route="/residential/guides/"] .zmx-res-guide-card__body > .zmx-res-button {
  width: 100%;
  margin-top: 14px;
  justify-content: center;
}
body[data-zmx-route="/residential/guides/"] .zmx-res-guide-card__body {
  display: flex;
  flex-direction: column;
}
body[data-zmx-route="/resources/"] .zmx95-guide-overview {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(11, 68, 60, .13);
}
body[data-zmx-route="/resources/"] .zmx95-guide-overview summary {
  color: #0b443c;
  font-weight: 900;
  cursor: pointer;
}
body[data-zmx-route="/resources/"] .zmx95-guide-overview p { margin: 10px 0 0 !important; }
body[data-zmx-route="/resources/"] .zmx95-guide-overview small { color: #596d66; }
body[data-zmx-route="/resources/"] .zmx95-guide-overview summary:focus-visible {
  outline: 3px solid #d2a653;
  outline-offset: 3px;
}

/* Keep the real printed title wholly on the first hero booklet. */
body[data-zmx-route="/residential/guides/"] .zmx-res-hero::before {
  background-position: 42% 50% !important;
}

/* Solar closes on a distinct blue-hour coordinated-property image. */
body[data-zmx-route="/solutions/solar-ready-roof-power/"] .final-cta {
  background-image: linear-gradient(rgba(4,29,26,.58), rgba(4,29,26,.86)), url("/assets/images/commercial-solutions-final-coordinated-campus-dot88-r1.webp") !important;
}

@media (max-width: 720px) {
  body[data-zmx-route="/residential/"] .zmx95-checklist-paper-label {
    left: 31%;
    top: 35%;
    width: 36%;
    font-size: .5rem;
  }
  body[data-zmx-route="/residential/"] .zmx-res-area-layout {
    grid-template-columns: 1fr !important;
  }
  body[data-zmx-route="/residential/"] .zmx-res-coverage-map--official svg {
    padding: 6px 6px 0;
  }
  body[data-zmx-route="/residential/guides/"] .zmx-res-hero::before {
    background-position: 45% 50% !important;
  }
  body[data-zmx-route="/residential/services/roofing/"] .zmx-res-hero::before {
    background-position: 68% 40% !important;
  }
}

/* Dot95 R1 Correction-1: close only the three rendered owner-acceptance
   manifestations admitted by DOT95-QA-RENDERED-OWNER-VISUAL-ACCEPTANCE-001. */
@media (max-width: 720px) {
  body[data-zmx-route="/residential/guides/"] .zmx-res-hero {
    min-height: 820px !important;
    background: #082f2a !important;
  }
  body[data-zmx-route="/residential/guides/"] .zmx-res-hero::before {
    inset: auto 0 0 !important;
    width: 100% !important;
    height: 300px !important;
    background-color: #d9d3c6 !important;
    background-position: 72% 50% !important;
    background-size: cover !important;
  }
  body[data-zmx-route="/residential/guides/"] .zmx-res-hero__shade {
    background: linear-gradient(180deg,rgba(4,26,24,.98) 0%,rgba(4,26,24,.94) 61%,rgba(4,26,24,.22) 78%,rgba(4,26,24,.06) 100%) !important;
  }
  body[data-zmx-route="/residential/guides/"] .zmx-res-hero__copy {
    padding-bottom: 310px !important;
  }

  body:is(
    [data-zmx-route="/roof-checklist"],
    [data-zmx-route="/roofready"],
    [data-zmx-route="/commercial-property-checklist"],
    [data-zmx-route="/commercial-property-review"]
  ) .zmx-funnel-hero {
    min-height: 100svh !important;
  }
}

@media (min-width: 721px) {
  body[data-zmx-route="/commercial-property-review"] .zmx-funnel-hero {
    min-height: 100svh !important;
  }
  body[data-zmx-route="/commercial-property-review"] .zmx-global-sticky {
    left: 20px !important;
    right: auto !important;
  }
}