/**
 * Site-wide light/dark theme tokens and surface overrides.
 * Driven by html[data-theme="dark"|"light"] (see js/rework-theme.js).
 */

:root,
html[data-theme="light"] {
	color-scheme: light;
	--rw-bg: #f8fafc;
	--rw-surface: #ffffff;
	--rw-surface-2: #f1f5f9;
	--rw-ink: #0f172a;
	--rw-muted: #475569;
	--rw-soft: #64748b;
	--rw-line: #e2e8f0;
	--rw-header-bg: #ffffff;
	--rw-header-bg-sticky: hsla(0, 0%, 100%, 0.92);
	--rw-icon-bg: #f3f4f6;
	--rw-icon-ink: #111827;
	--rw-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
	--rw-primary: #0a65fc;
	--rw-primary-d: #0850c9;
	--cfy-primary: #0a65fc;
}

html[data-theme="dark"] {
	color-scheme: dark;
	--rw-bg: #0f1419;
	--rw-surface: #1a2332;
	--rw-surface-2: #243044;
	--rw-ink: #e8eef6;
	--rw-muted: #a8b4c4;
	--rw-soft: #8b98a8;
	--rw-line: #2d3a4d;
	--rw-header-bg: #151c27;
	--rw-header-bg-sticky: rgba(21, 28, 39, 0.94);
	--rw-icon-bg: #243044;
	--rw-icon-ink: #e8eef6;
	--rw-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
	--rw-primary: #0a65fc;
	--rw-primary-d: #3b82f6;
	--cfy-primary: #0a65fc;
}

/* Theme toggle (header, right of search) */
.rework-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 30px;
	background: var(--rw-icon-bg);
	color: var(--rw-icon-ink);
	cursor: pointer;
	box-sizing: border-box;
	flex: 0 0 auto;
	transition: background-color 0.18s cubic-bezier(0.23, 1, 0.32, 1), transform 0.12s cubic-bezier(0.23, 1, 0.32, 1);
}

.rework-theme-toggle svg {
	width: 18px;
	height: 18px;
	display: block;
}

.rework-theme-toggle .rework-theme-toggle__sun {
	display: none;
}

.rework-theme-toggle .rework-theme-toggle__moon {
	display: block;
}

html[data-theme="dark"] .rework-theme-toggle .rework-theme-toggle__sun {
	display: block;
}

html[data-theme="dark"] .rework-theme-toggle .rework-theme-toggle__moon {
	display: none;
}

@media (hover: hover) {
	.rework-theme-toggle:hover {
		background: var(--rw-surface-2);
	}
}

.rework-theme-toggle:active {
	transform: scale(0.97);
}

body.rework-header-light:not(.careerfy-sticky-header) .careerfy-header-two .rework-theme-toggle {
	background-color: rgba(255, 255, 255, 0.16) !important;
	color: #fff !important;
}

body.rework-header-dark:not(.careerfy-sticky-header) .careerfy-header-two .rework-theme-toggle,
body.careerfy-sticky-header .careerfy-header-two .rework-theme-toggle {
	background-color: var(--rw-icon-bg) !important;
	color: var(--rw-icon-ink) !important;
}

@media (prefers-reduced-motion: reduce) {
	.rework-theme-toggle {
		transition: none;
	}
}

/* ----- Dark surfaces (site-wide) ----- */
html[data-theme="dark"] body {
	background: var(--rw-bg) !important;
	color: var(--rw-ink);
}

html[data-theme="dark"] .careerfy-wrapper {
	background: var(--rw-bg);
}

html[data-theme="dark"] #careerfy-header.careerfy-header-two,
html[data-theme="dark"] body:not(.careerfy-sticky-header) .careerfy-header-two {
	background: var(--rw-header-bg) !important;
	border-bottom-color: var(--rw-line) !important;
	box-shadow: none !important;
}

html[data-theme="dark"] body.careerfy-sticky-header .careerfy-header-two {
	background: var(--rw-header-bg-sticky) !important;
	-webkit-backdrop-filter: saturate(180%) blur(12px) !important;
	backdrop-filter: saturate(180%) blur(12px) !important;
}

html[data-theme="dark"] body.rework-home-v2:not(.careerfy-sticky-header) .careerfy-header-two {
	background: var(--rw-header-bg) !important;
}

