/* Quote booklet extras (builder app) */

.mockup-label:not(.test-banner) {
  display: none !important;
}

.site-address {
  margin: 0 auto 3mm;
  max-width: 150mm;
  text-align: center;
  color: var(--muted);
  font-size: 8.6pt;
  line-height: 1.35;
  white-space: pre-line;
}

.terms {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 1.8mm;
  color: var(--faint);
  font-size: 4.2pt;
  line-height: 1.3;
}

.terms p {
  margin: 0 0 0.9mm;
}

.terms p:last-child {
  margin-bottom: 0;
}

.terms .validity {
  margin-top: 1.2mm;
  font-size: 6pt;
  font-weight: 700;
  letter-spacing: 0.25px;
  color: var(--muted);
  text-transform: uppercase;
}

.nav .lockhart img.is-aggora {
  width: 28mm;
}

/* Screen: only soft render. Print swaps via quote-page.css @media print. */
#quote-root .render .render-img-print {
  display: none !important;
}

#quote-root .render .render-img-screen {
  display: block;
}

@media print {
  #quote-root .render .render-img-screen {
    display: none !important;
  }

  #quote-root .render .render-img-print {
    display: block !important;
  }
}

/* During canvas capture, swap to the print-grade render like real printing. */
#quote-root .page.capture-print-images .render .render-img-screen {
  display: none !important;
}

#quote-root .page.capture-print-images .render .render-img-print {
  display: block !important;
}

/* The hero photo (hero-page1.jpeg) is pre-cropped to the container's exact
   aspect ratio, so object-fit never crops and html2canvas (which mishandles
   object-fit and renders CSS backgrounds at low resolution) samples the
   full-resolution img directly. */