/**
 * core/post-title: the title band of the plain page and blog index templates (policies, sitemap).
 *
 * Loaded only on pages that use the block (functions.php), right after assets/css/ollie-bridge.css,
 * from which these rules moved in 0.23.0 (section numbers kept).
 *
 * @package ip-ollie-child
 * @author  Inverse Paradox
 */

/* 6. Title band used by the child templates (page, single, index). */
.ip-title-band {
	position: relative;
	overflow: hidden;
}
.ip-title-band::after {
	/* thin accent bar along the bottom edge, in the page accent */
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 3px;
	background: var(--ip-red);
}
.ip-title-band .wp-block-post-title,
.ip-title-band h1 {
	color: var(--ip-white, #fff);
	max-width: 22ch;
}
.ip-title-band .ip-eyebrow a {
	color: inherit;
	text-decoration: none;
}

/* 32. Title band (policy pages, sitemap, plain pages): the dark grey-navy used across the site, no red
   rule under it (owner, 0.14.4). */
.ip-title-band.ip-title-band {
	background-color: var(--ip-ink-2, #1d2939) !important;
}
.ip-title-band.ip-title-band::after {
	content: none !important;
	display: none !important;
}

/* 45. 0.21.0 (owner): the plain-page title band (policies, sitemap) is a narrow banner: the same title
   type as every other banner (ip-display scale), the honeycomb pattern behind it, and less height. */
.ip-title-band.ip-title-band {
	padding-top: clamp(3rem, 6vw, 5rem) !important;
	padding-bottom: clamp(2.5rem, 5vw, 4rem) !important;
	padding-inline: max(var(--ip-gutter, 1.5rem), calc((100% - var(--ip-max, 80rem)) / 2 + var(--ip-gutter, 1.5rem))) !important;
	isolation: isolate;
}
.ip-title-band.ip-title-band::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='150' viewBox='0 0 84 150'%3E%3Cpath d='M42 99L0 75V24L42 0l42 24v51L42 99v51' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");
	background-size: 84px 150px;
	background-position: center top;
	opacity: 0.055;
}
.ip-title-band.ip-title-band > * {
	max-width: none !important;
	margin-inline: 0 !important;
}
.ip-title-band.ip-title-band .wp-block-post-title,
.ip-title-band.ip-title-band h1 {
	font-size: clamp(3rem, 6vw + 0.5rem, 6.5rem) !important;
	font-weight: 300;
	letter-spacing: -0.035em;
	line-height: 0.98;
	max-width: 22ch;
	margin: 0;
}