/**
 * Theme contrast fixes — header, mobile nav, wizard (loads after global-style + dark-mode).
 * Uses CSS variables so light/dark mode text stays readable everywhere.
 */

/* ── Header shell (both themes) ───────────────────────────────── */

html.onduty-theme-dark .custom-header,
html.onduty-theme-light .custom-header,
html.onduty-theme-dark .custom-header .container,
html.onduty-theme-light .custom-header .container,
html.onduty-theme-dark .mobile-menu-panel,
html.onduty-theme-light .mobile-menu-panel {
	background-color: var(--od-bg-elevated) !important;
}

/* ── Nav links: desktop + mobile slide-out ───────────────────── */

html.onduty-theme-dark .menu-col-wrapper nav .menu li a,
html.onduty-theme-dark .menu-col-wrapper .main-menu ul li a,
html.onduty-theme-dark .mobile-menu-panel .main-menu ul li a,
html.onduty-theme-dark .main-menu ul li a,
html.onduty-theme-dark .custom-header .onduty-site-nav .menu-link,
html.onduty-theme-dark .mobile-menu-panel .onduty-site-nav .menu-link,
html.onduty-theme-light .menu-col-wrapper nav .menu li a,
html.onduty-theme-light .menu-col-wrapper .main-menu ul li a,
html.onduty-theme-light .mobile-menu-panel .main-menu ul li a,
html.onduty-theme-light .main-menu ul li a,
html.onduty-theme-light .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-light .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta) {
	opacity: 1 !important;
	font-weight: 600 !important;
}

html.onduty-theme-dark .menu-col-wrapper nav .menu li a,
html.onduty-theme-dark .menu-col-wrapper .main-menu ul li a,
html.onduty-theme-dark .mobile-menu-panel .main-menu ul li a,
html.onduty-theme-dark .main-menu ul li a,
html.onduty-theme-dark .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-dark .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta) {
	color: #f8fafc !important;
}

html.onduty-theme-light .menu-col-wrapper nav .menu li a,
html.onduty-theme-light .menu-col-wrapper .main-menu ul li a,
html.onduty-theme-light .mobile-menu-panel .main-menu ul li a,
html.onduty-theme-light .main-menu ul li a,
html.onduty-theme-light .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) {
	color: #000000 !important;
}

html.onduty-theme-light .custom-header .onduty-site-nav .onduty-nav-login,
html.onduty-theme-light .mobile-menu-panel .onduty-site-nav .onduty-nav-login {
	color: #000000 !important;
	border-color: rgba(0, 0, 0, 0.28) !important;
	font-weight: 600 !important;
}

html.onduty-theme-dark .custom-header .onduty-site-nav .onduty-nav-login,
html.onduty-theme-dark .mobile-menu-panel .onduty-site-nav .onduty-nav-login {
	color: #f8fafc !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
	font-weight: 600 !important;
}

/* ── Nav text links — animated underline + color on hover ─────── */

.custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
.menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
.mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
.mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) {
	position: relative;
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
	border-bottom: none !important;
	transition: color 0.28s ease;
}

.custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta)::after,
.menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta)::after,
.mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta)::after,
.mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background-color: var(--od-brand-blue, #007aff);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.28s ease;
	pointer-events: none;
}

