/* ============================================================
   KALVARO: PRINT
   A property owner may reasonably print an enquiry confirmation,
   and an administrator may print a record before a phone call.
   Everything else on the page is navigation they cannot use on
   paper, so it is removed.
   ============================================================ */

@page {
  margin: 18mm 16mm;
}

body {
  background: #FFFFFF;
  color: #000000;
  font-size: 11pt;
  line-height: 1.5;
}

/* Chrome that means nothing on paper. */
.site-header,
.site-footer,
.nav-panel,
.nav-overlay,
.cookie-banner,
.skip-link,
.ds-nav,
.journey__actions,
.admin-bar,
.admin-banner,
.btn,
.social {
  display: none !important;
}

/* Reveal animations must never leave printed content invisible. */
[data-reveal],
.js [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

/* Sections lose their tinted backgrounds and their generous vertical rhythm. */
.section,
.section--surface,
.section--inset,
.section--navy,
.page-hero,
.hero,
.journey {
  background: #FFFFFF !important;
  color: #000000 !important;
  padding-block: 0 0 12pt;
}

.section--navy h1, .section--navy h2, .section--navy h3, .section--navy h4,
.page-hero h1, .hero__title, .brand__name {
  color: #000000 !important;
}

.section--navy p, .page-hero p, .hero__copy, .lead, .muted, .faint {
  color: #222222 !important;
}

.card,
.journey__panel,
.trust-strip__inner,
.alert,
.reassure {
  background: #FFFFFF !important;
  border: 1pt solid #999999 !important;
  box-shadow: none !important;
  break-inside: avoid;
}

/* Keep a heading with the content it introduces. */
h1, h2, h3, h4 { break-after: avoid; color: #000000; }
h1 { font-size: 20pt; }
h2 { font-size: 15pt; }
h3 { font-size: 12pt; }

table { break-inside: auto; font-size: 9.5pt; }
tr, img, figure { break-inside: avoid; }
.table-wrap { overflow: visible !important; border: none !important; }
.table thead th { background: #EEEEEE !important; color: #000000 !important; }

/* A printed link is useless without its destination, but only external and
   absolute ones are worth spelling out. */
a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 8.5pt;
  word-break: break-all;
}
a { color: #000000; text-decoration: underline; }

/* The reference number is the reason the page is being printed. */
.alert--success { border: 1.5pt solid #000000 !important; }

/* Accordion answers are hidden on screen but are the substance on paper. */
.accordion__panel[hidden] { display: block !important; }
.accordion__icon { display: none; }