/* ==========================================================================
   Bechster Synthwave · print
   Indlæses med media="print". Lys palet, ingen scene/glød/scanlinjer,
   chrome-titler og logo bevares i farver, link-adresser vises efter linkteksten.
   ========================================================================== */

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

/* Lys palet uanset valgt tema: light-dark() vælger den lyse værdi */
:root, :root[data-theme] { color-scheme: light; }

html { font-size: 10pt; }
body {
	display: block;
	min-height: 0;
	background: #fff !important;
	color: var(--ink);
	font: 400 1rem/1.55 var(--f-body);
	orphans: 3;
	widows: 3;
}

/* Ingen bevægelse, glød eller dybde på papir. Fjerner også scroll-reveal-starttilstande. */
*, *::before, *::after {
	animation: none !important;
	transition: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	backdrop-filter: none !important;
}
.card, .tile, .btn, .chip { transform: none !important; rotate: none !important; scale: none !important; }

/* ---------- Skjul det, der kun giver mening på skærm ---------- */
body::before, body::after,
.skip-link, .horizon, .progress, .scene, .floor,
.menu-btn, .site-nav, .tools,
.filters, .pagination, .postnav, .page-links, .share,
.wp-block-buttons, .hero .actions, .about-actions,
.feeds, .section:has(.feeds), .section-head .link-arrow,
.section:has(#h-rel), /* relaterede indlæg */
.spine, /* kassettens ryg er dekoration */
.social, .vhs::before, .vhs::after { display: none !important; }

/* ---------- Header: kun logo ---------- */
.site-header {
	position: static;
	background: none;
	border: 0;
	border-bottom: 0.5pt solid var(--line);
	margin-bottom: 8mm;
}
.site-header .bar { min-height: 0; padding-block: 0 3mm; }
.brand { font-size: 14pt; }

/* ---------- Typografi ---------- */
.wrap { width: auto; max-width: none; margin: 0; }
h1, h2, h3, h4 { break-after: avoid; page-break-after: avoid; }
h1, .page-head h1, .hero h1 { font-size: 28pt; line-height: 1; }
.section-title { font-size: 18pt; }
.prose h2, .entry-content h2 { font-size: 15pt; margin-top: 1.6em; }
h3, .entry-title { font-size: 12pt; }
p, li { max-width: none; }
.kicker { color: var(--mag); }
.intro, .ingress, .lede { font-size: 12pt; color: var(--ink); }

/* Chrome-titler og logo beholder gradient, outline og 3D – men ikke glød */
.chrome, .brand-word, .stat b {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	filter: var(--outline) var(--extrude);
}
.brand-sun, .mini-sun { filter: none; }

/* ---------- Sektioner og layout ---------- */
.hero { padding: 0 0 6mm; overflow: visible; }
.page-head, .single-head { padding-block: 0 6mm; }
.section { padding-block: 8mm 0; }
main { flex: none; }

/* ---------- Kort og billeder ---------- */
.card, .tile, .stat, .bechster-now__item, .bechster-contact, .bechster-skills, .bechster-stats > li {
	background: none !important;
	border: 0.5pt solid var(--line);
	break-inside: avoid;
	page-break-inside: avoid;
}
.grid-cards, .portfolio-grid { gap: 4mm; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card-body { padding: 3mm; }
figure, img, blockquote, pre, table, .wp-block-image, .wp-block-gallery { break-inside: avoid; page-break-inside: avoid; }
img { max-height: 95mm; width: auto; max-width: 100%; object-fit: cover; }
.card img, .tile img { max-height: 32mm; width: 100%; }
.vhs { background: none; }
.chip { background: none !important; }

/* Blogarkiv: kassetteomslaget flyder som almindelig tekst */
.jcard { display: block; overflow: visible; border: 0; background: none !important; }
.jcard-main { padding: 0; }
.tracks > li { break-inside: avoid; page-break-inside: avoid; }

/* ---------- Brødtekst ---------- */
.prose, .entry-content { max-width: none; font-size: 1rem; line-height: 1.6; }
.prose blockquote, .entry-content blockquote { background: none !important; }
pre, .wp-block-code {
	white-space: pre-wrap !important;
	overflow-wrap: anywhere;
	background: none !important;
	color: var(--ink) !important;
	border: 0.5pt solid var(--line);
	font-size: 8.5pt;
}
pre *, .wp-block-code * { color: inherit !important; }

/* Link-adresser efter eksterne links i tekst, så de kan bruges på papir */
:is(.prose, .entry-content, .author) a[href^="http"]:not(.wp-block-button__link)::after {
	content: " (" attr(href) ")";
	font-size: 0.8em;
	color: var(--muted);
	overflow-wrap: anywhere;
}
a { color: inherit; text-decoration-thickness: 0.5pt; }

/* ---------- Om-side og designguide: farver er indhold ---------- */
.bar-v, .bar-v::after, .bechster-skills__bar, .bechster-skills__bar::after, .swatch .chips span, .g-dot, .g-pair > * {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

/* ---------- Footer ---------- */
.site-footer {
	margin-top: 10mm;
	padding-top: 3mm;
	border-top: 0.5pt solid var(--line);
	overflow: visible;
	break-inside: avoid;
}
.footer-inner { display: block; }
.footer-inner > * + * { margin-top: 1.5mm; }
.footer-brand { font-size: 11pt; }
.colophon { font-size: 8pt; color: var(--muted); break-inside: avoid; page-break-inside: avoid; }
.colophon a { text-decoration: none; }
.colophon .print-url { display: block !important; flex-basis: 100%; margin-top: 1mm; font: 8pt var(--f-mono); color: var(--muted); overflow-wrap: anywhere; }