/*
 * Pizza Ranch Manuals: printing a page with the browser's own Print command.
 * (BetterDocs' Print button uses its own window; see section 11 of
 * betterdocs.css.) This file is loaded with media="print".
 */

/*
 * Margins come from two places on purpose. Most browsers honor the @page
 * margin. Some (older Safari, and printing from an iPad or iPhone) ignore it
 * and print to the paper's edge, where the printer clips. The padding on the
 * body keeps the content clear of the edge in that case. Together they add
 * up to 0.75in when both apply.
 */
@page {
	margin: 0.45in;
}

html body {
	margin: 0 !important;
	padding: 0.3in !important;
}

/* Everything that is navigation or a control stays off the paper */
header.wp-block-template-part,
footer.wp-block-template-part,
#wpadminbar,
.betterdocs-sidebar,
.sticky-toc-container,
.betterdocs-toc,
.betterdocs-search-modal-layout-1,
[id="betterdocs-search-modal"],
.betterdocs-search-form-wrapper,
.betterdocs-breadcrumb,
.betterdocs-doc-meta,
.betterdocs-tags,
.betterdocs-article-reactions-box,
.betterdocs-social-share,
.docs-navigation,
.betterdocs-print-pdf,
.betterdocs-print-pdf-2,
.batterdocs-anchor {
	display: none !important;
}

/* Columns that only held the sidebar or the table of contents */
.wp-block-column:has(> .betterdocs-sidebar),
.wp-block-column:has(.sticky-toc-container):not(:has(.betterdocs-content)) {
	display: none !important;
}

.wp-block-columns {
	display: block !important;
}

.wp-block-column {
	width: 100% !important;
	flex-basis: 100% !important;
}

.wp-site-blocks .has-global-padding {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* The logo: black artwork, top left of page one */
.prm-print-logo {
	display: block !important;
	width: 1.83in;
	height: auto;
	margin: 0 0 18pt;
}

/* Content runs the full width of the paper, flush with the logo */
.wp-site-blocks,
.wp-site-blocks > *,
.wp-site-blocks main,
.wp-site-blocks .wp-block-group {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.wp-site-blocks .is-layout-constrained > * {
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

body {
	background: #ffffff !important;
	color: #231f20 !important;
	font-size: 12pt !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-post-title,
.betterdocs-content h2,
.betterdocs-content h3,
.betterdocs-content h4,
.betterdocs-category-title {
	color: #231f20 !important;
	break-after: avoid;
}

p,
li,
td,
.betterdocs-content p,
.betterdocs-content li,
.betterdocs-content td {
	color: #231f20 !important;
	font-size: 12pt !important;
}

a:not(.wp-element-button),
.betterdocs-content a:not(.batterdocs-anchor):not(.wp-element-button) {
	color: inherit !important;
	text-decoration: none !important;
}

.wp-block-table th,
.betterdocs-content .wp-block-table th {
	border: 0.5pt solid #231f20 !important;
	border-bottom: 1.5pt solid #231f20 !important;
	background: none !important;
	color: #231f20 !important;
}

.wp-block-table td,
.betterdocs-content .wp-block-table td {
	border: 0.5pt solid #231f20 !important;
}

tr,
li,
figure {
	break-inside: avoid;
}

/* Browsers drop background fills on paper, so the alert becomes an outline */
.is-style-allergen-alert,
p.has-background[style*="c300ff" i] {
	border: 2pt solid #c300ff;
	background: none !important;
	color: #231f20 !important;
}

.betterdocs-updated-date-wrapper,
.update-date {
	padding-left: 0 !important;
	color: #231f20 !important;
}