/* print.css - Emir (M1)

   Print sheet for the shared pages, linked with media="print".
   Hides the chrome (nav, toggle, footer, buttons, decorative
   stuff), forces plain black-on-white even if the visitor was
   in darkroom mode, and stacks everything in one column.
   Portfolios get their own print sheets; this one covers
   the group pages and the report screenshots. */

/* out-specifies the dark token block in tokens.css */
:root, [data-theme="dark"] {
    --bg: #ffffff;
    --surface: #ffffff;
    --text: #000000;
    --muted: #444444;
    --accent: #333333;
    --accent-hover: #000000;
    --accent-text: #000000;
    --hairline: #bbbbbb;
    --track: #eeeeee;
    --btn-bg: #333333;
    --btn-text: #ffffff;
}

body { background: #ffffff; color: #000000; }

.skip-link,
.site-header,
.site-footer,
.hero-actions,
.test-strip,
.test-strip-caption,
.cta-band .btn,
input,
select,
textarea,
button {
    display: none;
}

.wrap { max-width: 100%; padding: 0; }
.page-section { padding: 1.2rem 0 0; border-top: 0; }

/* grids collapse to one column on paper */
.services-grid,
.quotes,
.visit-grid,
.process-rail {
    grid-template-columns: 1fr;
    gap: 12px;
}

.card, .quote, .shelf, .cta-band {
    border: 1px solid #999999;
    background: #ffffff;
}

/* nothing animates on paper */
*, *::before, *::after {
    animation: none !important;
    transition: none !important;
}

/* don't split these across page breaks */
.card, .quote, .process-step, .stock-chip {
    break-inside: avoid;
    page-break-inside: avoid;
}

a { color: #000000; }