html.onduty-theme-light .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover,
html.onduty-theme-light .menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover,
html.onduty-theme-light .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover,
html.onduty-theme-light .mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover {
	color: var(--od-brand-blue, #007aff) !important;
}

html.onduty-theme-dark .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover,
html.onduty-theme-dark .menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover,
html.onduty-theme-dark .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover,
html.onduty-theme-dark .mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover {
	color: #4da3ff !important;
}

html.onduty-theme-dark .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover::after,
html.onduty-theme-dark .menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover::after,
html.onduty-theme-dark .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover::after,
html.onduty-theme-dark .mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover::after {
	background-color: #4da3ff;
}

.custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover::after,
.menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover::after,
.mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover::after,
.mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover::after,
.custom-header .onduty-site-nav li.current_page_item > .menu-link:not(.onduty-nav-join):not(.onduty-nav-login)::after,
.custom-header .onduty-site-nav li.current-menu-item > .menu-link:not(.onduty-nav-join):not(.onduty-nav-login)::after,
.menu-col-wrapper nav .menu li.current_page_item > a:not(.onduty-nav-join):not(.onduty-nav-login)::after,
.menu-col-wrapper nav .menu li.current-menu-item > a:not(.onduty-nav-join):not(.onduty-nav-login)::after,
.mobile-menu-panel .onduty-site-nav li.current_page_item > .menu-link:not(.onduty-nav-join):not(.onduty-nav-login)::after,
.mobile-menu-panel .onduty-site-nav li.current-menu-item > .menu-link:not(.onduty-nav-join):not(.onduty-nav-login)::after {
	transform: scaleX(1);
}

html.onduty-theme-light .custom-header .onduty-site-nav li.current_page_item > .menu-link:not(.onduty-nav-join):not(.onduty-nav-login),
html.onduty-theme-light .custom-header .onduty-site-nav li.current-menu-item > .menu-link:not(.onduty-nav-join):not(.onduty-nav-login),
html.onduty-theme-light .menu-col-wrapper nav .menu li.current_page_item > a:not(.onduty-nav-join):not(.onduty-nav-login),
html.onduty-theme-light .menu-col-wrapper nav .menu li.current-menu-item > a:not(.onduty-nav-join):not(.onduty-nav-login) {
	color: var(--od-brand-blue, #007aff) !important;
}

html.onduty-theme-dark .custom-header .onduty-site-nav li.current_page_item > .menu-link:not(.onduty-nav-join):not(.onduty-nav-login),
html.onduty-theme-dark .custom-header .onduty-site-nav li.current-menu-item > .menu-link:not(.onduty-nav-join):not(.onduty-nav-login) {
	color: #4da3ff !important;
}

/* Login pill — fill + border animation on hover (no underline) */
html.onduty-theme-light .custom-header .onduty-site-nav .onduty-nav-login,
html.onduty-theme-light .mobile-menu-panel .onduty-site-nav .onduty-nav-login {
	transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, transform 0.2s ease;
}

html.onduty-theme-light .custom-header .onduty-site-nav .onduty-nav-login:hover,
html.onduty-theme-light .mobile-menu-panel .onduty-site-nav .onduty-nav-login:hover {
	color: var(--od-brand-blue, #007aff) !important;
	border-color: var(--od-brand-blue, #007aff) !important;
	background-color: rgba(0, 122, 255, 0.08) !important;
	transform: translateY(-1px);
}

html.onduty-theme-dark .custom-header .onduty-site-nav .onduty-nav-login:hover,
html.onduty-theme-dark .mobile-menu-panel .onduty-site-nav .onduty-nav-login:hover {
	color: #4da3ff !important;
	border-color: #4da3ff !important;
	background-color: rgba(77, 163, 255, 0.12) !important;
	transform: translateY(-1px);
}

/* Join Fleet pill — lift + darker blue on hover */
.custom-header .onduty-site-nav .onduty-nav-join,
.mobile-menu-panel .onduty-site-nav .onduty-nav-join {
	transition: background-color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}

.custom-header .onduty-site-nav .onduty-nav-join:hover,
.mobile-menu-panel .onduty-site-nav .onduty-nav-join:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(0, 122, 255, 0.35);
}

/* Language toggle — subtle underline on hover */
.custom-header .header-lang-toggle {
	position: relative;
	display: inline-flex;
	transition: color 0.25s ease;
}

.custom-header .header-lang-toggle::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background-color: var(--od-brand-blue, #007aff);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.28s ease;
}

html.onduty-theme-light .custom-header .header-lang-toggle:hover {
	color: var(--od-brand-blue, #007aff) !important;
}

html.onduty-theme-dark .custom-header .header-lang-toggle:hover {
	color: #4da3ff !important;
}

html.onduty-theme-dark .custom-header .header-lang-toggle:hover::after {
	background-color: #4da3ff;
}

.custom-header .header-lang-toggle:hover::after {
	transform: scaleX(1);
}

/* Mobile menu rows — keep separator, underline sits under label text only */
@media (max-width: 921px) {
	.mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) {
		width: auto;
		max-width: 100%;
	}

	.mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover {
		border-bottom-color: rgba(255, 255, 255, 0.06) !important;
	}

	html.onduty-theme-light .mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta):hover {
		border-bottom-color: rgba(0, 0, 0, 0.06) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta)::after,
	.menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta)::after,
	.mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta)::after,
	.mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta)::after,
	.custom-header .header-lang-toggle::after {
		transition: none;
	}

	.custom-header .onduty-site-nav .onduty-nav-join:hover,
	.custom-header .onduty-site-nav .onduty-nav-login:hover,
	.mobile-menu-panel .onduty-site-nav .onduty-nav-join:hover,
	.mobile-menu-panel .onduty-site-nav .onduty-nav-login:hover {
		transform: none;
	}
}

