:root {
	--bn-header-dark: #063b2a;
	--bn-header-mid: #0f4f3c;
	--bn-gold: #f0c929;
	--bn-gold-hover: #ffe566;
	--bn-text-muted: rgba(255, 255, 255, 0.72);
}

/* --- Header --- */
#header .header-main {
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

#header .header-bottom {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

#header .header-social-icons .social-icons a[href="http://url"],
#header .header-social-icons .social-icons a[href="https://url"],
#header .header-social-icons .social-icons a.twitter {
	display: none !important;
}

#header .header-social-icons .social-icons {
	gap: 4px;
}

#header .header-social-icons .social-icons a {
	width: 30px;
	height: 30px;
	min-height: 30px;
	line-height: 30px;
	opacity: 0.82;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

#header .header-social-icons .social-icons a:hover {
	opacity: 1;
	transform: translateY(-1px);
}

#header .header-button .button {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	min-width: 124px;
	height: 38px !important;
	line-height: 34px !important;
	padding: 0 16px !important;
}

#header .header-button .button.alert {
	background: linear-gradient(180deg, #ef4444 0%, #c62828 100%) !important;
	border: none !important;
	box-shadow: 0 2px 10px rgba(239, 68, 68, 0.35);
	color: #fff !important;
}

#header .header-button .button.alert:hover {
	filter: brightness(1.06);
}

#header .header-button .button.success {
	background: transparent !important;
	border: 2px solid var(--bn-gold) !important;
	color: var(--bn-gold) !important;
	box-shadow: none;
}

#header .header-button .button.success:hover {
	background: rgba(240, 201, 41, 0.14) !important;
	color: var(--bn-gold-hover) !important;
	border-color: var(--bn-gold-hover) !important;
}

#header .header-bottom-nav.nav-pills > li > a {
	transition: background-color 0.2s ease, color 0.2s ease;
}

#header .header-bottom-nav.nav-pills > li.active > a,
#header .header-bottom-nav.nav-pills > li > a:hover,
#header .header-bottom-nav.nav-pills > li > a:focus {
	background-color: rgba(240, 201, 41, 0.16) !important;
	color: var(--bn-gold) !important;
}

#header.stuck .header-main {
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

@media (max-width: 849px) {
	#header .header-social-icons {
		display: none !important;
	}

	#header .header-main {
		height: 64px !important;
	}

	#header #logo img {
		max-height: 52px !important;
	}

	#header .header-bottom .mobile-nav .header-button .button {
		font-size: 10px !important;
		min-width: auto !important;
		padding: 0 10px !important;
		height: 32px !important;
		line-height: 28px !important;
	}
}

/* --- Breadcrumb (synced with header) --- */
.bn-breadcrumbs-wrap {
	background: linear-gradient(180deg, var(--bn-header-mid) 0%, var(--bn-header-dark) 100%);
	border-bottom: 1px solid rgba(0, 0, 0, 0.22);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.04);
}

.bn-breadcrumbs-inner {
	max-width: 1170px;
	margin: 0 auto;
	padding: 11px 15px;
}

.bn-breadcrumbs-wrap .rank-math-breadcrumb p {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--bn-text-muted);
}

.bn-breadcrumbs-wrap .rank-math-breadcrumb a {
	color: var(--bn-gold);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s ease;
}

.bn-breadcrumbs-wrap .rank-math-breadcrumb a:hover {
	color: #fff;
	text-decoration: underline;
}

.bn-breadcrumbs-wrap .rank-math-breadcrumb .separator {
	color: rgba(255, 255, 255, 0.35);
	margin: 0 7px;
}

.bn-breadcrumbs-wrap .rank-math-breadcrumb .last {
	color: #fff;
	font-weight: 600;
}

/* Dark inner pages: seamless transition from breadcrumb */
#main.dark-page-wrapper {
	background-color: var(--bn-header-dark);
}

#main.dark-page-wrapper .blog-wrapper,
#main.dark-page-wrapper .page-wrapper {
	background-color: transparent;
}

/* --- Footer: sync link text to white --- */
#footer .ux-menu-link__link,
#footer .ux-menu-link__text {
	color: #fff !important;
	transition: color 0.2s ease;
}

#footer .ux-menu-link__link:hover,
#footer .ux-menu-link__link:hover .ux-menu-link__text {
	color: var(--bn-gold) !important;
}

#footer .ux-menu--divider-solid .ux-menu-link {
	border-color: rgba(255, 255, 255, 0.14) !important;
}

#footer ul li a {
	color: #fff !important;
}

#footer ul li a:hover {
	color: var(--bn-gold) !important;
}

/* Keep accent links in contact column */
#footer ul li a[style*="#ffc107"],
#footer ul li a[style*="#ffff00"],
#footer ul li a[style*="rgb(255, 193, 7)"],
#footer ul li a[style*="rgb(255, 255, 0)"] {
	color: #ffc107 !important;
}

#footer ul li a[style*="#ffff00"]:hover,
#footer ul li a[style*="rgb(255, 255, 0)"]:hover {
	color: var(--bn-gold-hover) !important;
}

#footer .copyright-footer {
	color: rgba(255, 255, 255, 0.75);
}