/* BlueWave Eyebrow — small label text shown above headings.
   Scope: .bw-eyebrow (plus optional .bw-eyebrow__rule for the accent line).
   All values below are defaults — every property is also wired to Elementor
   controls so editors can override per-instance. */

.bw-eyebrow {
	/* Brand defaults — match the sample HTML supplied in the brand kit. */
	font-family: Alike, "Cooper BT", Georgia, "Times New Roman", serif;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 0.18em;
	color: #255373;
	line-height: 1.4;
	white-space: normal;

	/* Layout — when an accent rule is enabled the eyebrow becomes a flex row
	   so the rule + text + rule align on a single baseline. */
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}

/* Without an accent rule, render as plain inline-block so it sits naturally
   above a heading without forcing a row layout. */
.bw-eyebrow.bw-eyebrow--none {
	display: block;
}

.bw-eyebrow__text {
	display: inline-block;
}

.bw-eyebrow__link {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 150ms ease, color 150ms ease;
}
.bw-eyebrow__link:hover,
.bw-eyebrow__link:focus-visible {
	border-bottom-color: currentColor;
}

/* Accent rule — short horizontal bar shown before, after, or on both sides. */
.bw-eyebrow__rule {
	display: inline-block;
	flex: 0 0 auto;
	width: 28px;
	height: 1px;
	background-color: #255373;
}