/* ── Logo / brand ────────────────────────────────────────────── */

html.onduty-theme-dark .logo-col a,
html.onduty-theme-dark .onduty-header-brand,
html.onduty-theme-dark .onduty-header-brand:hover,
html.onduty-theme-dark .onduty-header-brand__name {
	color: #f8fafc !important;
	font-weight: 600 !important;
}

html.onduty-theme-light .logo-col a,
html.onduty-theme-light .onduty-header-brand,
html.onduty-theme-light .onduty-header-brand:hover,
html.onduty-theme-light .onduty-header-brand__name {
	color: #000000 !important;
	font-weight: 600 !important;
}

/* ── Language switcher ───────────────────────────────────────── */

html.onduty-theme-dark .header-lang-toggle,
html.onduty-theme-dark .header-lang-option {
	color: #f8fafc !important;
	font-weight: 600 !important;
}

html.onduty-theme-light .header-lang-toggle,
html.onduty-theme-light .header-lang-option {
	color: #000000 !important;
	font-weight: 600 !important;
}

html.onduty-theme-dark .header-lang-arrow,
html.onduty-theme-light .header-lang-arrow {
	border-top-color: var(--od-header-link) !important;
}

html.onduty-theme-dark .custom-header .header-lang-switcher .header-lang-dropdown,
html.onduty-theme-light .custom-header .header-lang-switcher .header-lang-dropdown,
html.onduty-theme-dark .mobile-menu-panel .header-lang-switcher .header-lang-dropdown,
html.onduty-theme-light .mobile-menu-panel .header-lang-switcher .header-lang-dropdown {
	background-color: var(--od-bg-elevated) !important;
}

html.onduty-theme-light .header-lang-option:hover {
	color: var(--od-brand-blue) !important;
}

/* ── Mobile menu toggle + panel (both themes) ────────────────── */

html.onduty-theme-light .mobile-menu-toggle {
	background: rgba(0, 102, 221, 0.06);
	border-color: rgba(0, 102, 221, 0.18);
}

html.onduty-theme-light .mobile-menu-toggle span {
	background: var(--od-brand-blue) !important;
}

/* Login / CTA buttons: white text on primary buttons in both themes */
html.onduty-theme-light .wizard-btn-wrapper a.next-btn,
html.onduty-theme-dark .wizard-btn-wrapper a.next-btn,
html.onduty-theme-light .wizard-step .wizard-btn-wrapper a,
html.onduty-theme-dark .wizard-step .wizard-btn-wrapper a,
html.onduty-theme-light a.next-btn:not(.header-login-bttn):not(.header-profile-bttn),
html.onduty-theme-dark a.next-btn:not(.header-login-bttn):not(.header-profile-bttn),
html.onduty-theme-light button.next-btn,
html.onduty-theme-dark button.next-btn,
html.onduty-theme-light .next-btn,
html.onduty-theme-dark .next-btn,
html.onduty-theme-light .login-btn,
html.onduty-theme-dark .login-btn,
html.onduty-theme-light .register-btn,
html.onduty-theme-dark .register-btn,
html.onduty-theme-light button.login-btn.next-btn,
html.onduty-theme-dark button.login-btn.next-btn,
html.onduty-theme-light button.register-btn.next-btn,
html.onduty-theme-dark button.register-btn.next-btn,
html.onduty-theme-light .field-btn-wrapper .next-btn,
html.onduty-theme-dark .field-btn-wrapper .next-btn,
html.onduty-theme-light .field-btn-wrapper .login-btn,
html.onduty-theme-dark .field-btn-wrapper .login-btn,
html.onduty-theme-light .field-btn-wrapper .register-btn,
html.onduty-theme-dark .field-btn-wrapper .register-btn {
	color: #ffffff !important;
}

