/**
 * Luna header — loads after parent header-style-one.css
 */

:root {
	--site-header-infobar-height: 0px;
	--site-header-nav-height: 0px;
	--site-header-stack-height: 0px;
	--site-header-admin-offset: 0px;
	--site-header-transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	--luna-nav-hover-color: #d1d1d1;
}

/* --------------------------------------------------------------------------
   Layout: natural scroll stack
   -------------------------------------------------------------------------- */
#header-container.site-header-root {
	position: relative;
	z-index: 100;
	width: 100%;
}

.header-section-one.site-header-stack,
#header-container .header-section-one.site-header-stack {
	position: relative;
	width: 100%;
	padding: 0 !important;
	margin: 0;
}

.header-section-one .site-header-infobar,
.header-section-one #header_infobar.info-bar {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: 100%;
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	overflow: visible !important;
	z-index: 1;
}

.header-section-one .site-header-nav,
.header-section-one #mastser-header {
	position: relative !important;
	top: auto !important;
	width: 100%;
	z-index: 2;
	background: transparent !important;
}

.header-section-one #mastser-header > nav.navbar {
	width: 100%;
}

.header-section-one #mastser-header.is-sticky-menu,
.header-section-one #mastser-header.is-sticky-on {
	position: relative !important;
	top: auto !important;
	animation: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* --------------------------------------------------------------------------
   Landing: overlay on hero + fully transparent menu bar
   (overrides header-style-one white navbar + white link tiles)
   -------------------------------------------------------------------------- */
body.luna-landing-header #header-container.site-header-root {
	position: absolute;
	top: var(--site-header-admin-offset, 0);
	left: 0;
	right: 0;
	z-index: 1000;
	background: transparent !important;
}

body.luna-landing-header #header-container .header-section-one #mastser-header,
body.luna-landing-header #header-container .header-section-one #mastser-header.site-header-nav {
	background: transparent !important;
	background-color: transparent !important;
}

body.luna-landing-header #header-container .header-section-one nav.navbar.navbar-expand-lg,
body.luna-landing-header #header-container .header-section-one #mastser-header > nav.navbar,
body.luna-landing-header #header-container .header-section-one nav.navbar.navbar-overlay,
body.luna-landing-header #header-container .header-section-one nav.navbar.navbar-light {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	--bs-navbar-bg: transparent;
}

body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li > a,
body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li > a.nav-link,
body.luna-landing-header #header-container .header-section-one ul.menu-right-list li > button {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background: transparent !important;
	background-color: transparent !important;
	color: #fff !important;
	text-shadow: none;
	padding: 30px 14px !important;
	line-height: 23px !important;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	letter-spacing: 0.06em;
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li.dropdown > a {
	padding-right: 24px !important;
}

body.luna-landing-header #header-container .header-section-one .logo.navbar-brand {
	padding: 10px 20px;
	border-radius: 8px;
}

body.luna-landing-header #header-container .header-section-one .logo a {
	color: #fff;
}

body.luna-landing-header #header-container .header-section-one .dropdown-menu {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0;
}

body.luna-landing-header #header-container #mastser-header .dropdown-menu li:not(:last-child) {
	border-bottom: none !important;
}

body.luna-landing-header #header-container #mastser-header .navbar-nav .dropdown-menu li a,
body.luna-landing-header #header-container .header-section-one .dropdown-menu .dropdown-item {
	color: #fff !important;
	padding: 8px 30px !important;
	background: transparent !important;
	background-color: transparent !important;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	letter-spacing: 0.06em;
	border: none !important;
}

body.luna-landing-header #header-container #mastser-header .navbar-nav .dropdown-menu > li:hover > a,
body.luna-landing-header #header-container #mastser-header .navbar-nav .dropdown-menu > li:focus > a,
body.luna-landing-header #header-container #mastser-header .navbar-nav .dropdown-menu > li.active > a,
body.luna-landing-header #header-container .header-section-one .dropdown-menu .dropdown-item:hover,
body.luna-landing-header #header-container .header-section-one .dropdown-menu .dropdown-item:focus,
body.luna-landing-header #header-container .header-section-one .dropdown-menu .dropdown-item.active {
	background: transparent !important;
	background-color: transparent !important;
	color: #d4a762 !important;
}

body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li > a::after,
body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li > a.nav-link::after {
	width: 6px;
	height: 6px;
	min-width: 6px;
	min-height: 6px;
	background-color: var(--white-color) !important;
	display: inline-block !important;
	content: "" !important;
	transform: rotate(-45deg);
	position: relative;
	top: 0;
	left: 10px;
	flex-shrink: 0;
	margin-left: 10px;
}

