:root {
	--arcane-accent: #00d4ff;
	--arcane-header-bg: rgba(5, 8, 16, 0.82);
	--arcane-header-border: rgba(0, 212, 255, 0.14);
	--arcane-header-text: #e8edf8;
}

body:not(.wp-admin) .site-branding img {
	width: auto;
	height: auto;
	max-height: none;
}

body:not(.wp-admin) .main-navigation .primary-menu-container > ul > li.menu-item > a,
body:not(.wp-admin) .mobile-navigation ul li > a,
body:not(.wp-admin) .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
	font-family: 'DM Sans', sans-serif;
}

body:not(.wp-admin) .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container > ul > li > a::after {
	left: 0.7em;
	right: 0.7em;
	width: auto;
	bottom: 0;
	height: 2px;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.22s ease;
}

body:not(.wp-admin) .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container > ul > li > a:hover::after,
body:not(.wp-admin) .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container > ul > li.current-menu-item > a::after,
body:not(.wp-admin) .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container > ul > li.current-menu-ancestor > a::after,
body:not(.wp-admin) .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container > ul > li.current-page-ancestor > a::after,
body:not(.wp-admin) .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container > ul > li.current-page-parent > a::after {
	transform: scaleX(1);
}

body:not(.wp-admin) .popup-drawer .drawer-inner {
	background: rgba(5, 8, 16, 0.96);
	color: var(--arcane-header-text);
}

body.arcane-page #masthead,
body.arcane-page #mobile-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: transparent;
	box-shadow: none;
	transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
}

body.arcane-page.admin-bar #masthead,
body.arcane-page.admin-bar #mobile-header {
	top: 32px;
}

body.arcane-page #masthead .site-header-row-container-inner,
body.arcane-page #mobile-header .site-header-row-container-inner {
	background: transparent;
	border-bottom: 1px solid transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.arcane-page #masthead.scrolled .site-header-row-container-inner,
body.arcane-page #mobile-header.scrolled .site-header-row-container-inner {
	background: var(--arcane-header-bg);
	border-bottom-color: var(--arcane-header-border);
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

body.arcane-page #masthead .site-container,
body.arcane-page #mobile-header .site-container {
	max-width: 1200px;
}

@media (max-width: 782px) {
	body.arcane-page.admin-bar #masthead,
	body.arcane-page.admin-bar #mobile-header {
		top: 46px;
	}
}

@media (max-width: 719px) {
	body:not(.wp-admin) .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container > ul > li > a::after {
		left: 0.55em;
		right: 0.55em;
	}
}

/* WCAG 2.5.5 — ensure the mobile drawer toggle has a 44x44 tap target */
body.arcane-page .menu-toggle-open.drawer-toggle {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}