/* Header auth uses theme link color, not primary white */
html.onduty-theme-light .login-col a.header-login-bttn,
html.onduty-theme-dark .login-col a.header-login-bttn,
html.onduty-theme-light .login-col a.header-profile-bttn,
html.onduty-theme-dark .login-col a.header-profile-bttn,
html.onduty-theme-light .mobile-login-col a.header-login-bttn,
html.onduty-theme-dark .mobile-login-col a.header-login-bttn,
html.onduty-theme-light .mobile-login-col a.header-profile-bttn,
html.onduty-theme-dark .mobile-login-col a.header-profile-bttn {
	color: var(--od-auth-btn-text, var(--od-header-link, #333)) !important;
}

/* Spans inside header auth inherit button color */
html.onduty-theme-light .header-profile-bttn span,
html.onduty-theme-light .header-login-bttn span,
html.onduty-theme-dark .header-profile-bttn span,
html.onduty-theme-dark .header-login-bttn span,
html.onduty-theme-light .header-profile-bttn .od-i18n,
html.onduty-theme-light .header-login-bttn .od-i18n,
html.onduty-theme-dark .header-profile-bttn .od-i18n,
html.onduty-theme-dark .header-login-bttn .od-i18n {
	color: inherit !important;
}

/* Spans inside primary wizard buttons must stay white */
html.onduty-theme-light .next-btn span,
html.onduty-theme-light .login-btn span,
html.onduty-theme-light .register-btn span,
html.onduty-theme-light .wizard-btn-wrapper a span,
html.onduty-theme-light .wizard-step .next-btn span,
html.onduty-theme-light .wizard-step .login-btn span,
html.onduty-theme-light .wizard-step .register-btn span,
html.onduty-theme-dark .next-btn span,
html.onduty-theme-dark .login-btn span,
html.onduty-theme-dark .register-btn span,
html.onduty-theme-dark .wizard-btn-wrapper a span,
html.onduty-theme-dark .wizard-step .next-btn span,
html.onduty-theme-dark .wizard-step .login-btn span,
html.onduty-theme-dark .wizard-step .register-btn span {
	color: #ffffff !important;
}

html.onduty-theme-light body.page-id-390 .menu-col-wrapper nav .menu li a,
html.onduty-theme-light body.page-id-390 .mobile-menu-panel .main-menu ul li a,
html.onduty-theme-light body.page-template-on-duty-content-php .menu-col-wrapper nav .menu li a,
html.onduty-theme-light body.page-template-on-duty-content-php .mobile-menu-panel .main-menu ul li a {
	color: #000000 !important;
	opacity: 1 !important;
	font-weight: 600 !important;
}

html.onduty-theme-dark body.page-id-390 .menu-col-wrapper nav .menu li a,
html.onduty-theme-dark body.page-id-390 .mobile-menu-panel .main-menu ul li a,
html.onduty-theme-dark body.page-template-on-duty-content-php .menu-col-wrapper nav .menu li a,
html.onduty-theme-dark body.page-template-on-duty-content-php .mobile-menu-panel .main-menu ul li a {
	color: #f8fafc !important;
	opacity: 1 !important;
	font-weight: 600 !important;
}

html.onduty-theme-light body.page-id-390 .onduty-header-brand__name,
html.onduty-theme-dark body.page-id-390 .onduty-header-brand__name {
	color: var(--od-header-link) !important;
}

/* BUG-009: About Us (page 390) — nav links must stay readable in light + dark mode */
html.onduty-theme-light body.page-id-390 .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light body.page-template-on-duty-content-php .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light body.page-id-390 .mobile-menu-panel .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light body.page-template-on-duty-content-php .mobile-menu-panel .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light body.page-template-on-duty-php .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light body.page-id-454 .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) {
	color: #000000 !important;
	font-weight: 700 !important;
	opacity: 1 !important;
}

html.onduty-theme-light body.page-id-390 .custom-header .onduty-site-nav li.current_page_item .menu-link,
html.onduty-theme-light body.page-id-390 .custom-header .onduty-site-nav li.current-menu-item .menu-link,
html.onduty-theme-light body.page-template-on-duty-content-php .custom-header .onduty-site-nav li.current_page_item .menu-link,
html.onduty-theme-light body.page-template-on-duty-content-php .custom-header .onduty-site-nav li.current-menu-item .menu-link,
html.onduty-theme-light body.page-id-390 .mobile-menu-panel li.current_page_item .menu-link,
html.onduty-theme-light body.page-template-on-duty-content-php .mobile-menu-panel li.current_page_item .menu-link {
	color: #007aff !important;
	font-weight: 700 !important;
}

html.onduty-theme-light body.page-id-390 .custom-header .onduty-site-nav .onduty-nav-login,
html.onduty-theme-light body.page-template-on-duty-content-php .custom-header .onduty-site-nav .onduty-nav-login,
html.onduty-theme-light body.page-id-390 .mobile-menu-panel .onduty-nav-login,
html.onduty-theme-light body.page-template-on-duty-content-php .mobile-menu-panel .onduty-nav-login {
	color: #000000 !important;
	border-color: rgba(0, 0, 0, 0.28) !important;
	font-weight: 600 !important;
}

html.onduty-theme-light body.page-id-390 .custom-header .header-lang-toggle,
html.onduty-theme-light body.page-id-390 .custom-header .header-lang-option,
html.onduty-theme-light body.page-template-on-duty-content-php .custom-header .header-lang-toggle,
html.onduty-theme-light body.page-template-on-duty-content-php .custom-header .header-lang-option {
	color: #000000 !important;
}

html.onduty-theme-dark body.page-id-390 .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-dark body.page-template-on-duty-content-php .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-dark body.page-id-390 .mobile-menu-panel .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-dark body.page-template-on-duty-content-php .mobile-menu-panel .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) {
	color: #f8fafc !important;
	font-weight: 600 !important;
	opacity: 1 !important;
}

