/* page-title-bar (archive, category, author-excluded, search, obituaries,
   shoutouts, 404, page). Loaded everywhere except front-page/single-post/
   author (which use hero or author-profile-header instead). Slice 4. */

/* Figma: full-width bar, left accent strip. Uses align:full + constrained
   layout so the heading naturally aligns with the 1200px content column.
   Accent color: set --title-bar-accent on .page-title-bar to override per-template
   or per-page. Defaults to primary (teal). */
.page-title-bar {
	--title-bar-accent: var(--wp--preset--color--primary);
	background-color: var(--wp--preset--color--surface-alt);
	border-bottom: 1px solid var(--wp--preset--color--border-light);
	padding-top: 32px;
	padding-bottom: 32px;
}

.page-title-bar__heading {
	position: relative;
	padding-left: 1.25rem;
}

.page-title-bar__heading::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 48px;
	background: var(--title-bar-accent);
	border-radius: 3px;
}

@media (max-width: 767px) {

	.page-title-bar__heading::before {
		width: 4px;
		height: 32px;
		border-radius: 2px;
	}
}