/*
 * Reading Page template (page-templates/reading-page.php).
 *
 * 1. Title band: Blocksy's full-width page title ("Type 2"). It spans the
 *    browser, the H1 is centered inside the site width, and a 1px rule in the
 *    site's line color runs under it edge to edge. No background, and only as
 *    tall as the title needs.
 * 2. Text column: about 65-75 characters per line at the site's 16px body
 *    size, centered under the title.
 */

body.bacmart-reading-page {
	--bacmart-reading-width: 720px;
}

/* 1. Title band */

body.bacmart-reading-page .hero-section[data-type="type-2"] {
	--alignment: center;
	--vertical-alignment: center;
	--min-height: 0px;
	--container-padding: 56px 0 48px;
	background: transparent;
	border-bottom: 1px solid var(--theme-palette-color-5, #d9dadc);
}

body.bacmart-reading-page .hero-section[data-type="type-2"] .page-title {
	margin: 0;
	font-size: clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem); /* 28px on phones up to the site's 40px H1 */
	line-height: 1.3;
	text-wrap: balance;
}

@media (max-width: 689.98px) {
	body.bacmart-reading-page .hero-section[data-type="type-2"] {
		--container-padding: 36px 0 32px;
	}
}

/* 2. Text column */

body.bacmart-reading-page .entry-content.is-layout-constrained > :not(.alignfull):not(.alignwide) {
	max-width: var(--bacmart-reading-width);
	margin-left: auto;
	margin-right: auto;
}

body.bacmart-reading-page .entry-content.is-layout-constrained {
	--theme-block-max-width: var(--bacmart-reading-width);
}

/* 3. Title Band Page template (page-templates/title-band-page.php): the same
      title band, but the content keeps the full site width. */

body.bacmart-title-band-page {
	--bacmart-reading-width: var(--theme-normal-container-max-width, 1290px);
}