html.onduty-theme-dark body.page-id-390 .custom-header .onduty-site-nav li.current_page_item .menu-link,
html.onduty-theme-dark body.page-id-390 .custom-header .onduty-site-nav li.current-menu-item .menu-link,
html.onduty-theme-dark body.page-template-on-duty-content-php .custom-header .onduty-site-nav li.current_page_item .menu-link,
html.onduty-theme-dark body.page-template-on-duty-content-php .custom-header .onduty-site-nav li.current-menu-item .menu-link {
	color: #4da3ff !important;
	font-weight: 700 !important;
}

html.onduty-theme-dark body.page-id-390 .custom-header .onduty-site-nav .onduty-nav-login,
html.onduty-theme-dark body.page-template-on-duty-content-php .custom-header .onduty-site-nav .onduty-nav-login {
	color: #f8fafc !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
}

/* Profile / login / app pages — bold readable nav (page 115 + profile template) */
html.onduty-theme-light body.page-id-115 .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-light body.page-template-profile-php .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-light body.onduty-app-page .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-light body.page-id-115 .mobile-menu-panel .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-light body.page-template-profile-php .mobile-menu-panel .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-light body.onduty-app-page .mobile-menu-panel .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-light body.page-id-115 .menu-col-wrapper nav .menu li a,
html.onduty-theme-light body.page-template-profile-php .menu-col-wrapper nav .menu li a,
html.onduty-theme-light body.onduty-app-page .menu-col-wrapper nav .menu li a {
	color: #000000 !important;
	font-weight: 700 !important;
	opacity: 1 !important;
}

html.onduty-theme-light body.page-id-115 .custom-header .onduty-site-nav .onduty-nav-login,
html.onduty-theme-light body.page-template-profile-php .custom-header .onduty-site-nav .onduty-nav-login,
html.onduty-theme-light body.onduty-app-page .custom-header .onduty-site-nav .onduty-nav-login,
html.onduty-theme-light body.page-id-115 .mobile-menu-panel .onduty-nav-login,
html.onduty-theme-light body.page-template-profile-php .mobile-menu-panel .onduty-nav-login,
html.onduty-theme-light body.onduty-app-page .mobile-menu-panel .onduty-nav-login {
	color: #000000 !important;
	border-color: rgba(0, 0, 0, 0.28) !important;
	font-weight: 700 !important;
}

