/*==========================================================
HEADER — DARK STYLE
Applied when Customize -> Colors -> Header style = "Dark navy"
(the default, matching the site's real color scheme: dark navy
header continuous with the top bar, gold accents, light text).
Toggle back to "Light / white" in the Customizer if preferred.
==========================================================*/

.site-header.header-style-dark {
	background: rgba(14, 23, 48, 0.96);
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.site-header.header-style-dark .logo-title {
	color: #fff;
}

.site-header.header-style-dark .logo-subtitle {
	color: rgba(255, 255, 255, 0.6);
}

.site-header.header-style-dark .nav-menu a {
	color: rgba(255, 255, 255, 0.85);
}

.site-header.header-style-dark .nav-menu a:hover,
.site-header.header-style-dark .nav-menu .current-menu-item > a {
	color: var(--secondary);
	background: rgba(255, 255, 255, 0.08);
}

.site-header.header-style-dark .search-btn {
	color: #fff;
}

.site-header.header-style-dark .search-btn:hover {
	background: rgba(255, 255, 255, 0.1);
}

.site-header.header-style-dark .mobile-toggle {
	color: #fff;
}

.site-header.header-style-dark .dark-mode-toggle {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.25);
}

.site-header.header-style-dark .dark-mode-toggle:hover {
	background: rgba(255, 255, 255, 0.1);
}