/* JM Custom Header Styling — CSS-only, Bricks structure untouched */

:root {
	--jm-blue: #2E75B6;
	--jm-orange: #D95929;
}

#brx-header {
	position: sticky;
	top: 0;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

#brx-header .brx-nav-nested-items {
	gap: 28px;
	align-items: center;
}

#brx-header .brxe-text-link {
	position: relative;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	color: #1a1a1a;
	padding: 8px 4px;
	transition: color 0.2s ease;
}

#brx-header .brxe-text-link::after {
	content: '';
	position: absolute;
	left: 4px;
	right: 4px;
	bottom: 2px;
	height: 2px;
	background-color: var(--jm-orange);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s ease;
}

#brx-header .brxe-text-link:hover,
#brx-header .brxe-text-link[aria-current='page'] {
	color: var(--jm-orange);
}

#brx-header .brxe-text-link:hover::after {
	transform: scaleX(1);
}

#brx-header .brxe-logo img {
	transition: transform 0.2s ease;
}

#brx-header .brxe-logo:hover img {
	transform: scale(1.03);
}

/* CTA button styling (e.g. .jm-cta-publish) intentionally omitted for now —
   no CTA element currently exists in the live header markup. */