/**
 * Print stylesheet for single-combinations.php — enqueued with
 * media="print" (medallion_enqueue_assets(), functions.php), so none of
 * this ever touches the on-screen page. It only takes effect once the
 * browser is actually printing, which is exactly what the "Save selections
 * to PDF" button triggers (assets/js/single-combinations.js calls
 * window.print(); the visitor picks "Save as PDF" as the dialog's
 * destination to get an actual file — see that file's doc comment for why
 * this is a print stylesheet + the browser's native print dialog rather
 * than a server-generated PDF).
 *
 * Everything here is about the two things paper can't do that a screen
 * can: nothing on it is clickable, and there's no room to scroll — so
 * anything whose only job is navigation or a call to action gets dropped,
 * and the cards get sized/laid out to actually fit on a printed page
 * without splitting a card across two.
 */

@media print {

	/* Chrome that only makes sense on a screen — nothing on paper can be
	   clicked, so the site nav, footer, and this page's own "Find a new …"
	   / "Save selections to PDF" controls would just be dead ink. */
	.site-header,
	.site-footer,
	.combo-selection-cta,
	.combo-save-pdf-wrap,
  .lets-make-it-real {
		display: none !important;
	}

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

	/* The print letterhead — style.css hides .print-logo (inc/print-logo.php,
	   header.php) everywhere by default, since the real .site-header has no
	   background of its own yet and a plain-white SVG would be invisible
	   sitting on white. Turned back on here, on a dark block of its own
	   (--footer-bg — the same black already used for .site-footer, so this
	   isn't introducing a new one-off brand color) so the white mark actually
	   shows up at the top of the printed page. */
	.print-logo {
		display: block;
		background: var(--footer-bg, #000000);
		padding: 1.25rem 1.5rem;
		text-align: center;
	}

	.print-logo svg {
		width: 9.5rem;
		height: auto;
	}

	/* The masthead's gray fill is a screen affordance (separating it from
	   the page background) that just wastes toner on paper — drop the fill,
	   keep the title. */
	.room-header-bar {
		background: none;
		padding: 0 0 1rem;
	}

	.combo-selections {
		max-width: 100%;
		padding: 0;
	}

	.combo-selections-heading {
		color: #000000;
	}

	.combo-selection-card {
		/* Each card stands on its own — never let a page break fall inside
		   one and split a photo from its label across two printed pages. */
		break-inside: avoid;
		page-break-inside: avoid;
		border: 1px solid #999999;
		margin-bottom: 0.75rem;
		padding: 1rem;
	}

	.combo-selection-media img {
		width: 5rem;
	}

	.combo-selection-label {
		color: #000000;
	}

	.combo-selection-value {
		color: #000000;
	}

	a {
		color: #000000;
		text-decoration: none;
	}

	@page {
		margin: 1.5cm;
	}
}