html.onduty-theme-light body.page-id-115 .onduty-header-brand__name,
html.onduty-theme-light body.page-template-profile-php .onduty-header-brand__name,
html.onduty-theme-light body.onduty-app-page .onduty-header-brand__name,
html.onduty-theme-light body.page-id-115 .header-lang-toggle,
html.onduty-theme-light body.page-template-profile-php .header-lang-toggle,
html.onduty-theme-light body.onduty-app-page .header-lang-toggle {
	color: #000000 !important;
	font-weight: 700 !important;
}

html.onduty-theme-light .custom-header .onduty-site-nav li.current_page_item .menu-link:not(.onduty-nav-join),
html.onduty-theme-light .custom-header .onduty-site-nav li.current-menu-item .menu-link:not(.onduty-nav-join),
html.onduty-theme-light .mobile-menu-panel li.current_page_item .menu-link:not(.onduty-nav-join),
html.onduty-theme-light .mobile-menu-panel li.current-menu-item .menu-link:not(.onduty-nav-join) {
	color: #007aff !important;
	font-weight: 700 !important;
}

html.onduty-theme-dark body.page-id-115 .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-dark body.page-template-profile-php .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta),
html.onduty-theme-dark body.onduty-app-page .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-header-cta) {
	color: #f8fafc !important;
	font-weight: 700 !important;
}

/* Back/restart button text in both themes (overrides .wizard-step span) */
html.onduty-theme-light .wizard-step a.back-btn,
html.onduty-theme-light .wizard-step a.back-btn span,
html.onduty-theme-light .wizard-step a.restart-btn,
html.onduty-theme-light .wizard-step a.restart-btn span {
	color: #1a1d24 !important;
}
html.onduty-theme-dark .wizard-step a.back-btn,
html.onduty-theme-dark .wizard-step a.back-btn span,
html.onduty-theme-dark .wizard-step a.restart-btn,
html.onduty-theme-dark .wizard-step a.restart-btn span {
	color: #c9c9c9 !important;
}

