/*
 * Print layout for the child theme (live audit 2026-10-25, I-3: the regulatory pages printed
 * unreadably). Loaded as its own media="print" stylesheet (functions.php), after css/custom.css,
 * and kept by WP Rocket's Remove Unused CSS through rocket_rucss_external_exclusions
 * (inc/asset-hygiene.php), the same way as the parent theme's print.css.
 *
 * The parent twentytwenty/print.css still applies (Georgia 13pt body, page margins, heading
 * page-break rules, " < url > " after absolute links in the content). It hides only
 * twentytwenty's own header/footer classes, which this theme does not use, so this file hides
 * the child theme's site chrome and lets the content flow from the top of page 1.
 *
 * !important: under RUCSS the screen rules of custom.css arrive as an inline <style> whose place
 * in <head> is WP Rocket's to choose, so source order cannot be relied on to win ties.
 *
 * CSS only: no page wording changes (the governance, privacy and terms pages are SRA-relevant).
 */

/* Site chrome. The header is hidden rather than made static: its logo is a CSS background image,
   which browsers leave out of print by default, so a static header would print as an empty band
   of buttons and nav. The firm's identity prints in the page title and the statutory footer line. */
header.mainheader,
.menuIcon,
.mainNav,
.requestCall.callBlkHeader,
.overlay,
.footerWrap .requestCall,
.footerDesc,
.footerLogo,
.btnStyle1,
.btnStyle2,
.cky-consent-container,
.cky-modal,
.cky-overlay,
.cky-btn-revisit-wrapper,
#chat-widget-container {
	display: none !important;
}

/* Black text on white; normal block flow (screen uses a full-height flex body). */
body {
	display: block !important;
	min-height: 0 !important;
	background: #fff !important;
	color: #000 !important;
}

/* The screen layout leaves 170px at the top for the fixed header and a bottom margin for the
   footer form overlap; neither exists in print. */
.contentArea {
	margin: 0 !important;
}

/* Page title band: dark background with white text on screen; backgrounds do not print. */
.innerbanner2 {
	background: none !important;
	color: #000 !important;
	padding: 0 0 0.5cm !important;
}
.innerbanner2 h1 {
	color: #000 !important;
	margin: 0 !important;
}

/* Footer: keep the copyright and the statutory company / SRA line, readable on white. */
.footerWrap,
.footerWrap .copyright,
.footerBottom,
.footerBottom a {
	background: none !important;
	color: #000 !important;
}
.footerWrap {
	margin-top: 1cm;
	border-top: 1px solid #000;
}
.footerBottom {
	border-top: 0 !important;
	padding: 0 !important;
}

/* Keep each heading with the text that follows it, and avoid lone lines at page edges. */
h1,
h2,
h3,
h4,
h5,
h6 {
	break-after: avoid-page;
	page-break-after: avoid;
	break-inside: avoid;
	page-break-inside: avoid;
}
/* Some page headings carry pasted inline font sizes (e.g. a 48px span inside an h3 on
   /privacy-policy/) while the heading keeps a fixed px line-height, so the glyphs overflow the
   heading's box and a sliver printed at the foot of the previous page. A unitless line-height
   scales with whatever size the text inside has. */
.contentArea h1,
.contentArea h2,
.contentArea h3,
.contentArea h4,
.contentArea h5,
.contentArea h6 {
	line-height: 1.25 !important;
}
p,
li {
	orphans: 3;
	widows: 3;
}
