/*
	PRINTABLE SYSTEM
	Loaded site-wide from header_app.php. Every rule is scoped to body:has(.printable),
	so a page without a .printable region prints exactly as it always has.

	To make a page print as a flyer:
		.printable   wrap the ONE region that should print. Site chrome and everything
		             marked .noprint is removed. Design the region to fit inside
		             7.7in x 10.2in (letter minus the 0.4in @page margin).
		.noprint     never prints. Forms, nav, buttons, dev links, follow-up content.
		.printonly   hidden on screen, appears only on paper. QR codes, "call to RSVP",
		             anything that only makes sense once it is on a wall.

	Chrome is removed with display:none rather than visibility:hidden so the hidden
	content cannot reserve height and push blank sheets out of the printer.
*/

@media screen
{
	.printonly { display: none !important; }
}

@media print
{
	@page { size: 8.5in 11in; margin: 0.4in; }

	body:has(.printable) .noprint,
	body:has(.printable) .unprintable,
	body:has(.printable) .developer_d,
	body:has(.printable) header.site-header,
	body:has(.printable) .site-footer,
	body:has(.printable) .site-footer-copyright,
	body:has(.printable) #impersonate_banner,
	body:has(.printable) #impersonate_change
	{
		display: none !important;
	}

	body:has(.printable)
	{
		background: white;
		margin: 0;
		padding: 0;
	}

	body:has(.printable) .printable
	{
		width: 100%;
		max-width: none;
		margin: 0;
		page-break-after: avoid;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.printonly { display: block !important; }

	.printable a
	{
		text-decoration: none;
		color: inherit;
	}
}