/*
 * print.css - Print-specific styles for StoryWeave.
 *
 * Hides on-screen chrome (header, navigation, sidebar, footer, comments,
 * dark mode) that has no place on a printed page, forces readable
 * light-background/dark-text colors regardless of the visitor's dark mode
 * preference, and expands the content area to use the full printable width.
 *
 * This file is purely additive: it is only loaded for the print media type
 * (see wp_enqueue_style() in functions.php) and does not alter or override
 * any on-screen ("all"/"screen") styling in style.css.
 */

/* --- Hide on-screen-only chrome --- */
.skip-link,
.site-header,
.main-navigation,
.header-actions,
.dark-mode-toggle,
.widget-area.sidebar,
.site-footer,
.comments-area,
.post-navigation,
.page-links,
.search-form {
	display: none !important;
}

/* --- Force a readable light background regardless of dark mode --- */
html,
body,
.dark-mode,
.dark-mode body {
	background: #fff !important;
	color: #000 !important;
}

/* --- Expand content to the full printable width now the sidebar is hidden --- */
.container,
.content-area,
.single-post .entry-content,
.page .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

/* --- Typography tuned for the printed page --- */
body {
	font-size: 12pt;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	color: #000 !important;
	page-break-after: avoid;
}
p, blockquote, ul, ol, table {
	page-break-inside: avoid;
}
a,
a:visited {
	color: #000 !important;
	text-decoration: underline;
}

/* --- Show the destination URL after external links, a standard print
   convention, since a printed page cannot be clicked --- */
.entry-content a[href^="http"]::after {
	content: " (" attr(href) ")";
	font-size: 0.85em;
	font-weight: normal;
	word-break: break-all;
}

/* --- Images should never overflow the printed page --- */
img {
	max-width: 100% !important;
	page-break-inside: avoid;
}

/* --- Featured images and block patterns lose their decorative backgrounds
   and shadows, which waste ink and rarely reproduce well on paper --- */
.post-thumbnail,
.wp-block-group {
	box-shadow: none !important;
	background: none !important;
}