/* Loaded only for is_page( 'victory' ). Every selector also requires its body class.
 * Keep AdamWP's header layout, sticky behavior and admin-bar offsets intact. */
body.np-victory-transparent-header .site-wrapper > header.header-area {
	color: #fff;
	background: transparent;
	border-bottom-color: rgba(255, 255, 255, .14);
	box-shadow: 0 4px 22px rgba(8, 13, 24, .12);
}

body.np-victory-transparent-header .site-wrapper > header.header-area .header-middle-area {
	color: #fff;
	background: rgba(24, 29, 38, .88);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	body.np-victory-transparent-header .site-wrapper > header.header-area .header-middle-area {
		background: rgba(24, 29, 38, .68);
		-webkit-backdrop-filter: saturate(130%) blur(10px);
		backdrop-filter: saturate(130%) blur(10px);
	}
}

/* The existing black logo is monochrome; preserve its original dimensions. */
body.np-victory-transparent-header .site-wrapper > header.header-area .logo .navbar-brand img {
	filter: brightness(0) invert(1);
}

body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu li a,
body.np-victory-transparent-header .site-wrapper > header.header-area .welcome-block,
body.np-victory-transparent-header .site-wrapper > header.header-area .welcome-block a,
body.np-victory-transparent-header .site-wrapper > header.header-area .mobile-menu a,
body.np-victory-transparent-header .site-wrapper > header.header-area .mean-container .mean-nav a {
	color: #fff;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu li:hover > a,
body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu li a:focus-visible,
body.np-victory-transparent-header .site-wrapper > header.header-area .welcome-block a:hover {
	color: #c8ddff;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu li ul {
	background: rgba(24, 29, 38, .97);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 12px 28px rgba(8, 13, 24, .2);
}

/* Keep keyboard access to the theme's existing dropdown structure. */
body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu li:focus-within > ul {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

body.np-victory-transparent-header .site-wrapper > header.header-area a:focus-visible {
	outline: 2px solid #c8ddff;
	outline-offset: 4px;
}

/* MeanMenu creates these elements on tablet/mobile; its open/close logic stays intact. */
body.np-victory-transparent-header .site-wrapper > header.header-area .mean-container .mean-bar {
	background: transparent;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .mean-container a.meanmenu-reveal {
	color: #fff;
	border-color: rgba(255, 255, 255, .65);
}

body.np-victory-transparent-header .site-wrapper > header.header-area .mean-container a.meanmenu-reveal span {
	background: #fff;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .mean-container .mean-nav {
	background: rgba(24, 29, 38, .97);
}

body.np-victory-transparent-header .site-wrapper > header.header-area .mean-container .mean-nav ul li a {
	border-top-color: rgba(255, 255, 255, .16);
}

body.np-victory-transparent-header .site-wrapper > header.header-area .mean-container .mean-nav ul li a:hover,
body.np-victory-transparent-header .site-wrapper > header.header-area .mean-container .mean-nav ul li a:focus-visible {
	background: rgba(255, 255, 255, .1);
}

/* Override the theme's uppercase menu treatment only on the Victory page. */
body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu li a,
body.np-victory-transparent-header .site-wrapper > header.header-area .mobile-menu a,
body.np-victory-transparent-header .site-wrapper > header.header-area .mean-container .mean-nav a {
	text-transform: lowercase;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .np-victory-account-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	vertical-align: middle;
	flex: 0 0 auto;
	border-radius: 50%;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .np-victory-account-icon img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

/* Offset the larger desktop icon with less item padding to retain the header height. */
body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu > li.np-victory-account-menu-item {
	padding-top: 7px;
	padding-bottom: 7px;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu > li.np-victory-account-menu-item > a {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	vertical-align: middle;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu .np-victory-account-icon {
	width: 48px;
	height: 48px;
	margin-right: 0;
}

/* The label remains available to screen readers and remains visible in mobile menus. */
body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu .np-victory-account-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu > li.np-victory-account-menu-item > a::before {
	display: none;
}

body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu > li.np-victory-account-menu-item > a:hover .np-victory-account-icon,
body.np-victory-transparent-header .site-wrapper > header.header-area .main-menu > li.np-victory-account-menu-item > a:focus-visible .np-victory-account-icon {
	box-shadow: 0 0 0 3px rgba(200, 221, 255, .3);
}