body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li > a:hover,
body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li.active > a,
body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li:hover > a {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--hg-primary) !important;
}

body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li > a:hover::after,
body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li:hover > a::after,
body.luna-landing-header #header-container .header-section-one #mastser-header .navbar-nav > li.active > a::after {
	background-color: var(--hg-primary) !important;
}

body.luna-landing-header #header-container .header-section-one ul.menu-right-list li > button:hover {
	background: transparent !important;
	color: var(--hg-primary) !important;
}

body.luna-landing-header #header-container .header-section-one .main-menu-right .menu-right-list li button {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}


/* --------------------------------------------------------------------------
   Pinned nav clone (scroll)
   -------------------------------------------------------------------------- */
.luna-pinned-nav {
	position: fixed;
	top: var(--site-header-admin-offset);
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99998;
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		transform var(--site-header-transition),
		opacity var(--site-header-transition),
		visibility var(--site-header-transition);
}

body.is-nav-pinned .luna-pinned-nav {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.luna-pinned-nav .luna-pinned-nav__bar,
.luna-pinned-nav nav.navbar {
	background-color: var(--hg-primary) !important;
	box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);
}

.luna-pinned-nav nav.navbar > .container {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.luna-pinned-nav .navbar-collapse {
	display: flex !important;
	flex-basis: auto;
	flex-grow: 1;
	align-items: center;
	justify-content: flex-end;
	overflow: visible !important;
}

.luna-pinned-nav .navbar-nav {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0;
	padding: 0;
}

.luna-pinned-nav .navbar-nav > li {
	display: flex;
	align-items: stretch;
}



/* Pinned menu links — same layout/spacing as header-style-one + landing */
.luna-pinned-nav .navbar-nav > li > a,
.luna-pinned-nav .navbar-nav > li > a.nav-link {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 30px 20px !important;
	line-height: 23px !important;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	letter-spacing: 0.06em;
	color: var(--white-color) !important;
	background: transparent !important;
	background-color: transparent !important;
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

/* Diamond indicator — white like text; light grey on hover */
.luna-pinned-nav .navbar-nav > li > a::after,
.luna-pinned-nav .navbar-nav > li > a.nav-link::after {
	width: 6px;
	height: 6px;
	min-width: 6px;
	min-height: 6px;
	background-color: var(--white-color) !important;
	display: inline-block !important;
	content: "" !important;
	transform: rotate(-45deg);
	position: relative;
	top: 0;
	left: 10px;
	flex-shrink: 0;
	margin-left: 10px;
}

.luna-pinned-nav .navbar-nav > li > a:hover,
.luna-pinned-nav .navbar-nav > li:hover > a,
.luna-pinned-nav .navbar-nav > li.active > a,
.luna-pinned-nav .navbar-nav > li > a:focus {
	background: transparent !important;
	background-color: transparent !important;
	color: #d1d1d1 !important;
}

.luna-pinned-nav .navbar-nav > li > a:hover::after,
.luna-pinned-nav .navbar-nav > li:hover > a::after,
.luna-pinned-nav .navbar-nav > li.active > a::after,
.luna-pinned-nav .navbar-nav > li > a:focus::after {
	background-color: #d1d1d1 !important;
}

.luna-pinned-nav .logo.navbar-brand {
	padding: 10px 20px;
}

.luna-pinned-nav .custom-logo {
	width: auto;
	height: auto;
	max-width: 100%;
}

.luna-pinned-nav ul.menu-right-list {
	display: flex;
	flex-direction: row;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

.luna-pinned-nav .menu-right-list li > button {
	padding: 30px 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	color: var(--white-color) !important;
	background: transparent !important;
	border: none;
}

.header-section-one header .navbar {
	padding-top: 10px;
}

/* Search toggle: centered icon in circle (main menu only) */
.header-section-one .main-menu-right .menu-right-list .search-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-section-one .main-menu-right .menu-right-list .search-item .header-search-toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 45px !important;
	height: 45px !important;
	line-height: 1 !important;
	padding: 0 !important;
	text-align: center;
}

.header-section-one .main-menu-right .menu-right-list .search-item .header-search-toggle i.fa {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1em;
	height: 1em;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	top: 0;
}

body.luna-landing-header #header-container .header-section-one .search-item .header-search-toggle {
	background: rgba(255, 255, 255, 0.15) !important;
	box-shadow: none !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

/* Pinned menu: no search */
.luna-pinned-nav .search-item,
.luna-pinned-nav .main-menu-right .search-item {
	display: none !important;
}

.luna-pinned-nav nav.navbar > .container {
	margin-left: 0;
	margin-right: auto;
}

/* --------------------------------------------------------------------------
   Dropdown submenus — main + pinned (position under parent, no item bg on hover)
   -------------------------------------------------------------------------- */
.header-section-one #mastser-header > nav.navbar,
.luna-pinned-nav nav.navbar,
.header-section-one #mastser-header .navbar-nav,
.luna-pinned-nav .navbar-nav,
.header-section-one #mastser-header .navbar-nav > li.dropdown,
.luna-pinned-nav .navbar-nav > li.dropdown {
	overflow: visible;
}

.header-section-one #mastser-header .navbar-nav > li.dropdown,
.luna-pinned-nav .navbar-nav > li.dropdown {
	position: relative !important;
}

.luna-pinned-nav .navbar-nav {
	position: relative;
}

@media (min-width: 992px) {
	.header-section-one #mastser-header .navbar-nav > li.dropdown > .dropdown-menu,
	.luna-pinned-nav .navbar-nav > li.dropdown > .dropdown-menu,
	.navbar-expand-lg .header-section-one #mastser-header .navbar-nav .dropdown-menu,
	.navbar-expand-lg .luna-pinned-nav .navbar-nav .dropdown-menu {
		display: none;
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: auto !important;
		bottom: auto !important;
		margin: 0 !important;
		margin-top: 0 !important;
		padding: 0 !important;
		min-width: 100%;
		width: max-content;
		max-width: none;
		border-radius: 0 !important;
		transform: none !important;
		transform-origin: top left !important;
	}

	/* Pinned nav specific - ensure proper positioning context */
	.luna-pinned-nav .navbar-nav > li.dropdown > .dropdown-menu {
		top: 100% !important;
		transform: none !important;
	}

	.header-section-one #mastser-header .navbar-nav > li.dropdown:hover > .dropdown-menu,
	.header-section-one #mastser-header .navbar-nav > li.dropdown:focus-within > .dropdown-menu,
	.luna-pinned-nav .navbar-nav > li.dropdown:hover > .dropdown-menu,
	.luna-pinned-nav .navbar-nav > li.dropdown:focus-within > .dropdown-menu {
		display: block;
		transform: none !important;
		z-index: 99999;
	}

	/* Pinned nav: nested dropdowns (submenus) appear below, not to the right */
	.luna-pinned-nav .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu {
		display: none;
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: auto !important;
		margin-top: 0 !important;
	}

	.luna-pinned-nav .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown:hover > .dropdown-menu,
	.luna-pinned-nav .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown:focus-within > .dropdown-menu {
		display: block;
		z-index: 99999;
	}
}

/* Dropdown panel */
.header-section-one #mastser-header .navbar-nav > li.dropdown > .dropdown-menu,
.luna-pinned-nav .navbar-nav > li.dropdown > .dropdown-menu {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

body.luna-landing-header #header-container .header-section-one .dropdown-menu,
.luna-pinned-nav .dropdown-menu {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.header-section-one #mastser-header .navbar-nav > li.dropdown > .dropdown-menu li:not(:last-child),
.luna-pinned-nav .navbar-nav > li.dropdown > .dropdown-menu li:not(:last-child),
#mastser-header .navbar-nav .dropdown-menu li:not(:last-child) {
	border-bottom: none !important;
}

/* Dropdown items */
.header-section-one #mastser-header .navbar-nav .dropdown-menu li a,
.header-section-one #mastser-header .navbar-nav .dropdown-menu .dropdown-item,
.luna-pinned-nav .navbar-nav .dropdown-menu li a,
.luna-pinned-nav .navbar-nav .dropdown-menu .dropdown-item,
body.luna-landing-header #header-container #mastser-header .navbar-nav .dropdown-menu li a,
body.luna-landing-header #header-container .header-section-one .dropdown-menu .dropdown-item {
	padding: 9px 14px !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	letter-spacing: 0.06em;
	display: flex;
	align-items: center;
}

.header-section-one #mastser-header .navbar-nav .dropdown-menu li a,
.header-section-one #mastser-header .navbar-nav .dropdown-menu .dropdown-item,
.luna-pinned-nav .navbar-nav .dropdown-menu li a,
.luna-pinned-nav .navbar-nav .dropdown-menu .dropdown-item {
	color: var(--white-color) !important;
	background-color: var(--hg-primary) !important;
}

/* Inner pages (non-landing): white text on gold/white context — keep readable */
body:not(.luna-landing-header) .header-section-one #mastser-header .navbar-nav .dropdown-menu li a,
body:not(.luna-landing-header) .header-section-one #mastser-header .navbar-nav .dropdown-menu .dropdown-item {
	color: var(--hg-secondary, #01012f) !important;
}

body:not(.luna-landing-header) .header-section-one #mastser-header .navbar-nav > li.dropdown > .dropdown-menu {
	background-color: var(--white-color) !important;
	box-shadow: 0 6px 12px rgb(0 0 0 / 10%) !important;
}

body.luna-landing-header #header-container #mastser-header .navbar-nav .dropdown-menu li a,
body.luna-landing-header #header-container .header-section-one .dropdown-menu .dropdown-item {
	color: #fff !important;
}

