/* MGI portal menu bar — Option A (v2).
   Loaded site-wide after style.css. Wordmark unchanged; slimmer navy bar with a gold bottom line,
   normal-case links with a gold underline on the current page, and an account menu on the right. */

/* Gold line under the bar (all sizes) */
.site-header {
	border-bottom: 3px solid #C8952E !important;
}

/* ---------- Desktop ---------- */
@media only screen and (min-width: 960px) {

	.site-header > .wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
		min-height: 60px;
	}
	.site-header > .wrap::before,
	.site-header > .wrap::after { display: none !important; }

	.site-header .title-area {
		float: none;
		padding-top: 0;
		padding-bottom: 0;
	}

	.site-header .nav-primary,
	.js .site-header .nav-primary {
		float: none;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		align-self: stretch;
		display: flex !important;
	}
	.site-header .nav-primary > .wrap { display: flex; align-items: stretch; }

	.site-header .genesis-nav-menu {
		display: flex;
		align-items: stretch;
		clear: none;
		width: auto;
		height: 60px;
		margin: 0;
	}
	.site-header .genesis-nav-menu > .menu-item {
		display: flex;
		align-items: stretch;
	}

	/* Links: normal case, gold underline when active */
	.site-header .genesis-nav-menu > .menu-item > a {
		display: flex;
		align-items: center;
		padding: 0 16px !important;
		font-family: 'Poppins', sans-serif;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0;
		text-transform: none;
		color: #FFFFFF !important;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent !important;
		background: transparent !important;
	}
	/* Hover: faint white line, so only the current page gets gold */
	.site-header .genesis-nav-menu > .menu-item > a:hover,
	.site-header .genesis-nav-menu > .menu-item > a:focus {
		border-bottom-color: rgba(255, 255, 255, .35) !important;
	}
	.site-header .genesis-nav-menu > .current-menu-item > a,
	.site-header .genesis-nav-menu > .current-menu-ancestor > a,
	.site-header .genesis-nav-menu > .current_page_item > a {
		border-bottom-color: #C8952E !important;
	}

	/* Account menu */
	.site-header .mgi-acct {
		position: relative;
		align-items: center !important;
		margin-left: 16px;
	}
	.site-header .mgi-acct-menu {
		position: absolute;
		right: 0;
		top: calc(100% + 6px);
		min-width: 200px;
		background: #FFFFFF;
		border: 1px solid #E3DED3;
		border-radius: 8px;
		box-shadow: 0 10px 24px rgba(27, 41, 68, .18);
		z-index: 10000;
	}
}

/* ---------- Account button (all sizes) ---------- */
.site-header .mgi-acct { list-style: none; }
.site-header .mgi-acct-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 5px 12px 5px 5px !important;
	min-height: 0;
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, .35) !important;
	border-radius: 999px !important;
	color: #FFFFFF !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	line-height: 1.2;
	box-shadow: none !important;
	cursor: pointer;
}
.site-header .mgi-acct-btn:hover,
.site-header .mgi-acct-btn:focus,
.site-header .mgi-acct-btn[aria-expanded="true"] {
	border-color: #C8952E !important;
}
.site-header .mgi-acct-btn:focus-visible { outline: 2px solid #C8952E; outline-offset: 2px; }
.site-header .mgi-acct-av {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #D3BDA0;
	color: #1B2944;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.site-header .mgi-acct-caret { font-size: 10px; opacity: .8; }

.site-header .mgi-acct-menu {
	list-style: none;
	margin: 0;
	padding: 6px 0;
}
.site-header .mgi-acct-menu[hidden] { display: none !important; }
.site-header .mgi-acct-menu a,
.site-header .genesis-nav-menu .mgi-acct-menu a {
	display: block;
	padding: 10px 16px !important;
	color: #1B2944 !important;
	background: transparent !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	border: 0 !important;
}
.site-header .mgi-acct-menu a + a { border-top: 1px solid #F0EBE1 !important; }
/* Invisible bridge over the gap between the button and the menu */
.site-header .mgi-acct-menu::before { content: ''; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.site-header .mgi-acct-menu a:hover,
.site-header .mgi-acct-menu a:focus { background: #FBF6EC !important; }

/* ---------- Phone / tablet (Genesis responsive menu) ---------- */
@media only screen and (max-width: 959px) {
	.site-header .genesis-nav-menu a { text-transform: none; letter-spacing: 0; }
	.site-header .mgi-acct { padding: 10px 0; }
	.site-header .mgi-acct-menu {
		position: static;
		margin-top: 8px;
		background: #FFFFFF;
		border-radius: 8px;
	}
}

/* Focus ring only for keyboard users (no white box on mouse clicks) */
.site-header .genesis-nav-menu a:focus,
.site-header .mgi-acct-btn:focus { outline: none !important; }
.site-header .genesis-nav-menu a:focus-visible,
.site-header .mgi-acct-menu a:focus-visible { outline: 2px solid #C8952E !important; outline-offset: -2px; }