/* Print stylesheet (06 §4.7; P1, round 3 CSS budget): the rules that used to be the @media print block of
   app/globals.css. SiteChrome links this file with media="print", so it is never render-blocking on screen (it is
   fetched at the lowest priority during the page load and applies to paper and print preview only). Plain CSS, served
   as is (no Tailwind pass): it reads the :root tokens of the main stylesheet. The product page prints as a clean A4
   data sheet; with the compare dialog open, only its table prints. */
@page { size:A4; margin:14mm; }
[data-site-header], [data-sticky-actions], [data-compare-tray], [data-subbar],
[data-site-footer], [data-no-print] { display:none !important; }
body { background:#FFFFFF; color:#12161C; font-size:10.5pt; }
main { padding:0 !important; }
/* IMPRESSIVE-PASS §1.5: no shadow, glow, pattern or sheen on paper */
*, *::before, *::after { box-shadow:none !important; background-image:none !important; }
[data-plate] { background:#FFFFFF !important; outline:1px solid #E4E6EA; }
section, table, figure, [data-plate] { break-inside:avoid; }
.rule-tab::before { background:#12161C !important; } /* "print backgrounds" off would drop the tab */
a[href^="http"]:not([data-no-url])::after { content:" (" attr(href) ")"; font-size:8.5pt; color:#5F6874; }
/* a quote link never prints its wa.me / mailto text (VIBRANT-PASS §9.3) */
a[data-quote]::after, a[href^="https://wa.me"]::after { content:none !important; }

/* VIBRANT-PASS §1.2: bands print white with ink. The band text tokens are re-declared here (html:root outranks the
   main stylesheet's :root whatever the link order), so everything a band re-skins through them prints as ink too. */
html:root {
  --on-band:#12161C; --on-band-secondary:#3B4551; --on-band-muted:#5F6874; --link-on-band:#115CA7;
  --power-on-band:#12161C; --band-line:#12161C; --band-control:#868E99; --focus-on-band:#115CA7;
  --on-band-fill:#12161C; --on-band-fill-ink:#FFFFFF; --selected:#12161C; --on-selected:#FFFFFF;
}
.band, .band-deep, .band-raised, .band-tint, .band-mesh, .wash-tint, .wash-mist, [data-band] { background:#FFFFFF !important; color:#12161C !important; border-color:#12161C !important; }
.text-power-on-band, .text-link-on-band, .text-on-band, .text-on-band-secondary, .text-on-band-muted { color:#12161C !important; }

/* Compare view (VIBRANT-PASS §9.3): with the compare dialog open, only its table prints, A4 landscape, headers repeated. */
@page compare { size:A4 landscape; margin:10mm; }
body:has([data-compare-dialog][data-state="open"]) > :not(:has([data-compare-dialog])) { display:none !important; }
body:has([data-compare-dialog][data-state="open"]) [data-dialog-overlay] { display:none !important; }
[data-compare-dialog][data-state="open"] {
  page:compare; position:static !important; inset:auto !important; transform:none !important; translate:none !important;
  width:100% !important; max-width:none !important; height:auto !important; max-height:none !important; border:0 !important; animation:none !important;
}
[data-compare-dialog] [data-dialog-body], [data-compare-dialog] [data-compare-scroll] { overflow:visible !important; max-height:none !important; padding:0 !important; }
[data-compare-dialog] thead { display:table-header-group; }
[data-compare-dialog] thead, [data-compare-dialog] th { position:static !important; }
[data-compare-dialog] tr { break-inside:avoid; }
[data-compare-dialog] [data-compare-thumb] { width:64px !important; height:64px !important; }
[data-compare-dialog] [data-quote], [data-compare-dialog] [data-quote-layout], [data-compare-dialog] [data-compare-remove],
[data-compare-dialog] [data-compare-toggle], [data-compare-dialog] [data-dialog-close], [data-compare-dialog] button { display:none !important; }