/* ==========================================================================
   Biscuit print
   --------------------------------------------------------------------------
   How a page prints. Loaded with media="print", after biscuit.css, so a
   browser fetches it without holding up the page. The rules keep their
   @media print wrapper, which changes nothing here and keeps them print-only
   if the file is ever loaded another way.

   From style.css, "PRINT STYLES", moved here October 13, 2026, phase 5 of the
   stylesheet reorganization.
   ========================================================================== */

@media print {	
	
	/* --- PAGE STYLES --- */
	
	@page {
		size: letter portrait;
		margin: 0.65in;
	}
	
	html, body {
		background: #fff !important;
		color: #000 !important;
		width: auto !important;
		height: auto !important;
	}
	
	/* Remove Bootstrap container max widths that can cause odd breaks */

	/* --- TYPOGRAPHY --- */
	
	body {
		font-size: 11pt !important;
		line-height: 1.35 !important;
	}
	h1, h1 span, .h1,
	h2, h2 span, .h2,
	h3, h3 span, .h3,
	h4, h4 span, .h4,
	h5, h5 span, .h5,
	h6, h6 span, .h6 {
		color: #000 !important;
		page-break-after: avoid;
		break-after: avoid-page;
	}
	h1 {
		font-size: 24pt !important;
	}
	h2 {
		font-size: 20pt !important;
	}
	h3 {
		font-size: 16pt !important;
	}
	p, li, blockquote {
		orphans: 3;
		widows: 3;
	}
	/* Avoid lonely headings at bottom of page */
	h1, h2, h3, h4 {
		orphans: 3;
		widows: 3;
	}
	
	/* --- LINKS --- */
	
	a,
	a:visited {
		color: #000 !important;
		text-decoration: underline !important;
	}
	/* Print URLs after links (skip anchors, javascript, tel, mailto) */
	a[href^="http"]:not([href*="biscuitstudios.com"])::after,
	a[href^="http"][href*="biscuitstudios.com"]::after {
		content: " (" attr(href) ")";
		color: #666 !important;
		font-size: 9pt;
		text-transform: none !important;
		word-break: break-word;
	}
	a[href^="#"]::after,
	a[href^="javascript:"]::after,
	a[href^="tel:"]::after,
	a[href^="mailto:"]::after {
		content: "";
	}
	a:not(.btn) {
		text-decoration: underline;
		text-decoration-color: #000;
	}
	/* A button's label stays centered, as on screen. Its text-align: left never applied while
	   print sat before biscuit.css, and was taken out when print moved after it, phase 5,
	   October 13, 2026 (Jason). Footer links now print their addresses like every other link. */
	.btn {
		color: #000;
		border-color: #000;
		font-size: 11pt;
		text-transform: none;
	}
	  
	/* --- THEME STYLES --- */

	.white-bg,
	.gray-bg,
	.primary-bg,
	.secondary-bg,
	.tertiary-bg,
	.black-bg {
		background-color: #fff !important;
		padding-top: 0.18in !important;
		padding-bottom: 0.18in !important;
	}

	.quote {
		background: none !important;
		color: #000 !important;
		font-size: 14pt !important;
		font-style: italic !important;
		text-align: center !important;
		border-top: 1px solid gray !important;
		border-bottom: 1px solid gray !important;
		margin: 0 auto !important;
		padding-top: 0.18in !important;
		padding-bottom: 0.18in !important;
		max-width: 100% !important;
		overflow: visible !important;
	}
	.quote p {
		color: #000 !important;
	}
	/* ul, ol, dl, .card  {
		page-break-after: avoid;
		wrapper-break-inside: avoid;
	} */
	.wp-caption-text {
		font-size: 8pt;
	}

	/* --- BOOTSTRAP STYLES --- */
	
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
	}
	abbr[title]::after {
		content: " (" attr(title) ")";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #adb5bd;
		page-break-inside: avoid;
	}
	tr, img, svg, figure {
		max-width: 100% !important;
		height: auto !important;
		page-break-inside: avoid;
		break-inside: avoid;
	  }
	/* Remove background images that waste ink, but keep content images */
	[style*="background-image"] {
		background-image: none !important;
	}

	/* Bootstrap tables */
	table {
		width: 100% !important;
		border-collapse: collapse !important;
		margin: 0.15in 0 !important;
		font-size: 9.5pt !important;
	}
	thead {
		display: table-header-group;
	}
	tfoot {
		display: table-footer-group;
	}
	th, td {
		background-color: #fff !important;
		border: 1px solid #dee2e6 !important;
		padding: 6px 8px !important;
		vertical-align: top !important;
		text-align: left !important;
		word-break: break-word;
		overflow-wrap: anywhere;
	}
	/* Bootstrap table helpers */

	/* Critical: make .table-responsive print the table instead of clipping it */

}