html[data-theme="dark"] body.rework-home-v2.careerfy-sticky-header .careerfy-header-two {
	background-color: var(--rw-header-bg-sticky) !important;
}

html[data-theme="dark"] .careerfy-main-content,
html[data-theme="dark"] main#main,
html[data-theme="dark"] .careerfy-main-section,
html[data-theme="dark"] .careerfy-content-wrapper {
	background: var(--rw-bg);
	color: var(--rw-ink);
}

html[data-theme="dark"] a {
	color: var(--rw-primary-d);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .careerfy-page-title,
html[data-theme="dark"] .jobsearch-typo-wrap {
	color: var(--rw-ink);
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] .jobsearch-description,
html[data-theme="dark"] .careerfy-rich-editor {
	color: var(--rw-muted);
}

/* Header nav / icons */
html[data-theme="dark"] .careerfy-navigation > ul > li > a,
html[data-theme="dark"] .navbar-nav > li > a,
html[data-theme="dark"] .careerfy-menu-list > li > a {
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .careerfy-navigation .sub-menu,
html[data-theme="dark"] .careerfy-navigation ul ul,
html[data-theme="dark"] .nav-item-children {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	box-shadow: var(--rw-shadow) !important;
}

html[data-theme="dark"] .careerfy-navigation .sub-menu a,
html[data-theme="dark"] .nav-item-children a {
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .hdr-search-trigger,
html[data-theme="dark"] .careerfy-user-option .careerfy-btn-icon,
html[data-theme="dark"] .careerfy-user-option > li.jobsearch-usernotifics-menubtn > a {
	background: var(--rw-icon-bg) !important;
	color: var(--rw-icon-ink) !important;
}

html[data-theme="dark"] .hdr-search-panel {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	box-shadow: var(--rw-shadow) !important;
}

html[data-theme="dark"] .jobsearch-header-search-form input[type="text"] {
	background: var(--rw-surface-2) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .jobsearch-header-search-form .hdr-search-type-trigger,
html[data-theme="dark"] .jobsearch-header-search-form .post-type-select:not(.hdr-search-type-native) {
	background: var(--rw-surface-2) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .jobsearch-header-search-form .hdr-search-type-menu {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
}

html[data-theme="dark"] .jobsearch-header-search-form .hdr-search-type-option {
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .jobsearch-header-search-form .hdr-search-type-option:hover,
html[data-theme="dark"] .jobsearch-header-search-form .hdr-search-type-option:focus {
	background: var(--rw-surface-2) !important;
}

html[data-theme="dark"] .hdr-search-backdrop {
	background: rgba(0, 0, 0, 0.55);
}

/* Hub / home tokens */
html[data-theme="dark"] .hub {
	--hub-primary: #0a65fc;
	--hub-primary-d: #3b82f6;
	--hub-ink: var(--rw-ink);
	--hub-muted: var(--rw-muted);
	--hub-soft-ink: var(--rw-soft);
	--hub-line: var(--rw-line);
	--hub-bg: var(--rw-bg);
	--hub-soft: #1e2a3d;
	background: var(--rw-bg);
	color: var(--rw-ink);
}

html[data-theme="dark"] .hub-hero {
	background: linear-gradient(180deg, #152033 0%, #121a26 55%, var(--rw-bg) 100%);
	border-bottom-color: var(--rw-line);
}

html[data-theme="dark"] .hub-search {
	background: var(--rw-surface);
	border-color: var(--rw-line);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 12px 32px -18px rgba(10, 101, 252, 0.35);
}

html[data-theme="dark"] .hub-search__city {
	background: var(--rw-surface-2);
	color: var(--rw-muted);
}

html[data-theme="dark"] .hub-search__city:hover,
html[data-theme="dark"] .hub-search__city-wrap.is-open .hub-search__city {
	background: #2a3a52;
	color: var(--rw-ink);
}

html[data-theme="dark"] .hub-search__city-panel,
html[data-theme="dark"] .hub-alert-dialog {
	background: var(--rw-surface);
	border-color: var(--rw-line);
	color: var(--rw-ink);
	box-shadow: var(--rw-shadow);
}

html[data-theme="dark"] .hub-search__city-filter,
html[data-theme="dark"] .hub-alert-dialog__input {
	background: var(--rw-surface-2);
	border-color: var(--rw-line);
	color: var(--rw-ink);
}

html[data-theme="dark"] .hub-chip {
	background: var(--rw-surface);
	border-color: var(--rw-line);
	color: var(--rw-ink);
}

html[data-theme="dark"] .hub-chip.is-active {
	background: #e8eef6;
	border-color: #e8eef6;
	color: #0f172a;
}

html[data-theme="dark"] .hub-card,
html[data-theme="dark"] .hub-card__in,
html[data-theme="dark"] .hub-job,
html[data-theme="dark"] .hub-aside,
html[data-theme="dark"] .hub-box,
html[data-theme="dark"] .hub-feed article,
html[data-theme="dark"] .hub-links,
html[data-theme="dark"] .hub-links__block,
html[data-theme="dark"] .hub-about__block,
html[data-theme="dark"] .hub-empty,
html[data-theme="dark"] .hub-btn,
html[data-theme="dark"] .hub-btn--ghost,
html[data-theme="dark"] .hub-save,
html[data-theme="dark"] .hub-link,
html[data-theme="dark"] .hub-skel,
html[data-theme="dark"] .rework-city-articles {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .hub-card__title,
html[data-theme="dark"] .hub-card__title a,
html[data-theme="dark"] .hub-h2,
html[data-theme="dark"] .hub-h3,
html[data-theme="dark"] .hub-company__name,
html[data-theme="dark"] .hub-feed__count {
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .hub-card__meta,
html[data-theme="dark"] .hub-card__salary,
html[data-theme="dark"] .hub-role__n {
	color: var(--rw-muted) !important;
}

html[data-theme="dark"] .hub-role__n {
	background: var(--rw-surface-2) !important;
}

html[data-theme="dark"] .hub-btn--primary {
	background: var(--rw-primary) !important;
	border-color: var(--rw-primary) !important;
	color: #fff !important;
}

html[data-theme="dark"] .rework-home-v2 .home-hub {
	background: var(--rw-bg);
}

/* Mobile strip */
/* Mobile strip logo: black by default, white in dark theme (parity with desktop). */
.mobile-logocon .careerfy-logo{display:inline-flex;align-items:center;line-height:0}
.mobile-logocon .careerfy-logo .logo-img{display:block;width:auto;height:28px;max-width:120px}
.mobile-logocon .careerfy-logo .logo--light{display:none}
.mobile-logocon .careerfy-logo .logo--dark{display:block}

html[data-theme="dark"] .careerfy-mobilehder-strip,
html[data-theme="dark"] .careerfy-mobilehder-strip.mobile-hder-style1 {
	background: var(--rw-header-bg) !important;
	border-bottom: 1px solid var(--rw-line) !important;
}

html[data-theme="dark"] .mobile-right-btnscon a.mobile-login-btn,
html[data-theme="dark"] .mobile-right-btnscon .rework-theme-toggle {
	background: var(--rw-icon-bg) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-icon-ink) !important;
}

.mobile-right-btnscon .rework-theme-toggle {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid var(--rw-line, #e2e8f0);
}

/* Job listing / cards */
html[data-theme="dark"] .jobsearch-joblisting-classic,
html[data-theme="dark"] .careerfy-joblisting-view4,
html[data-theme="dark"] .jobsearch-job-grid,
html[data-theme="dark"] .jobsearch-listing-item,
html[data-theme="dark"] .careerfy-employer-grid,
html[data-theme="dark"] .jobsearch-candidate-default {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .jobsearch-joblisting-classic .jobsearch-table-cell,
html[data-theme="dark"] .jobsearch-job-title a,
html[data-theme="dark"] .careerfy-joblisting-view4 h2 a {
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .jobsearch-filter-wrapper,
html[data-theme="dark"] .jobsearch-search-filter-wrap,
html[data-theme="dark"] .jobsearch-filters-sidebar,
html[data-theme="dark"] aside.jobsearch-column-3,
html[data-theme="dark"] .widget,
html[data-theme="dark"] .careerfy-box {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
	background: var(--rw-surface-2) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
	color: var(--rw-soft) !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .select2-dropdown {
	background: var(--rw-surface-2) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] .select2-results__option {
	color: var(--rw-ink) !important;
}

/* Footer */
html[data-theme="dark"] footer,
html[data-theme="dark"] .careerfy-footer,
html[data-theme="dark"] .footer-widget {
	background: #121820 !important;
	color: var(--rw-muted) !important;
	border-color: var(--rw-line) !important;
}

html[data-theme="dark"] .careerfy-footer a {
	color: var(--rw-ink) !important;
}

/* Mobile header */
html[data-theme="dark"] .careerfy-mobile-header,
html[data-theme="dark"] .mobile-header,
html[data-theme="dark"] .careerfy-mobi-header {
	background: var(--rw-header-bg) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .careerfy-mm-menu,
html[data-theme="dark"] .mm-menu,
html[data-theme="dark"] .careerfy-mobile-navigation {
	background: var(--rw-surface) !important;
	color: var(--rw-ink) !important;
}

/* Professii */
html[data-theme="dark"] body.rework-24r-professions {
	--rework-24r-surface: var(--rw-bg);
	--rework-24r-text: var(--rw-ink);
	--rework-24r-muted: var(--rw-muted);
	--rework-24r-border: var(--rw-line);
	background: var(--rw-bg);
	color: var(--rw-ink);
}

html[data-theme="dark"] body.rework-24r-professions #careerfy-header.careerfy-header-two {
	background: var(--rw-header-bg) !important;
	border-bottom-color: var(--rw-line) !important;
}

html[data-theme="dark"] .rework-24r-professions-wrap,
html[data-theme="dark"] .rework-24r-prof-archive,
html[data-theme="dark"] .rework-24r-prof-single,
html[data-theme="dark"] .rework-24r-prof-card,
html[data-theme="dark"] .rework-24r-professions-layout {
	background: transparent;
	color: var(--rw-ink);
	border-color: var(--rw-line);
}

html[data-theme="dark"] .rework-24r-prof-card,
html[data-theme="dark"] .rework-24r-professions-wrap .card,
html[data-theme="dark"] body.rework-24r-professions .careerfy-box {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

/* Dashboard / user area */
html[data-theme="dark"] .jobsearch-employer-dashboard,
html[data-theme="dark"] .jobsearch-candidate-dashboard,
html[data-theme="dark"] .dashboard-content-wrapper,
html[data-theme="dark"] .jobsearch-userdash-menu {
	background: var(--rw-bg) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .jobsearch-userdash-menu a {
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] table,
html[data-theme="dark"] .jobsearch-table,
html[data-theme="dark"] .table {
	color: var(--rw-ink);
	border-color: var(--rw-line);
}

html[data-theme="dark"] table th,
html[data-theme="dark"] table td {
	border-color: var(--rw-line) !important;
	color: var(--rw-ink);
}

html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .jobsearch-modal-popup,
html[data-theme="dark"] .fancybox-content {
	background: var(--rw-surface) !important;
	color: var(--rw-ink) !important;
	border-color: var(--rw-line) !important;
}

/* VC / generic sections */
html[data-theme="dark"] .vc_section:not(.vc-custom-dark-header-container):not(.home-hero),
html[data-theme="dark"] .vc_row:not(.vc-custom-dark-header-container) {
	background-color: transparent;
}

html[data-theme="dark"] .wpb_text_column,
html[data-theme="dark"] .wpb_wrapper {
	color: var(--rw-muted);
}

/* Vakansii v2 */
html[data-theme="dark"] body.rework-vk-v2 {
	--vk-ink: var(--rw-ink);
	--vk-soft: var(--rw-soft);
	--vk-line: var(--rw-line);
	--vk-primary: var(--rw-primary);
	background: var(--rw-bg);
	color: var(--rw-ink);
}

html[data-theme="dark"] .rework-vk-v2 .vk-search__city-panel {
	background: var(--rw-surface);
	border-color: var(--rw-line);
}

html[data-theme="dark"] .rework-vk-v2 .vk-search__city-filter {
	background: var(--rw-surface-2);
	border-color: var(--rw-line);
	color: var(--rw-ink);
}

/* Cookie / misc overlays */
html[data-theme="dark"] .cky-consent-container,
html[data-theme="dark"] .cookie-notice,
html[data-theme="dark"] #cookie-notice {
	background: var(--rw-surface) !important;
	color: var(--rw-ink) !important;
	border-color: var(--rw-line) !important;
}

/* ----- Acceptance fixes 2026-10-10: exact white islands + invisible text ----- */

/* A1 mobile menu */
html[data-theme="dark"] div.careerfy-mobile-hdr-sidebar,
html[data-theme="dark"] nav#careerfy-mobile-navpanel,
html[data-theme="dark"] .careerfy-mobile-hdr-sidebar {
	background: var(--rw-surface) !important;
	color: var(--rw-ink) !important;
	border-color: var(--rw-line) !important;
}

html[data-theme="dark"] .careerfy-mobile-hdr-sidebar a,
html[data-theme="dark"] nav#careerfy-mobile-navpanel a {
	color: var(--rw-ink) !important;
}

/* A2 close btn */
html[data-theme="dark"] button.mobile-navclose-btn {
	background: var(--rw-surface-2) !important;
	color: var(--rw-ink) !important;
	border-color: var(--rw-line) !important;
}

/* A3–A5 search (force over header-tone !important) */
html[data-theme="dark"] button.hdr-search-trigger.careerfy-btn-icon,
html[data-theme="dark"] body .careerfy-header-two .hdr-search-trigger {
	background: var(--rw-icon-bg) !important;
	color: var(--rw-icon-ink) !important;
}

html[data-theme="dark"] .hdr-search-panel,
html[data-theme="dark"] body .hdr-search-panel {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .hdr-search-type-trigger,
html[data-theme="dark"] .jobsearch-header-search-form .hdr-search-type-trigger {
	background: var(--rw-surface-2) !important;
	color: var(--rw-ink) !important;
	border-color: var(--rw-line) !important;
}

/* A6 hero search form */
html[data-theme="dark"] form.hub-search,
html[data-theme="dark"] form.hub-search.home-search {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
}

/* A7–A8 chips — critical: light text was on white */
html[data-theme="dark"] a.hub-chip,
html[data-theme="dark"] .hub-chip,
html[data-theme="dark"] button.hub-chip {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] a.hub-chip .hub-chip__n,
html[data-theme="dark"] .hub-chip .hub-chip__n {
	color: var(--rw-soft) !important;
}

html[data-theme="dark"] a.hub-chip.is-active,
html[data-theme="dark"] .hub-chip.is-active,
html[data-theme="dark"] button.hub-chip.is-active {
	background: #e8eef6 !important;
	border-color: #e8eef6 !important;
	color: #0f172a !important;
}

html[data-theme="dark"] a.hub-chip.is-active .hub-chip__n,
html[data-theme="dark"] .hub-chip.is-active .hub-chip__n {
	color: rgba(15, 23, 42, 0.65) !important;
}

/* A9 badge */
html[data-theme="dark"] span.hub-badge.hub-badge--new,
html[data-theme="dark"] .hub-badge--new {
	background: #14532d !important;
	color: #bbf7d0 !important;
}

/* A10 meta pills */
html[data-theme="dark"] .hub-card__meta li {
	background: var(--rw-surface-2) !important;
	color: var(--rw-muted) !important;
}

/* A11 FAQ icon */
html[data-theme="dark"] span.hub-faq__icon,
html[data-theme="dark"] .hub-faq__icon {
	background: var(--rw-surface-2) !important;
	color: var(--rw-ink) !important;
}

/* A12–A13 media / articles */
html[data-theme="dark"] article.rework-article-card__inner,
html[data-theme="dark"] .rework-article-card__inner,
html[data-theme="dark"] .rework-article-card,
html[data-theme="dark"] .careerfy-eighteen-blog-grid li,
html[data-theme="dark"] .careerfy-news-grid li {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] a.rework-city-articles__more,
html[data-theme="dark"] a.rework-city-articles__more--cat,
html[data-theme="dark"] .rework-city-articles__more {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

/* A14 footer info row */
html[data-theme="dark"] #careerfy-footer .careerfy-footer-widget > .row,
html[data-theme="dark"] .careerfy-footer-three .careerfy-footer-widget > .row {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
	--rework-footer-card-bg: var(--rw-surface);
	--rework-footer-card-border: var(--rw-line);
}

/* A15 job detail hero */
html[data-theme="dark"] figure.jobsearch-jobdetail-list.jobsearch-jobdetail-hero,
html[data-theme="dark"] .jobsearch-jobdetail-hero,
html[data-theme="dark"] .jobsearch-jobdetail-list {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

/* A16 breadcrumb */
html[data-theme="dark"] div.careerfy-breadcrumb,
html[data-theme="dark"] .careerfy-breadcrumb,
html[data-theme="dark"] .rework-24r-professions-breadcrumb {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-muted) !important;
}

html[data-theme="dark"] .careerfy-breadcrumb a {
	color: var(--rw-ink) !important;
}

/* A17 professii controls */
html[data-theme="dark"] div.rework-24r-prof-archive__controls,
html[data-theme="dark"] .rework-24r-prof-archive__controls {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

/* A18 media header */
html[data-theme="dark"] body.rework-blog-pages #careerfy-header.careerfy-header-two,
html[data-theme="dark"] body.rework-blog-archive #careerfy-header.careerfy-header-two,
html[data-theme="dark"] body.blog #careerfy-header.careerfy-header-two,
html[data-theme="dark"] header#careerfy-header.careerfy-header-two {
	background: var(--rw-header-bg) !important;
	border-bottom-color: var(--rw-line) !important;
}

/* A19 quick-apply close */
html[data-theme="dark"] a.jobsearch-quick-apply-close,
html[data-theme="dark"] .jobsearch-quick-apply-close {
	background: var(--rw-surface-2) !important;
	color: var(--rw-ink) !important;
	border-color: var(--rw-line) !important;
}

/* B1 header nav links — dark ink on dark header */
html[data-theme="dark"] #careerfy-header .careerfy-navigation > ul > li > a,
html[data-theme="dark"] #careerfy-header .navbar-nav > li > a,
html[data-theme="dark"] #careerfy-header .careerfy-menu-list > li > a,
html[data-theme="dark"] body.rework-header-dark #careerfy-header .careerfy-navigation > ul > li > a,
html[data-theme="dark"] body.careerfy-sticky-header #careerfy-header .careerfy-navigation > ul > li > a {
	color: var(--rw-ink) !important;
}

/* B2 hub links */
html[data-theme="dark"] a.hub-link,
html[data-theme="dark"] .hub-link {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

/* B3 footer menu */
html[data-theme="dark"] #careerfy-footer li.menu-item,
html[data-theme="dark"] #careerfy-footer li.menu-item a,
html[data-theme="dark"] .careerfy-footer-three li.menu-item a,
html[data-theme="dark"] .careerfy-footer-three .menu a {
	color: var(--rw-ink) !important;
}

/* B4 footer about */
html[data-theme="dark"] div.footer-about,
html[data-theme="dark"] .footer-about,
html[data-theme="dark"] .footer-about__brand,
html[data-theme="dark"] .footer-about p,
html[data-theme="dark"] .footer-about a {
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .footer-about {
	background: transparent !important;
}

/* Sync hub CSS variables with site theme */
html[data-theme="dark"] .hub {
	--hub-ink: var(--rw-ink);
	--hub-muted: var(--rw-muted);
	--hub-soft-ink: var(--rw-soft);
	--hub-line: var(--rw-line);
	--hub-bg: var(--rw-bg);
	--hub-soft: var(--rw-surface-2);
}

/* Professii chips / sort */
html[data-theme="dark"] a.rework-24r-chip,
html[data-theme="dark"] .rework-24r-chip,
html[data-theme="dark"] a.rework-24r-sort,
html[data-theme="dark"] .rework-24r-sort {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] a.rework-24r-chip.is-active,
html[data-theme="dark"] a.rework-24r-sort.is-active {
	background: var(--rw-surface-2) !important;
	color: var(--rw-primary-d) !important;
}

html[data-theme="dark"] button.rework-24r-prof-archive__chips-toggle {
	color: var(--rw-primary-d) !important;
	background: transparent !important;
}

/* Media / blog categories + pagination */
html[data-theme="dark"] nav.rework-blog-categories,
html[data-theme="dark"] .rework-blog-categories {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] a.rework-blog-categories__link {
	background: var(--rw-surface-2) !important;
	color: var(--rw-ink) !important;
	border-color: var(--rw-line) !important;
}

html[data-theme="dark"] a.rework-blog-categories__link.is-active {
	background: #1e3a5f !important;
	color: #e8eef6 !important;
}

html[data-theme="dark"] a.page-numbers,
html[data-theme="dark"] .page-numbers {
	background: var(--rw-surface) !important;
	border-color: var(--rw-line) !important;
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] body.rework-blog-pages #careerfy-header.careerfy-header-two.common-header-transparent,
html[data-theme="dark"] header.careerfy-header-two.common-header-transparent {
	background: var(--rw-header-bg) !important;
}

/* FAQ icon — force over hub soft tint */
html[data-theme="dark"] .hub-faq__icon,
html[data-theme="dark"] span.hub-faq__icon {
	background: var(--rw-surface-2) !important;
	color: var(--rw-ink) !important;
	border-color: var(--rw-line) !important;
}

/* Footer headings */
html[data-theme="dark"] #careerfy-footer h2,
html[data-theme="dark"] #careerfy-footer .footer-widget-title,
html[data-theme="dark"] #careerfy-footer .footer-widget-title h2 {
	color: var(--rw-ink) !important;
}

/* Breadcrumb active / trail */
html[data-theme="dark"] .careerfy-breadcrumb li,
html[data-theme="dark"] .careerfy-breadcrumb li.active,
html[data-theme="dark"] .rework-blog-breadcrumb li {
	color: var(--rw-muted) !important;
}

html[data-theme="dark"] .careerfy-breadcrumb li.active {
	color: var(--rw-ink) !important;
}

/* Article card meta */
html[data-theme="dark"] .rework-article-card__date,
html[data-theme="dark"] .rework-article-card__author,
html[data-theme="dark"] .rework-article-card__title,
html[data-theme="dark"] .rework-article-card__media {
	color: var(--rw-ink) !important;
}

html[data-theme="dark"] .rework-article-card__date {
	color: var(--rw-soft) !important;
}

/* ===== Тёмная тема: добивка каскада (Hermes, 11.10.2026) =====
   Здесь то, что оставалось светлым/нечитаемым: элементы главной вне hero,
   панель поиска, карточки статей, подвал, каталог профессий, quick-apply.
   Специфичность заведомо выше правил-победителей (см. QA-отчёт 11.10.2026). */
html[data-theme="dark"] .hub-chip{background:var(--rw-surface)!important;border-color:var(--rw-line)!important;color:var(--rw-ink)!important}
html[data-theme="dark"] .hub-chip.is-active{background:var(--rw-primary)!important;border-color:var(--rw-primary)!important;color:#fff!important}
html[data-theme="dark"] .hub-search{background:var(--rw-surface)!important;border-color:var(--rw-line)!important}
html[data-theme="dark"] .hub-badge--new{background:rgba(16,185,129,.18)!important;color:#6ee7b7!important}
html[data-theme="dark"] .hub-card__meta li{background:var(--rw-surface-2)!important;color:var(--rw-muted)!important}
html[data-theme="dark"] .hub-faq__icon{background:var(--rw-surface-2)!important}
html[data-theme="dark"] .hub-sticky{background:var(--rw-header-bg-sticky)!important;border-color:var(--rw-line)!important}
html[data-theme="dark"] .hub-sticky__btn{background:var(--rw-surface-2)!important;color:var(--rw-ink)!important}
html[data-theme="dark"] article.rework-article-card__inner{background:var(--rw-surface)!important;border-color:var(--rw-line)!important}
html[data-theme="dark"] a.rework-city-articles__more,
html[data-theme="dark"] a.rework-city-articles__more--cat{
	background:var(--rw-surface)!important;border-color:var(--rw-line)!important;color:var(--rw-ink)!important;
}
html[data-theme="dark"] .rework-24r-prof-archive__controls{background:var(--rw-surface)!important;border-color:var(--rw-line)!important}
html[data-theme="dark"] .hdr-search-panel{background:var(--rw-surface)!important;border-color:var(--rw-line)!important}
html[data-theme="dark"] .hdr-search-type-trigger{background:var(--rw-surface-2)!important;color:var(--rw-ink)!important}
html[data-theme="dark"] button.hdr-search-trigger.careerfy-btn-icon{background:var(--rw-icon-bg)!important;color:var(--rw-icon-ink)!important}
html[data-theme="dark"] .sugg-search-results{background:var(--rw-surface)!important;border-color:var(--rw-line)!important}
html[data-theme="dark"] a.jobsearch-quick-apply-close{background:var(--rw-surface)!important;color:var(--rw-ink)!important}
html[data-theme="dark"] header#careerfy-header{background:var(--rw-header-bg)!important}
/* Подвал: правила приходят из инлайнового careerfy-custom-styles — нужна высокая специфичность */
html[data-theme="dark"] body #careerfy-footer .careerfy-footer-widget ul li,
html[data-theme="dark"] body #careerfy-footer .careerfy-footer-widget ul li a,
html[data-theme="dark"] body #careerfy-footer .careerfy-footer-widget p,
html[data-theme="dark"] body #careerfy-footer .careerfy-footer-one .text,
html[data-theme="dark"] body #careerfy-footer .careerfy-footer-widget .text{color:var(--rw-muted)!important}
html[data-theme="dark"] body #careerfy-footer .footer-about,
html[data-theme="dark"] body #careerfy-footer .footer-about__brand,
html[data-theme="dark"] body #careerfy-footer .footer-about *{color:var(--rw-ink)}
html[data-theme="dark"] body #careerfy-footer div.row{background:transparent!important}
html[data-theme="dark"] body #careerfy-footer .careerfy-footer-widget a:hover{color:var(--rw-primary-d)!important}

/* ===== Каркас: hero и сетка (Hermes, 11.10.2026) =====
   Zero side padding only on desktop/tablet shells — never on mobile,
   where the hero needs horizontal inset from the screen edge. */
@media (min-width:992px) and (max-width:1439.98px){
	html[data-theme] body.rework-home-v2 section.home-hero{
		padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;
	}
}
@media (min-width:1440px){
	html[data-theme] body .hub-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
}

/* ===== Тёмная тема: раунд 2 (Hermes, 11.10.2026) ===== */
html[data-theme="dark"] a[href*="/rubrika/"]{background:var(--rw-surface-2)!important;color:var(--rw-ink)!important}
html[data-theme="dark"] .rework-article-card strong,
html[data-theme="dark"] .blog-grid-style2 strong,
html[data-theme="dark"] .rework-city-articles strong,
html[data-theme="dark"] article strong{color:var(--rw-ink)!important}
html[data-theme="dark"] .modal-box-area{background:var(--rw-surface)!important;color:var(--rw-ink)!important}

/* ===== Тёмная тема: раунд 5 — ссылки и серые подписи в карточках (Hermes, 11.10.2026) ===== */
html[data-theme="dark"] a.careerfy-phone-link,
html[data-theme="dark"] .careerfy-phone-masked-wrap,
html[data-theme="dark"] a.careerfy-phone-masked-wrap{color:var(--rw-primary-d)!important}
html[data-theme="dark"] .job-card-company-row,
html[data-theme="dark"] .jobdetail-company-row,
html[data-theme="dark"] .jobdetail-hero-city,
html[data-theme="dark"] .jobdetail-hero-city--card-corner,
html[data-theme="dark"] .job-card-company-row *,
html[data-theme="dark"] .jobdetail-hero-city *{color:var(--rw-muted)!important}

/* ===== Чипы типа занятости из wp-jobsearch (Hermes, 11.10.2026) =====
   wp-jobsearch печатает background-color/color из term-meta ('jobsearch_field_jobtype_color')
   в inline-стиле с !important — CSS такое не перебивает. Поэтому в term-meta положены
   var(--rw-jt-*), а палитра управляется здесь. Значения light-темы = прежние (паритет). */
:root, html[data-theme="light"]{--rw-jt-bg:#ffffff;--rw-jt-ink:#777777;--rw-jt-ink-soft:#aaaaaa;--rw-jt-ink-accent:#3581fc}
html[data-theme="dark"]{--rw-jt-bg:#1a2332;--rw-jt-ink:#e8eef6;--rw-jt-ink-soft:#a8b4c4;--rw-jt-ink-accent:#3b82f6}
html[data-theme="dark"] a.jobsearch-option-btn,
html[data-theme="dark"] a.jobsearch-jobdetail-type,
html[data-theme="dark"] span.jobsearch-jobdetail-type{border-color:var(--rw-line)}