/* ==========================================================================
   ColoryBoo — Print stylesheet
   --------------------------------------------------------------------------
   Only loaded/applied when printing (media="print"). Goal: the printed page
   shows ONE coloring drawing, centered, crisp, with no site chrome — plus a
   small ColoryBoo.com footer watermark — on standard Letter (8.5x11) or A4.
   #printSheet is an empty container in index.html that site.js fills with
   the chosen drawing right before calling window.print().

   IMPORTANT: we hide everything else with `display: none`, not
   `visibility: hidden`. Hidden-but-still-in-flow content keeps the
   document's full (multi-page-tall) height, and a `position: fixed`
   element repeats on every one of those pages in print — that combination
   is what previously caused the same drawing to print 2-3 times. Removing
   the other elements from the layout entirely collapses the page to just
   the printed drawing, so only one page is produced.
   ========================================================================== */

@page {
  size: auto;
  margin: 0.45in;
}

html, body {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

/* Remove every other top-level section from the layout... */
body > *:not(#printSheet) {
  display: none !important;
}

/* ...so #printSheet is the only thing on the page, sized to its content. */
#printSheet {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* Bound BOTH width and height (not just width) so a tall portrait page,
   plus the footer line below it, is always guaranteed to fit within one
   printed page — on Letter (10.1in tall printable area) or the slightly
   narrower A4 — instead of spilling its last fraction of an inch onto a
   second, near-blank page. */
#printSheet .print-art {
  display: block;
  width: auto;
  height: auto;
  max-width: 7in;
  max-height: 9.2in;
  object-fit: contain;
  border-radius: 0;
  page-break-inside: avoid;
  break-inside: avoid;
}

#printSheet .print-footer {
  margin-top: 0.25in;
  font-family: 'Quicksand', Arial, sans-serif;
  font-size: 12pt;
  font-weight: 700;
  color: #16324F;
  letter-spacing: 0.3px;
}