html.onduty-theme-light .mobile-menu-panel .main-menu ul li a {
	border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

html.onduty-theme-light .mobile-social-wrapper {
	border-top-color: rgba(0, 0, 0, 0.08) !important;
}

html.onduty-theme-light .mobile-menu-panel {
	box-shadow: -6px 0 24px rgba(0, 0, 0, 0.12);
}

/* ── Wizard & content text (hardcoded grays in style.css) ────── */

html.onduty-theme-dark p.candidate-text,
html.onduty-theme-light p.candidate-text {
	color: var(--od-text-muted) !important;
}

html.onduty-theme-dark .candidate-col h2,
html.onduty-theme-light .candidate-col h2 {
	color: var(--od-brand-blue) !important;
}

/* Inline-highlight helpers (replace hardcoded inline styles) */
.od-brand-highlight {
	color: var(--od-brand-blue) !important;
}

html.onduty-theme-dark .od-text-strong {
	color: #ffffff !important;
	font-weight: 600;
}

html.onduty-theme-light .od-text-strong {
	color: #1a1d24 !important;
	font-weight: 600;
}

.od-bonus-highlight {
	color: #0db407 !important;
	font-weight: 600;
}

html.onduty-theme-light .od-bonus-highlight {
	color: #059a00 !important;
}

html.onduty-theme-dark .onduty-wizard-progress__label,
html.onduty-theme-light .onduty-wizard-progress__label {
	color: var(--od-text-muted) !important;
}

html.onduty-theme-dark .onduty-trust-badge,
html.onduty-theme-light .onduty-trust-badge {
	color: var(--od-text) !important;
	border-color: rgba(0, 122, 255, 0.3) !important;
}

html.onduty-theme-light .onduty-trust-badge {
	background: rgba(255, 255, 255, 0.92) !important;
}

html.onduty-theme-dark .wizard-step-1 .onduty-warum-link,
html.onduty-theme-light .wizard-step-1 .onduty-warum-link {
	color: var(--od-brand-blue) !important;
}

html.onduty-theme-dark .wizard-message.error,
html.onduty-theme-light .wizard-message.error,
html.onduty-theme-dark .wizard-error,
html.onduty-theme-light .wizard-error {
	color: #ff453a !important;
}

html.onduty-theme-dark .wizard-error {
	background: rgba(255, 69, 58, 0.12) !important;
	border-color: rgba(255, 69, 58, 0.28) !important;
}

html.onduty-theme-light .wizard-error {
	background: rgba(255, 59, 48, 0.07) !important;
	border-color: rgba(255, 59, 48, 0.18) !important;
}

html.onduty-theme-dark .wizard-message.success,
html.onduty-theme-light .wizard-message.success,
html.onduty-theme-dark .login-message.success,
html.onduty-theme-light .login-message.success {
	color: #1ea50f !important;
}

/* ── Age / download step copy ────────────────────────────────── */

html.onduty-theme-dark .age-wrapper > p,
html.onduty-theme-light .age-wrapper > p,
html.onduty-theme-dark .download-app-wrapper > p,
html.onduty-theme-light .download-app-wrapper > p,
html.onduty-theme-dark .last-stap-wrapper > p,
html.onduty-theme-light .last-stap-wrapper > p {
	color: var(--od-text-muted) !important;
}

html.onduty-theme-dark .age-wrapper h2,
html.onduty-theme-light .age-wrapper h2,
html.onduty-theme-dark .download-app-wrapper h2,
html.onduty-theme-light .download-app-wrapper h2,
html.onduty-theme-dark .last-stap-wrapper h2,
html.onduty-theme-light .last-stap-wrapper h2 {
	color: var(--od-brand-blue) !important;
}

/* ── Warum marketing page (Elementor) ────────────────────────── */

html.onduty-theme-dark .onduty-marketing-shell .elementor-widget-heading .elementor-heading-title,
html.onduty-theme-light .onduty-marketing-shell .elementor-widget-heading .elementor-heading-title {
	color: var(--od-text) !important;
}

html.onduty-theme-dark .onduty-marketing-shell .elementor-widget-text-editor,
html.onduty-theme-light .onduty-marketing-shell .elementor-widget-text-editor,
html.onduty-theme-dark .onduty-marketing-shell .elementor-widget-text-editor p,
html.onduty-theme-light .onduty-marketing-shell .elementor-widget-text-editor p {
	color: var(--od-text-muted) !important;
}

/* ── Profile page ────────────────────────────────────────────── */

html.onduty-theme-dark .welcome-form-wrapper p,
html.onduty-theme-light .welcome-form-wrapper p,
html.onduty-theme-dark .welcome-wrapper h2,
html.onduty-theme-light .welcome-wrapper h2 {
	color: var(--od-text) !important;
}

html.onduty-theme-light .welcome-form-wrapper .wpforms-field-label,
html.onduty-theme-light .welcome-form-wrapper .wpforms-field-sublabel {
	color: var(--od-text) !important;
}

html.onduty-theme-light .welcome-form-wrapper input,
html.onduty-theme-light .welcome-form-wrapper select,
html.onduty-theme-light .welcome-form-wrapper textarea {
	background-color: var(--od-bg-input) !important;
	color: var(--od-text) !important;
	border-color: rgba(0, 122, 255, 0.25) !important;
}

html.onduty-theme-light .welcome-form-wrapper .wpforms-uploader {
	background: var(--od-bg-input) !important;
	border-color: rgba(0, 122, 255, 0.25) !important;
}

html.onduty-theme-light .welcome-form-wrapper .wpforms-uploader .dz-message span,
html.onduty-theme-light .welcome-form-wrapper .wpforms-uploader .dz-message small {
	color: var(--od-text-muted) !important;
}

html.onduty-theme-light p.driver-profile {
	color: var(--od-text) !important;
}

html.onduty-theme-light body.page-template-profile-php .wizard-step,
html.onduty-theme-light .welcome-form-wrapper .wpforms-field-radio li label,
html.onduty-theme-light .welcome-form-wrapper .wpforms-field-checkbox li label {
	color: var(--od-text) !important;
}

html.onduty-theme-light .welcome-form-wrapper div.wpforms-container-full button[type="submit"] {
	color: #ffffff !important;
}

/* Stammblatt panels — match input boxes in light mode */
html.onduty-theme-light.page-template-profile-php .od-profile-stammblatt-form .wpforms-field-container > .wpforms-field.wpforms-field-radio,
html.onduty-theme-light.page-template-profile-php .od-profile-stammblatt-form .wpforms-field-layout,
html.onduty-theme-light.page-template-profile-php .od-profile-stammblatt-form .wpforms-field-container > .od-upload-row,
html.onduty-theme-light.page-template-profile-php .od-profile-stammblatt-form .od-upload-row .od-upload-zone,
html.onduty-theme-light.page-template-profile-php .od-profile-stammblatt-form .wpforms-field-file-upload .wpforms-uploader {
	background: var(--od-bg-input) !important;
	border-color: rgba(0, 122, 255, 0.25) !important;
}

html.onduty-theme-light.page-template-profile-php .od-profile-stammblatt-form .wpforms-field-layout h3.wpforms-field-label,
html.onduty-theme-light.page-template-profile-php .od-profile-stammblatt-form .wpforms-field-radio ul li label.wpforms-field-label-inline {
	color: var(--od-text) !important;
}

html.onduty-theme-dark.page-template-profile-php .od-profile-stammblatt-form .wpforms-field-layout h3.wpforms-field-label,
html.onduty-theme-dark.page-template-profile-php .od-profile-stammblatt-form .wpforms-field-layout > h3.wpforms-field-label,
html.onduty-theme-dark.page-template-profile-php .od-profile-stammblatt-form #wpforms-53-field_30-container > h3.wpforms-field-label,
html.onduty-theme-dark.page-template-profile-php .od-profile-stammblatt-form #wpforms-53-field_30-container label.wpforms-field-label {
	color: #f8fafc !important;
	font-weight: 700 !important;
}

