/* ═══════════════════════════════════════════════════════════════════════════
   PRINT — the payoff. Now with the brand on it.
   ---------------------------------------------------------------------------
   The logo is added via CSS background-image, not markup, because the page
   content lives in the database. Source: bgw-hospital-print.css.

   IMPORTANT: every current logo asset is LIGHT (lum 207–253) because the brand
   is designed for the dark nav rgb(43,42,40). On white paper the real logo
   would print as blank space. babygearwise-logo-print.png is a dark-ink build
   of the same mark (lum 58), generated from the scaled logo by scaling its RGB
   while keeping alpha and hue — same shape, same green footprints.

   Modes (set on <html> by the tool's JS):
     .hbc-print-all     every item, already-packed ones shown pre-ticked
     .hbc-print-left    only what is still unpacked
   ═════════════════════════════════════════════════════════════════════════ */

.bgw-hospital .hbc-printhead { display: none; }
.bgw-hospital .hbc-printfoot { display: none; }

@media print {
	@page { margin: 13mm 12mm 15mm; }

	/* ---------- strip the site chrome ---------- */
	header, nav, footer, .contentinfo, .site-header, .site-footer,
	.bgw-pseo .toc, .bgw-pseo .breadcrumb, .bgw-pseo .hero,
	#when, #faq, #next, #faqwrap,
	.bgw-hospital .hbc-meter,
	.bgw-hospital .hbc-buy,
	.bgw-hospital .hbc-hint,
	.bgw-hospital .hbc-tip,
	.bgw-hospital .hbc-note,
	.bgw-hospital .hbc-btn { display: none !important; }

	html, body {
		background: #fff !important;
		color: #14201a !important;
		font-size: 10pt !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	.bgw-hospital, .bgw-hospital .hbc-card, .bgw-hospital .hbc-card * {
		background: #fff !important;
		color: #14201a !important;
		box-shadow: none !important;
	}
	.bgw-hospital .hbc-card { padding: 0 !important; border: 0 !important; }

	/* ---------- masthead ---------- */
	.bgw-hospital .hbc-printhead {
		display: block !important;
		padding: 0 0 9pt !important;
		margin: 0 0 14pt !important;
		border-bottom: 2.4pt solid rgb(86,122,102) !important;
	}
	.bgw-hospital .hbc-printhead::before {
		content: "" !important;
		display: block !important;
		width: 150pt !important;
		height: 40pt !important;
		margin: 0 0 8pt !important;
		background-image: url("../../uploads/2026/02/babygearwise-logo-print.png") !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
		background-size: contain !important;
	}
	.bgw-hospital .hbc-printhead strong {
		display: block !important;
		font-size: 16pt !important;
		font-weight: 700 !important;
		letter-spacing: -0.01em !important;
		color: #14201a !important;
	}
	.bgw-hospital .hbc-printhead span {
		display: block !important;
		font-size: 8.5pt !important;
		color: #4a5a52 !important;
		margin-top: 2pt !important;
	}

	/* ---------- categories ---------- */
	.bgw-hospital .hbc-cat { margin: 0 0 13pt !important; }
	.bgw-hospital .hbc-cathead {
		break-after: avoid;
		border-bottom: 1pt solid rgb(86,122,102) !important;
		padding: 0 0 3.5pt !important;
		margin: 0 0 5pt !important;
	}
	.bgw-hospital .hbc-cathead h3 {
		font-size: 11.5pt !important;
		font-weight: 700 !important;
		letter-spacing: 0.01em !important;
		color: #14201a !important;
	}
	.bgw-hospital .hbc-catn { font-size: 8.5pt !important; color: #4a5a52 !important; }
	.bgw-hospital .hbc-catdesc { display: none !important; }

	/* ---------- rows ---------- */
	.bgw-hospital .hbc-row {
		break-inside: avoid;
		display: grid !important;
		grid-template-columns: 14pt 1fr auto !important;
		gap: 6pt !important;
		align-items: start !important;
		padding: 3.4pt 0 !important;
		border-bottom: 0.4pt solid #d8ded9 !important;
		cursor: default !important;
	}
	.bgw-hospital .hbc-tick {
		width: 10.5pt !important;
		height: 10.5pt !important;
		margin: 1pt 0 0 !important;
		border: 1pt solid #14201a !important;
		border-radius: 1.5pt !important;
		background: #fff !important;
	}
	.bgw-hospital .hbc-tick svg { display: none !important; }
	.bgw-hospital .hbc-nm {
		font-size: 10pt !important;
		font-weight: 600 !important;
		color: #14201a !important;
		text-decoration: none !important;
		display: block !important;
	}
	.bgw-hospital .hbc-desc {
		font-size: 8.4pt !important;
		color: #4a5a52 !important;
		margin: 0.5pt 0 0 !important;
		line-height: 1.35 !important;
		display: block !important;
	}
	.bgw-hospital .hbc-qty {
		font-size: 8.4pt !important;
		background: none !important;
		border: 0.5pt solid rgb(86,122,102) !important;
		color: #14201a !important;
		padding: 0 3.5pt !important;
		border-radius: 2pt !important;
	}
	.bgw-hospital .hbc-badge {
		font-size: 7pt !important;
		font-weight: 700 !important;
		letter-spacing: 0.06em !important;
		background: none !important;
		color: #14201a !important;
		border: 0.5pt solid #9aa8a0 !important;
		padding: 0 3pt !important;
		border-radius: 2pt !important;
	}
	.bgw-hospital .hbc-badge.essential { border-color: rgb(86,122,102) !important; }
	.bgw-hospital .hbc-right { gap: 2.5pt !important; }

	/* already-packed rows print pre-ticked */
	.hbc-print-all .bgw-hospital .hbc-row.packed .hbc-tick::after {
		content: "\2713" !important;
		font-size: 9pt !important;
		line-height: 1 !important;
		color: rgb(86,122,102) !important;
		font-weight: 700 !important;
	}
	.hbc-print-all .bgw-hospital .hbc-row.packed .hbc-nm { color: #6b7a72 !important; }

	/* ---------- footer block ---------- */
	.bgw-hospital .hbc-card::after {
		content: "" !important;
		display: block !important;
		margin-top: 18pt !important;
		padding-top: 11pt !important;
		border-top: 2.4pt solid rgb(86,122,102) !important;
		height: 34pt !important;
		background-image: url("../../uploads/2026/02/babygearwise-logo-print.png") !important;
		background-repeat: no-repeat !important;
		background-position: left top !important;
		background-size: contain !important;
	}

	/* ---------- "only what is left" ---------- */
	.hbc-print-left .bgw-hospital .hbc-row.packed { display: none !important; }
	.hbc-print-left .bgw-hospital .hbc-cat.packed-done { display: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   SUPERSEDED BY THE SHARED PRINT SYSTEM.
   This sheet was written before bgw-print.css existed and drew its own
   masthead logo (.hbc-printhead::before) and footer (.hbc-card::after). Both
   now duplicate the shared masthead/footer, so the page printed two logos and
   two rules. Neutralised here rather than deleted, so the file still documents
   what it used to do.
   ═══════════════════════════════════════════════════════════════════════════ */
@media print {
	.bgw-hospital .hbc-card::after {
		content: none !important;
		background: none !important;
		border: 0 !important;
		height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		display: none !important;
	}
	.bgw-hospital .hbc-printhead,
	.bgw-hospital .hbc-printhead::before { display: none !important; content: none !important; }

	/* the shared footer already supplies the rule above the logo */
	.bgw-hospital .hbc-card { border-bottom: 0 !important; }
}