/* On Duty — full-site dark / light themes */

html.onduty-theme-dark {
	--od-bg: #1d1f27;
	--od-bg-elevated: #272a33;
	--od-bg-card: #141414;
	--od-bg-input: #141414;
	--od-text: #fafbfc;
	--od-text-muted: #c9c9c9;
	--od-text-accent: #1a88ff;
	--od-border: rgba(255, 255, 255, 0.18);
	--od-header-link: #fafbfc;
	--od-brand-blue: #007aff;
	--od-brand-gradient: linear-gradient(180deg, #0026bc 0%, #001156 100%);
}

html.onduty-theme-light {
	--od-bg: #eef1f6;
	--od-bg-elevated: #ffffff;
	--od-bg-card: #ffffff;
	--od-bg-input: #ffffff;
	--od-text: #1a1d24;
	--od-text-muted: #5c6370;
	--od-text-accent: #1a88ff;
	--od-border: rgba(0, 0, 0, 0.12);
	--od-header-link: #1a1d24;
	--od-brand-blue: #007aff;
	--od-brand-gradient: linear-gradient(180deg, #0026bc 0%, #001156 100%);
	color-scheme: light;
}

html.onduty-theme-dark {
	color-scheme: dark;
}

/* ── Theme toggle: light pill in dark mode, dark pill in light mode ── */

.custom-header .header-theme-toggle,
.social-media-wrapper .header-theme-toggle,
.mobile-social-wrapper .header-theme-toggle {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	padding: 0;
	margin: 0;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.header-theme-toggle:hover {
	opacity: 0.92;
}

.header-theme-toggle .theme-icon {
	display: none;
	align-items: center;
	justify-content: center;
	line-height: 0;
	width: 20px;
	height: 20px;
}

.header-theme-toggle svg {
	width: 20px;
	height: 20px;
	display: block;
}

/* Dark mode ON → bright button + sun icon (tap for light) */
html.onduty-theme-dark .header-theme-toggle {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
	color: #1a1d24 !important;
}

html.onduty-theme-dark .header-theme-toggle svg,
html.onduty-theme-dark .header-theme-toggle path {
	fill: #1a1d24 !important;
}

html.onduty-theme-dark .header-theme-toggle .theme-icon-sun {
	display: inline-flex !important;
}

html.onduty-theme-dark .header-theme-toggle .theme-icon-moon {
	display: none !important;
}

/* Light mode ON → white button + dark moon icon (tap for dark) */
html.onduty-theme-light .header-theme-toggle {
	background: #ffffff !important;
	border: 1px solid #007aff !important;
	box-shadow: 0 2px 10px rgba(0, 122, 255, 0.22) !important;
	color: #1a1d24 !important;
}

html.onduty-theme-light .header-theme-toggle svg,
html.onduty-theme-light .header-theme-toggle path {
	fill: #000000 !important;
	color: #000000 !important;
}

/* Light mode (dark off) → black sun icon */
html.onduty-theme-light .header-theme-toggle .theme-icon-sun {
	display: inline-flex !important;
}

html.onduty-theme-light .header-theme-toggle .theme-icon-moon {
	display: none !important;
}

/* ── Global page shell ───────────────────────────────────────── */

html.onduty-theme-dark body,
html.onduty-theme-light body,
html.onduty-theme-dark #page,
html.onduty-theme-light #page,
html.onduty-theme-dark .hfeed,
html.onduty-theme-light .hfeed,
html.onduty-theme-dark .site-content,
html.onduty-theme-light .site-content,
html.onduty-theme-dark .site-content .ast-container,
html.onduty-theme-light .site-content .ast-container,
html.onduty-theme-dark #content,
html.onduty-theme-light #content,
html.onduty-theme-dark .siteContainer,
html.onduty-theme-light .siteContainer,
html.onduty-theme-dark .wizard-step,
html.onduty-theme-light .wizard-step,
html.onduty-theme-dark body.page-template-on-duty-php,
html.onduty-theme-light body.page-template-on-duty-php,
html.onduty-theme-dark body.page-template-on-duty-content-php,
html.onduty-theme-light body.page-template-on-duty-content-php,
html.onduty-theme-dark body[class*="page-id-"],
html.onduty-theme-light body[class*="page-id-"] {
	background-color: var(--od-bg) !important;
	color: var(--od-text) !important;
}

/* ── Header ──────────────────────────────────────────────────── */

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,
html.onduty-theme-dark header#masthead,
html.onduty-theme-light header#masthead {
	background-color: var(--od-bg-elevated) !important;
}

html.onduty-theme-dark .onduty-header-brand,
html.onduty-theme-light .onduty-header-brand,
html.onduty-theme-dark .logo-col a,
html.onduty-theme-light .logo-col a,
html.onduty-theme-dark .menu-col-wrapper .main-menu ul li a,
html.onduty-theme-light .menu-col-wrapper .main-menu ul li a,
html.onduty-theme-dark .header-lang-toggle,
html.onduty-theme-light .header-lang-toggle,
html.onduty-theme-dark .header-lang-option,
html.onduty-theme-light .header-lang-option {
	color: var(--od-header-link) !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 .header-lang-switcher .header-lang-dropdown,
html.onduty-theme-light .header-lang-switcher .header-lang-dropdown {
	background: var(--od-bg-elevated) !important;
}

html.onduty-theme-light .header-lang-switcher .header-lang-dropdown {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* ── Typography & brand colors (keep blue accents) ───────────── */

html.onduty-theme-dark .wizard-step-1 h1,
html.onduty-theme-light .wizard-step-1 h1,
html.onduty-theme-dark .vehicle-wrapper h2,
html.onduty-theme-light .vehicle-wrapper h2,
html.onduty-theme-dark body.page-id-115 .wizard-auth-title,
html.onduty-theme-light body.page-id-115 .wizard-auth-title,
html.onduty-theme-dark body.page-id-130 .wizard-register-title,
html.onduty-theme-light body.page-id-130 .wizard-register-title,
html.onduty-theme-dark .wizard-register-title,
html.onduty-theme-light .wizard-register-title,
html.onduty-theme-dark body.page-id-115 #login-from-title h2,
html.onduty-theme-light body.page-id-115 #login-from-title h2,
html.onduty-theme-dark .elementor-widget-heading .elementor-heading-title,
html.onduty-theme-light .elementor-widget-heading .elementor-heading-title,
html.onduty-theme-dark .wizard-step h2,
html.onduty-theme-light .wizard-step h2,
html.onduty-theme-dark .welcome-wrapper h1,
html.onduty-theme-light .welcome-wrapper h1 {
	color: var(--od-brand-blue) !important;
}

html.onduty-theme-dark p,
html.onduty-theme-light p,
html.onduty-theme-dark .entry-content,
html.onduty-theme-light .entry-content,
html.onduty-theme-dark .elementor-widget-text-editor,
html.onduty-theme-light .elementor-widget-text-editor,
html.onduty-theme-dark .elementor-widget-text-editor p,
html.onduty-theme-light .elementor-widget-text-editor p,
html.onduty-theme-dark .wizard-step-1 p,
html.onduty-theme-light .wizard-step-1 p,
html.onduty-theme-dark .login-from-subtitle,
html.onduty-theme-light .login-from-subtitle,
html.onduty-theme-dark .wizard-auth-subtitle,
html.onduty-theme-light .wizard-auth-subtitle,
html.onduty-theme-dark .wizard-register-subtitle,
html.onduty-theme-light .wizard-register-subtitle,
html.onduty-theme-dark .login-register-wrapper > p,
html.onduty-theme-light .login-register-wrapper > p,
html.onduty-theme-dark .welcome-wrapper p,
html.onduty-theme-light .welcome-wrapper p {
	color: var(--od-text-muted) !important;
}

html.onduty-theme-light .offer-conatiner h3,
html.onduty-theme-dark .offer-conatiner h3,
html.onduty-theme-light .login-register-wrapper h2,
html.onduty-theme-dark .login-register-wrapper h2 {
	color: var(--od-text) !important;
}

html.onduty-theme-dark .login-register-hint a,
html.onduty-theme-light .login-register-hint a,
html.onduty-theme-dark .account-wrapper a,
html.onduty-theme-light .account-wrapper a,
html.onduty-theme-dark .register-link,
html.onduty-theme-light .register-link {
	color: var(--od-brand-blue) !important;
}

/* Primary buttons keep brand gradient in both themes */
html.onduty-theme-dark .wizard-step-1 .wizard-btn-wrapper a,
html.onduty-theme-light .wizard-step-1 .wizard-btn-wrapper a,
html.onduty-theme-dark .login-col a.header-login-bttn,
html.onduty-theme-light .login-col a.header-login-bttn,
html.onduty-theme-dark .login-col a.header-profile-bttn,
html.onduty-theme-light .login-col a.header-profile-bttn,
html.onduty-theme-dark .mobile-login-col a.header-profile-bttn,
html.onduty-theme-light .mobile-login-col a.header-profile-bttn,
html.onduty-theme-dark .mobile-login-col a.header-login-bttn,
html.onduty-theme-light .mobile-login-col a.header-login-bttn,
html.onduty-theme-dark div.wpforms-container-full button[type="submit"],
html.onduty-theme-light div.wpforms-container-full button[type="submit"],
html.onduty-theme-dark .next-btn,
html.onduty-theme-light .next-btn,
html.onduty-theme-dark .login-btn,
html.onduty-theme-light .login-btn,
html.onduty-theme-dark .register-btn,
html.onduty-theme-light .register-btn {
	background: var(--od-brand-gradient) !important;
	color: #ffffff !important;
	border: none !important;
}

/* Light mode: fix gray-on-gray invisible text from hardcoded wizard CSS */
html.onduty-theme-light .wizard-step span,
html.onduty-theme-light .question-wrapper span,
html.onduty-theme-light .vehicle-wrapper p,
html.onduty-theme-light .offer-title,
html.onduty-theme-light .offer-content,
html.onduty-theme-light .offer-extra ul li,
html.onduty-theme-light .account-wrapper,
html.onduty-theme-light .login-register-wrapper .login-wrapper > p,
html.onduty-theme-light .login-register-wrapper .register-wrapper > p {
	color: var(--od-text-muted) !important;
}

html.onduty-theme-light .question-wrapper span:first-child,
html.onduty-theme-light .offer-extra p {
	color: var(--od-text) !important;
}

/* Spans inside primary buttons must stay white (override .wizard-step span) */
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-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 {
	color: #ffffff !important;
}

/* Spans inside secondary buttons inherit button color */
html.onduty-theme-light .back-btn span {
	color: #1a1d24 !important;
}
html.onduty-theme-dark .back-btn span {
	color: #c9c9c9 !important;
}

html.onduty-theme-light .social-media-wrapper .header-social-item svg path {
	fill: #2287d9 !important;
}

/* Theme toggle must stay black in light mode (not social icon blue) */
html.onduty-theme-light .social-media-wrapper .header-theme-toggle svg,
html.onduty-theme-light .social-media-wrapper .header-theme-toggle path {
	fill: #000000 !important;
	color: #000000 !important;
}

/* ── Wizard secondary buttons (Back, Restart) ──────────────────── */

html.onduty-theme-dark a.back-btn,
html.onduty-theme-dark a.restart-btn {
	color: #c9c9c9 !important;
	border-color: #646464 !important;
	background-color: transparent !important;
}

html.onduty-theme-light a.back-btn,
html.onduty-theme-light a.restart-btn {
	color: #1a1d24 !important;
	border-color: #5c6370 !important;
	background-color: #ffffff !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

html.onduty-theme-light a.back-btn:hover,
html.onduty-theme-light a.restart-btn:hover {
	color: #007aff !important;
	border-color: #007aff !important;
}

/* Keep primary CTA buttons readable */
html.onduty-theme-dark a.next-btn,
html.onduty-theme-light a.next-btn,
html.onduty-theme-dark button.next-btn,
html.onduty-theme-light button.next-btn {
	color: #ffffff !important;
}


/* ── Elementor sections ──────────────────────────────────────── */

html.onduty-theme-dark .elementor-section,
html.onduty-theme-dark .e-con,
html.onduty-theme-dark .e-con-inner,
html.onduty-theme-dark .elementor-widget-wrap,
html.onduty-theme-dark .elementor-column,
html.onduty-theme-light .elementor-section,
html.onduty-theme-light .e-con,
html.onduty-theme-light .e-con-inner,
html.onduty-theme-light .elementor-widget-wrap,
html.onduty-theme-light .elementor-column {
	background-color: transparent !important;
}

html.onduty-theme-light .elementor-element.elementor-section {
	background-color: var(--od-bg) !important;
}

/* ── WPForms (all forms) ─────────────────────────────────────── */

html.onduty-theme-dark div.wpforms-container-full,
html.onduty-theme-light div.wpforms-container-full,
html.onduty-theme-dark .wpforms-form,
html.onduty-theme-light .wpforms-form {
	background-color: transparent !important;
}

html.onduty-theme-dark div.wpforms-container-full .wpforms-field-label,
html.onduty-theme-light div.wpforms-container-full .wpforms-field-label,
html.onduty-theme-dark div.wpforms-container-full label,
html.onduty-theme-light div.wpforms-container-full label,
html.onduty-theme-dark .login-register-hint p,
html.onduty-theme-light .login-register-hint p {
	color: var(--od-text) !important;
}

html.onduty-theme-dark div.wpforms-container-full input[type="text"],
html.onduty-theme-dark div.wpforms-container-full input[type="email"],
html.onduty-theme-dark div.wpforms-container-full input[type="password"],
html.onduty-theme-dark div.wpforms-container-full input[type="tel"],
html.onduty-theme-dark div.wpforms-container-full input[type="number"],
html.onduty-theme-dark div.wpforms-container-full input[type="url"],
html.onduty-theme-dark div.wpforms-container-full select,
html.onduty-theme-dark div.wpforms-container-full textarea,
html.onduty-theme-light div.wpforms-container-full input[type="text"],
html.onduty-theme-light div.wpforms-container-full input[type="email"],
html.onduty-theme-light div.wpforms-container-full input[type="password"],
html.onduty-theme-light div.wpforms-container-full input[type="tel"],
html.onduty-theme-light div.wpforms-container-full input[type="number"],
html.onduty-theme-light div.wpforms-container-full input[type="url"],
html.onduty-theme-light div.wpforms-container-full select,
html.onduty-theme-light div.wpforms-container-full textarea {
	background-color: var(--od-bg-input) !important;
	color: var(--od-text) !important;
	border-color: var(--od-border) !important;
}

html.onduty-theme-dark div.wpforms-container-full input[type="checkbox"]:before,
html.onduty-theme-light div.wpforms-container-full input[type="checkbox"]:before {
	background-color: var(--od-bg-input) !important;
	border-color: var(--od-border) !important;
}

html.onduty-theme-dark .login-register-hint .register-link,
html.onduty-theme-light .login-register-hint .register-link {
	color: var(--od-brand-blue) !important;
}

/* ── Custom register/login forms (wizard step 6) ─────────────── */

html.onduty-theme-dark .login-register-wrapper .from-field-wrapper label,
html.onduty-theme-light .login-register-wrapper .from-field-wrapper label,
html.onduty-theme-dark #on-duty-register-form label,
html.onduty-theme-light #on-duty-register-form label,
html.onduty-theme-dark #on-duty-login-form label,
html.onduty-theme-light #on-duty-login-form label {
	color: var(--od-text) !important;
}

html.onduty-theme-dark .login-register-wrapper .from-field-wrapper input,
html.onduty-theme-light .login-register-wrapper .from-field-wrapper input,
html.onduty-theme-dark #on-duty-register-form input,
html.onduty-theme-light #on-duty-register-form input,
html.onduty-theme-dark #on-duty-login-form input,
html.onduty-theme-light #on-duty-login-form input {
	background-color: var(--od-bg-input) !important;
	color: var(--od-text) !important;
	border: 1px solid rgba(0, 122, 255, 0.35) !important;
}

html.onduty-theme-light .login-register-wrapper .from-field-wrapper input::placeholder,
html.onduty-theme-light #on-duty-register-form input::placeholder,
html.onduty-theme-light #on-duty-login-form input::placeholder {
	color: var(--od-text-muted) !important;
	opacity: 1;
}

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

html.onduty-theme-dark .password-strength,
html.onduty-theme-light .password-strength,
html.onduty-theme-dark #password_strength_text,
html.onduty-theme-light #password_strength_text {
	color: var(--od-text-muted) !important;
}

html.onduty-theme-dark .register-from-wrapper .iti__selected-country,
html.onduty-theme-light .register-from-wrapper .iti__selected-country,
html.onduty-theme-dark .register-from-wrapper .iti input,
html.onduty-theme-light .register-from-wrapper .iti input {
	background-color: var(--od-bg-input) !important;
	color: var(--od-text) !important;
	border-color: var(--od-border) !important;
}

html.onduty-theme-light .register-from-wrapper .iti__selected-dial-code {
	color: var(--od-text) !important;
}

html.onduty-theme-dark a.forgot-password-btn,
html.onduty-theme-light a.forgot-password-btn {
	color: var(--od-brand-blue) !important;
}

/* WPForms labels that were hardcoded white in on-duty style.css */
html.onduty-theme-light div.wpforms-container-full input[type="checkbox"] + label,
html.onduty-theme-light div.wpforms-container-full input[type="radio"] + label,
html.onduty-theme-light .wpforms-container .wpforms-form .wpforms-field-sublabel {
	color: var(--od-text) !important;
}

/* ── Wizard / on-duty templates ──────────────────────────────── */

html.onduty-theme-dark .welcome-wrapper,
html.onduty-theme-light .welcome-wrapper,
html.onduty-theme-dark .login-register-wrapper,
html.onduty-theme-light .login-register-wrapper,
html.onduty-theme-dark .login-wrapper,
html.onduty-theme-light .login-wrapper,
html.onduty-theme-dark .register-wrapper,
html.onduty-theme-light .register-wrapper {
	background-color: transparent !important;
	color: var(--od-text) !important;
}

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

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

html.onduty-theme-dark .login-from-wrapper input,
html.onduty-theme-light .login-from-wrapper input,
html.onduty-theme-dark .register-from-wrapper input,
html.onduty-theme-light .register-from-wrapper input {
	background-color: var(--od-bg-input) !important;
	color: var(--od-text) !important;
	border-color: var(--od-border) !important;
}

/* ── Footer ──────────────────────────────────────────────────── */

html.onduty-theme-dark .site-footer,
html.onduty-theme-light .site-footer,
html.onduty-theme-dark footer,
html.onduty-theme-light footer,
html.onduty-theme-dark .ast-footer-overlay,
html.onduty-theme-light .ast-footer-overlay {
	background-color: var(--od-bg-elevated) !important;
	color: var(--od-text) !important;
}

html.onduty-theme-dark .onduty-app-footer,
html.onduty-theme-light .onduty-app-footer {
	background-color: var(--od-bg-elevated) !important;
	border-top-color: var(--od-border) !important;
}

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

/* ── Cards / panels in wizard ────────────────────────────────── */

html.onduty-theme-dark .question-card,
html.onduty-theme-light .question-card,
html.onduty-theme-dark .wizard-content-box,
html.onduty-theme-light .wizard-content-box {
	background-color: var(--od-bg-card) !important;
	color: var(--od-text) !important;
	border-color: var(--od-border) !important;
}

/* Google translate bar fix */
html.onduty-theme-dark .goog-te-banner-frame,
html.onduty-theme-light .goog-te-banner-frame {
	display: none !important;
}

html.onduty-theme-dark body {
	top: 0 !important;
}

/* ── Wizard: offers, vehicles, questions ─────────────────────── */

html.onduty-theme-dark .offer-conatiner h3,
html.onduty-theme-light .offer-conatiner h3 {
	color: var(--od-text) !important;
}

html.onduty-theme-dark .offer-col,
html.onduty-theme-dark .vehicle-card label {
	background: #242424 !important;
	border-color: rgba(26, 136, 255, 0.3) !important;
}

html.onduty-theme-light .offer-col,
html.onduty-theme-light .vehicle-card label {
	background: var(--od-bg-card) !important;
	border: 1px solid rgba(0, 122, 255, 0.35) !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

/* Question 1/2/3 — radio card selection visible in both themes */
html.onduty-theme-dark .vehicle-card label,
html.onduty-theme-light .vehicle-card label {
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

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

html.onduty-theme-dark .vehicle-card label:hover,
html.onduty-theme-dark .vehicle-card input[type="radio"]:checked + label,
html.onduty-theme-light .vehicle-card label:hover,
html.onduty-theme-light .vehicle-card input[type="radio"]:checked + label {
	border: 2px solid #007aff !important;
}

html.onduty-theme-dark .vehicle-card input[type="radio"]:checked + label,
html.onduty-theme-dark .vehicle-card label:hover {
	background: #1a2f4a !important;
	box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.35), 0 12px 28px rgba(0, 122, 255, 0.28) !important;
}

html.onduty-theme-light .vehicle-card input[type="radio"]:checked + label,
html.onduty-theme-light .vehicle-card label:hover {
	background: #e8f4ff !important;
	box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.22), 0 8px 22px rgba(0, 122, 255, 0.2) !important;
}

html.onduty-theme-dark .vehicle-card input[type="radio"]:checked + label p,
html.onduty-theme-light .vehicle-card input[type="radio"]:checked + label p {
	color: #007aff !important;
	font-weight: 600 !important;
}

html.onduty-theme-dark .vehicle-card input[type="radio"]:focus-visible + label,
html.onduty-theme-light .vehicle-card input[type="radio"]:focus-visible + label {
	outline: 2px solid #007aff;
	outline-offset: 2px;
}

html.onduty-theme-dark .offer-title,
html.onduty-theme-dark .offer-content,
html.onduty-theme-dark .offer-extra ul li,
html.onduty-theme-light .offer-title,
html.onduty-theme-light .offer-content,
html.onduty-theme-light .offer-extra ul li {
	color: var(--od-text-muted) !important;
}

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

html.onduty-theme-dark .question-wrapper,
html.onduty-theme-light .question-wrapper {
	background-color: rgba(104, 210, 255, 0.15) !important;
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/question-bg.png") !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	border-color: var(--od-brand-blue) !important;
}

/* Keep decorative step backgrounds visible in both themes */
html.onduty-theme-dark .wizard-step.wizard-step-3,
html.onduty-theme-light .wizard-step.wizard-step-3 {
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/vehical-bg.png") !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 280px auto !important;
}

html.onduty-theme-dark .wizard-step.wizard-step-4,
html.onduty-theme-light .wizard-step.wizard-step-4 {
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/age-bg.png") !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 280px auto !important;
}

html.onduty-theme-dark .wizard-step.wizard-step-5,
html.onduty-theme-light .wizard-step.wizard-step-5 {
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/app-bg.png") !important;
	background-repeat: no-repeat !important;
	background-position: bottom left !important;
	background-size: 280px auto !important;
}

html.onduty-theme-dark .wizard-truck-bg,
html.onduty-theme-light .wizard-truck-bg {
	background-image: url("/wp-content/themes/astra-child/modules/on-duty-page/images/wizard-bg.webp") !important;
}

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

html.onduty-theme-dark .question-wrapper span:first-child,
html.onduty-theme-light .question-wrapper span:first-child {
	color: var(--od-text) !important;
}

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

html.onduty-theme-dark body .candidate-image-col .start-journey-wrapper,
html.onduty-theme-light body .candidate-image-col .start-journey-wrapper {
	background-color: var(--od-bg-card) !important;
}

html.onduty-theme-dark .candidate-image-col .start-journey-wrapper h3,
html.onduty-theme-light .candidate-image-col .start-journey-wrapper h3 {
	color: var(--od-text) !important;
}

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

/* Age gate / modal boxes in wizard */
html.onduty-theme-dark .age-gate-box,
html.onduty-theme-dark .modal-content,
html.onduty-theme-dark .popup-box,
html.onduty-theme-light .age-gate-box,
html.onduty-theme-light .modal-content,
html.onduty-theme-light .popup-box {
	background-color: var(--od-bg-card) !important;
	color: var(--od-text) !important;
}

html.onduty-theme-dark #wpforms-112,
html.onduty-theme-dark #wpforms-496,
html.onduty-theme-light #wpforms-112,
html.onduty-theme-light #wpforms-496 {
	background-color: transparent !important;
}

/* HR profile dashboard */
html.onduty-theme-dark body.page-id-1060 .entry-header,
html.onduty-theme-light body.page-id-1060 .entry-header,
html.onduty-theme-dark body.page-id-1060 article,
html.onduty-theme-light body.page-id-1060 article,
html.onduty-theme-dark body.page-id-1060 .entry-content,
html.onduty-theme-light body.page-id-1060 .entry-content {
	background-color: transparent !important;
	color: var(--od-text) !important;
}

html.onduty-theme-dark body.page-id-1060 .entry-title,
html.onduty-theme-light body.page-id-1060 .entry-title {
	color: var(--od-brand-blue) !important;
}