html.onduty-theme-light.page-template-profile-php .od-profile-stammblatt-form .wpforms-field-radio ul li {
	background: transparent !important;
	border: none !important;
}

/* ── intl-tel-input ──────────────────────────────────────────── */

html.onduty-theme-dark .iti__country-list,
html.onduty-theme-light .iti__country-list {
	background-color: var(--od-bg-elevated) !important;
	color: var(--od-text) !important;
}

html.onduty-theme-dark .iti__country.iti__highlight,
html.onduty-theme-light .iti__country.iti__highlight {
	background-color: rgba(0, 122, 255, 0.15) !important;
}

/* ── Screen loader ───────────────────────────────────────────── */

html.onduty-theme-light .screen-loader__text {
	color: var(--od-text) !important;
}

html.onduty-theme-light .screen-loader__panel {
	background: var(--od-bg-elevated) !important;
}

/* ── Site-wide primary nav: bold black text links (light mode) ── */

html.onduty-theme-light body .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light body .menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light body .menu-col-wrapper .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light body .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-light body .mobile-menu-panel .main-menu ul li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
body.onduty-theme-light .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
body.onduty-theme-light .menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
body.onduty-theme-light .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) {
	color: #000000 !important;
	font-weight: 600 !important;
	opacity: 1 !important;
}

html.onduty-theme-light body .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) .od-i18n,
html.onduty-theme-light body .menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) .od-i18n,
html.onduty-theme-light body .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) .od-i18n,
body.onduty-theme-light .custom-header .onduty-site-nav .menu-link .od-i18n,
body.onduty-theme-light .mobile-menu-panel .onduty-site-nav .menu-link .od-i18n {
	color: inherit !important;
	font-weight: inherit !important;
}

html.onduty-theme-dark body .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-dark body .menu-col-wrapper nav .menu li a:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
html.onduty-theme-dark body .mobile-menu-panel .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta),
body.onduty-theme-dark .custom-header .onduty-site-nav .menu-link:not(.onduty-nav-join):not(.onduty-nav-login):not(.onduty-header-cta) {
	color: #f8fafc !important;
	font-weight: 600 !important;
	opacity: 1 !important;
}