/* Hover: main header (non-landing pages) uses primary color */
body:not(.luna-landing-header) .header-section-one #mastser-header .dropdown-menu > li:hover > a,
body:not(.luna-landing-header) .header-section-one #mastser-header .dropdown-menu > li:focus > a,
body:not(.luna-landing-header) .header-section-one #mastser-header .dropdown-menu > li.active > a,
body:not(.luna-landing-header) .header-section-one #mastser-header .navbar-nav .dropdown-menu .dropdown-item:hover,
body:not(.luna-landing-header) .header-section-one #mastser-header .navbar-nav .dropdown-menu .dropdown-item:focus,
body:not(.luna-landing-header) .header-section-one #mastser-header .navbar-nav .dropdown-menu .dropdown-item.active {
	background-color: transparent !important;
	color: #d4a762 !important;
}

/* Additional fallback selectors */
body:not(.luna-landing-header) #mastser-header .dropdown-menu > li:hover > a,
body:not(.luna-landing-header) #mastser-header .dropdown-menu > li:focus > a,
body:not(.luna-landing-header) #mastser-header .dropdown-menu > li.active > a,
body:not(.luna-landing-header) #mastser-header .navbar-nav .dropdown-menu li a:hover,
body:not(.luna-landing-header) #mastser-header .navbar-nav .dropdown-menu .dropdown-item:hover {
	background-color: transparent !important;
	color: #d4a762 !important;
}

