/* ==========================================================================
   SurfTech, print.
   Any page prints as a spec sheet: interface furniture drops out, FAQ answers
   print open, the comparison chart fits its 13 rows and 7 columns on one page,
   colour flattens to ink, and every sheet carries the address block.
   Linked with media="print", so it costs nothing on screen.
   ========================================================================== */

@page {
  size: A4 portrait;
  margin: 16mm 14mm 18mm;
}

html, body {
  background: #fff !important;
  color: #000 !important;
  font-size: 10.5pt;
  line-height: 1.45;
}

/* Interface furniture, motion and decoration. None of it belongs on paper. */
.nav,
.nav__sheet,
.skip-link,
.scroll-cue,
.process__rail,
.hero__vidctl,
.hero__media,
.cta-band,
.footer__legal,
.dropzone,
.filelist,
.form-status,
form button,
.card__more { display: none !important; }

/* Entrance motion must never hide anything on paper. */
.film__layer,
html.reveal-on [data-reveal] > *,
html.reveal-on figure[data-reveal] { opacity: 1 !important; transform: none !important; }

/* The hero collapses to its copy. */
.hero {
  min-height: 0 !important;
  padding: 0 0 8mm !important;
  display: block !important;
}
.hero::before { display: none !important; }
.hero .display { font-size: 24pt !important; line-height: 1.05 !important; }
.hero .display em { color: #000 !important; display: inline !important; }

.section { padding-block: 6mm !important; background: #fff !important; }
.section--deep, .section--paper, .section--tint { background: #fff !important; color: #000 !important; }
.section--deep * { color: #000 !important; }
.page-head { padding-block: 0 6mm !important; }

.wrap, .wrap--wide, .wrap--narrow { max-width: none !important; padding-inline: 0 !important; }

h1, h2, h3, h4 { color: #000 !important; break-after: avoid; }
.h1 { font-size: 20pt !important; }
.h2 { font-size: 15pt !important; }
.h3 { font-size: 12pt !important; }
p, li, dd, dt, td, th { color: #000 !important; }
.deck { font-size: 11pt !important; max-width: none !important; }

/* Cards and grids flatten to a hairline list. */
.card, .card--flat, .compare__col, .notice {
  border: 0.4pt solid #999 !important;
  background: #fff !important;
  box-shadow: none !important;
  break-inside: avoid;
}
.card__ico { border: 0.4pt solid #999 !important; background: #fff !important; color: #000 !important; }
.grid-3, .grid-4 { grid-template-columns: 1fr 1fr !important; }
.rulelist { grid-template-columns: 1fr 1fr !important; }
.rulelist__item, .stat, .timeline li, .split { break-inside: avoid; }
.split { grid-template-columns: 1fr 1fr !important; gap: 8mm !important; }

/* Photographs print, but small. A full bleed banner wastes a page of toner. */
.section-photo, .band { aspect-ratio: auto !important; border: 0.4pt solid #999 !important; }
.section-photo img, .band img { max-height: 55mm; object-fit: cover; }
.split__media img { max-height: 70mm; object-fit: cover; }
.figure-note, .band figcaption {
  position: static !important; background: none !important; color: #000 !important;
  padding: 1mm 0 0 !important; font-size: 8pt !important;
}

/* The comparison chart is the reason this file exists. Thirteen rows and
   seven columns have to survive onto one sheet. */
.tablewrap { overflow: visible !important; border: 0 !important; }
.dtable { min-width: 0 !important; font-size: 8.5pt !important; width: 100% !important; }
.dtable th, .dtable td { padding: 1.6mm 2mm !important; border-bottom: 0.4pt solid #bbb !important; }
.dtable thead th { position: static !important; background: #eee !important; color: #000 !important; }
.dtable tbody tr { break-inside: avoid; }
.dot { border: 0.4pt solid #666; }

.specs div { break-inside: avoid; border-bottom: 0.4pt solid #bbb !important; }

/* FAQ answers print open. A printed accordion that prints closed is a page of
   questions with no answers on it. */
.acc__panel { grid-template-rows: 1fr !important; }
.acc__panel > div { overflow: visible !important; }
.acc__panel[aria-hidden="true"] { display: block !important; }
.acc__btn i { display: none !important; }
.acc__item { break-inside: avoid; }

/* Links: print the destination for anything that leaves the page. */
a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8pt; color: #444; }
a[href^="#"]::after, a[href^="mailto"]::after, a[href^="tel"]::after { content: ""; }

/* The address block, on every sheet. */
.footer {
  background: #fff !important; color: #000 !important;
  border-top: 0.6pt solid #000; padding: 4mm 0 0 !important;
}
.footer__grid { display: block !important; }
.footer > .wrap > .footer__grid > div:not(.footer__brand) { display: none !important; }
.footer__brand img { filter: none !important; height: 12mm !important; }
.footer__brand p { max-width: none !important; }
.footer__bar { border-top: 0 !important; margin-top: 2mm !important; padding-top: 0 !important; color: #000 !important; }
.footer__iso { color: #000 !important; }

.footer::after {
  content: "SurfTech, a division of Euclid Refinishing Company, Inc. 2937 Industrial Park Drive, Austinburg, OH 44010. (440) 275-3356. sales@ercsurftech.com";
  display: block;
  margin-top: 3mm;
  font-size: 8pt;
  color: #000;
}