/* Panthera City global Kadence header — one visual system on every surface. */
:root {
	--pcfc-header-navy: #00152f;
	--pcfc-header-blue: #0866f5;
	--pcfc-header-hover: #68a4ff;
}

#masthead,
#masthead .site-main-header-wrap,
#masthead .site-header-row-container-inner,
#masthead .site-header-row-container-inner > .site-container,
#masthead .kadence-sticky-header.item-is-fixed:not(.item-is-stuck),
#masthead .kadence-sticky-header.item-is-stuck {
	background: var(--pcfc-header-navy) !important;
}

#masthead .main-navigation .primary-menu-container > ul > li > a,
#masthead .main-navigation .primary-menu-container > ul > li > .dropdown-nav-toggle,
#masthead .site-header-item,
#masthead .header-menu-container,
#masthead .menu-toggle-open {
	color: #fff !important;
}

#masthead .main-navigation .primary-menu-container > ul > li > a:hover,
#masthead .main-navigation .primary-menu-container > ul > li.menu-item-has-children:hover > a {
	color: var(--pcfc-header-hover) !important;
}

#masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a,
#masthead .main-navigation .primary-menu-container > ul > li.current-menu-ancestor > a {
	color: var(--pcfc-header-blue) !important;
}

#masthead .sub-menu {
	border: 1px solid rgba(104, 164, 255, .25) !important;
	background: #071b38 !important;
	box-shadow: 0 18px 40px rgba(0, 8, 24, .3) !important;
}

#masthead .sub-menu a {
	color: #fff !important;
}

#masthead .sub-menu a:hover,
#masthead .sub-menu .current-menu-item > a {
	background: var(--pcfc-header-blue) !important;
	color: #fff !important;
}

#mobile-drawer .drawer-inner,
#mobile-drawer .drawer-content,
.popup-drawer .drawer-inner {
	background: var(--pcfc-header-navy) !important;
}

#mobile-drawer a,
#mobile-drawer .drawer-header,
#mobile-drawer .drawer-toggle,
#mobile-drawer .dropdown-nav-toggle {
	color: #fff !important;
}

#mobile-drawer a:hover,
#mobile-drawer .current-menu-item > a,
#mobile-drawer .current-menu-ancestor > a {
	color: var(--pcfc-header-hover) !important;
}

@media (max-width: 1024px) {
	#masthead .site-main-header-inner-wrap {
		min-height: 72px;
	}

	#masthead .menu-toggle-open {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(255, 255, 255, .24);
		border-radius: 6px;
		background: rgba(255, 255, 255, .06) !important;
	}
}