/* Hover: pinned nav keeps hg-primary bg, uses light grey text */
.luna-pinned-nav .dropdown-menu > li:hover > a,
.luna-pinned-nav .dropdown-menu > li:focus > a,
.luna-pinned-nav .dropdown-menu > li.active > a,
.luna-pinned-nav .navbar-nav .dropdown-menu .dropdown-item:hover,
.luna-pinned-nav .navbar-nav .dropdown-menu .dropdown-item:focus,
.luna-pinned-nav .navbar-nav .dropdown-menu .dropdown-item.active {
	color: var(--luna-nav-hover-color) !important;
}

/* --------------------------------------------------------------------------
   Mobile menu — match pinned nav style (gold bg, white text, grey hover)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {

	/* Hide pinned nav clone on mobile */
	.luna-pinned-nav {
		display: none !important;
	}

	/* Hide "view all" button on mobile */
	.view-all-btn {
		display: none !important;
	}

	/* Mobile menu panel — gold background */
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-collapse {
		background-color: var(--hg-primary) !important;
	}

	/* Top-level nav links — white text on gold */
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav > li > a {
		color: var(--white-color) !important;
		padding: 12px 15px !important;
	}

	/* Hide diamond indicator on mobile */
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav > li > a::after,
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav > li > a.nav-link::after {
		display: none !important;
	}

	/* Top-level hover/focus/active — white text (override landing header gold) */
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav > li > a:hover,
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav > li:hover > a,
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav > li.active > a,
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav > li > a:focus {
		color: var(--white-color) !important;
		background: transparent !important;
		background-color: transparent !important;
	}

	/* Caret button — white on mobile */
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .caret,
	body.luna-landing-header #header-container .header-section-one
		#mastser-header li .caret {
		color: var(--white-color) !important;
	}

	/* Dropdown panel — gold bg with subtle top border */
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav > li.dropdown > .dropdown-menu {
		background-color: var(--hg-primary) !important;
		border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
		box-shadow: none !important;
	}

	/* Dropdown items — white text */
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav .dropdown-menu li a,
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav .dropdown-menu .dropdown-item {
		color: var(--white-color) !important;
		background-color: var(--hg-primary) !important;
		padding: 10px 30px !important;
	}

	/* Dropdown item hover — white text */
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav .dropdown-menu > li:hover > a,
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav .dropdown-menu > li:focus > a,
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav .dropdown-menu .dropdown-item:hover,
	body.luna-landing-header #header-container .header-section-one
		#mastser-header .navbar-nav .dropdown-menu .dropdown-item:focus {
		color: var(--white-color) !important;
		background-color: rgba(255, 255, 255, 0.1) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.luna-pinned-nav {
		transition: none;
	}
}