/* page-title-band — Figma 243:715: the divider bar (white, shadow) with the
   page title (Figma text style "כותרת מאמרים", Heebo Regular 64) between two
   gold lines. Shares the bar's look with .divider (style.css). */

.page-title-band {
	position: relative; /* paints over the hero box that runs on underneath */
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-8);
	padding-block: var(--space-band);
	padding-inline: var(--gutter);
	background: var(--color-white);
	box-shadow: var(--shadow-bar);
}

.page-title-band__line {
	flex: 1 1 0;
	min-inline-size: var(--space-16); /* a long title wraps before the lines disappear */
	max-inline-size: 21.875rem; /* lint-ok: 350px — the Figma line length, a cap not a size */
	border-block-start: 2px solid var(--color-primary);
}

.page-title-band__title {
	flex: 0 1 auto;
	font-size: var(--fs-850);
	font-weight: var(--fw-regular);
	color: var(--color-ink);
	text-align: center;
	text-wrap: balance;
}

@media (max-width: 767px) { /* bp: --bp-md — the title needs the whole bar */
	.page-title-band__line {
		display: none;
	}
}

/* Articles archive (Figma 243:506): the section-title look — Light 96,
   tracked — in the standard 131px divider bar, 24px gaps. */
.page-title-band--section {
	gap: var(--space-6);
	padding-block: var(--space-divider);
}

.page-title-band--section .page-title-band__title {
	font-size: var(--fs-900);
	font-weight: var(--fw-light);
}