/* PatchworkHub theme tokens + dark mode overrides
   Scope: Applies only when html[data-theme="dark"]
*/

/* Admin header brand sizing (prevents oversized SVG logo) */
#app .main-header .admin-brand-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

#app .main-header .admin-brand-icon {
  height: auto;
  width: auto;
  max-width: 220px;
  max-height: 44px;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}

#app .main-header .admin-brand-text {
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
}

#app .main-header .admin-brand-text sup {
  font-size: 0.42em;
  vertical-align: top;
  margin-left: 2px;
  line-height: 1;
}

html[data-theme="light"] #app .main-header .admin-brand-link,
html[data-theme="light"] #app .main-header .admin-brand-link:hover,
html[data-theme="light"] #app .main-header .admin-brand-link:focus,
html[data-theme="light"] #app .main-header .admin-brand-text {
  color: #3F2666 !important;
}

html[data-theme="light"] #app .main-header .admin-brand-text {
  font-family: 'Comfortaa', sans-serif !important;
}

html[data-theme="dark"] #app .main-header .admin-brand-text {
  font-family: 'Comfortaa', sans-serif !important;
}

html[data-theme="dark"] {
  color-scheme: dark;

  /* Slack-like dark neutrals */
  --pw-bg: #1a1d21;
  --pw-surface: #222529;
  --pw-surface-2: #2c2f36;
  --pw-border: #3a3f46;

  --pw-text: #d1d2d3;
  --pw-text-muted: #a5a6a8;
  --pw-text-inverse: #0f1114;

  --pw-link: #36c5f0;
  --pw-link-hover: #7dd3fc;

  --pw-input-bg: #1f2328;
  --pw-input-border: #3a3f46;
  --pw-input-text: #d1d2d3;
  --pw-placeholder: #8b8d91;

  --pw-shadow: rgba(0, 0, 0, 0.35);
}

/* Base page surfaces */
html[data-theme="dark"] body {
  background: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

/* Legacy light styles set `.page-wrapper` background with `!important` (e.g. #fafac8). Force true-dark shell. */
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .bravo_wrap.page-wrapper {
  background-color: var(--pw-bg) !important;
  background: var(--pw-bg) !important;
}

html[data-theme="dark"] a {
  color: var(--pw-link);
}
html[data-theme="dark"] a:visited {
  color: var(--pw-link);
}
html[data-theme="dark"] a:hover {
  color: var(--pw-link-hover);
}

/* Common light utility classes used throughout */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light {
  background-color: var(--pw-surface) !important;
}

html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .clrDark {
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .text-muted {
  color: var(--pw-text-muted) !important;
}

/* Cards / panels / modals */
html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .list-group-item {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
  background-color: var(--pw-surface-2) !important;
  border-color: var(--pw-border) !important;
}

/* Tables */
html[data-theme="dark"] table,
html[data-theme="dark"] .table {
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .table thead th {
  border-bottom-color: var(--pw-border) !important;
}
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {
  border-top-color: var(--pw-border) !important;
}

/* Forms (covers dropdowns + free text inputs) */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--pw-placeholder) !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .custom-select {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

/* Footer newsletter signup (override existing ID-based placeholder styles) */
html[data-theme="dark"] .footer-bottom-section #newletter_email {
  background-color: var(--pw-input-bg) !important;
  color: var(--pw-input-text) !important;
}
html[data-theme="dark"] .footer-bottom-section #newletter_email::placeholder {
  color: var(--pw-placeholder) !important;
  background-color: transparent !important;
}

/* Bootstrap dropdown items */
html[data-theme="dark"] .dropdown-item {
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
  background-color: var(--pw-surface-2) !important;
  color: var(--pw-text) !important;
}

/* Select2 (admin uses it heavily) */
html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .select2-container--default .select2-selection--multiple {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
}
html[data-theme="dark"] .select2-container--default .select2-selection__rendered,
html[data-theme="dark"] .select2-container--default .select2-selection__placeholder {
  color: var(--pw-input-text) !important;
}
html[data-theme="dark"] .select2-dropdown,
html[data-theme="dark"] .select2-container--open .select2-dropdown {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .select2-results__option {
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .select2-results__option--highlighted[aria-selected] {
  background-color: var(--pw-surface-2) !important;
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .select2-search__field {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}
html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #31435c !important;
  border-color: #4c6587 !important;
  color: #f5f7fb !important;
}
html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #d9e2f2 !important;
}
html[data-theme="dark"] .bootstrap-select > .dropdown-toggle,
html[data-theme="dark"] .bootstrap-select > .dropdown-toggle:hover,
html[data-theme="dark"] .bootstrap-select > .dropdown-toggle:focus,
html[data-theme="dark"] .bootstrap-select > .dropdown-toggle:active {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}
html[data-theme="dark"] .bootstrap-select .filter-option,
html[data-theme="dark"] .bootstrap-select .filter-option-inner,
html[data-theme="dark"] .bootstrap-select .filter-option-inner-inner,
html[data-theme="dark"] .bootstrap-select .bs-caret,
html[data-theme="dark"] .bootstrap-select .caret {
  color: var(--pw-input-text) !important;
}
html[data-theme="dark"] .bootstrap-select .dropdown-menu,
html[data-theme="dark"] .bootstrap-select .dropdown-menu.inner,
html[data-theme="dark"] .bootstrap-select .inner {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
}
html[data-theme="dark"] .bootstrap-select .dropdown-menu li a,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li span,
html[data-theme="dark"] .bootstrap-select .dropdown-item,
html[data-theme="dark"] .bootstrap-select .text {
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected a,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li a:hover,
html[data-theme="dark"] .bootstrap-select .dropdown-menu li a:focus,
html[data-theme="dark"] .bootstrap-select .dropdown-item:hover,
html[data-theme="dark"] .bootstrap-select .dropdown-item:focus {
  background-color: var(--pw-surface-2) !important;
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .bootstrap-select .bs-searchbox input {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}
.pw-status-badge-group {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.pw-status-badge__label {
  min-width: 0 !important;
}

.pw-status-badge__date {
  background-color: #eef1f5 !important;
  border: 1px solid #cbd3de !important;
  color: #243447 !important;
  display: inline-flex;
  font-weight: 600;
  line-height: 1.25;
  min-width: 0 !important;
  padding: 0.15rem 0.45rem;
  text-transform: none !important;
}

html[data-theme="dark"] .badge.badge-pending {
  background-color: #a86f00 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .pw-status-badge__date {
  background-color: #323a46 !important;
  border-color: #4d5867 !important;
  color: #f5f7fb !important;
}

/* Admin layout shells (scope to admin-only #app wrapper so public footer isn't affected) */
html[data-theme="dark"] #app .main-sidebar,
html[data-theme="dark"] #app .main-header,
html[data-theme="dark"] #app .main-footer,
html[data-theme="dark"] #app .main-content {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

/* Public top-bar */
html[data-theme="dark"] .top-bar {
  background-color: var(--pw-bg) !important;
  border-bottom: 1px solid var(--pw-border);
}

html[data-theme="dark"] .top-bar a,
html[data-theme="dark"] .top-bar a:visited,
html[data-theme="dark"] .top-bar .navigation ul li a,
html[data-theme="dark"] .top-bar .navigation ul li a:not(.button),
html[data-theme="dark"] .top-bar .main_header_item,
html[data-theme="dark"] .top-bar #header_elem,
html[data-theme="dark"] .top-bar .top-header-text-color-dark,
html[data-theme="dark"] .top-bar .is_login,
html[data-theme="dark"] .top-bar .full-name,
html[data-theme="dark"] .top-bar .pw-theme-toggle,
html[data-theme="dark"] .top-bar .pw-theme-toggle .fas {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

/* Main header + navigation (fix unreadable menu text) */
html[data-theme="dark"] .main-header,
html[data-theme="dark"] .main-header .main-box {
  background-color: var(--pw-bg) !important;
}

html[data-theme-mode="contrast"] .top-bar,
html[data-theme-mode="contrast"] .main-header,
html[data-theme-mode="contrast"] .main-header .main-box {
  background-color: #000000 !important;
  background: #000000 !important;
}

html[data-theme-mode="contrast"] .desktop-logo-text {
  color: #ffeb3b !important;
}

html[data-theme-mode="contrast"] .top-bar a,
html[data-theme-mode="contrast"] .top-bar a:visited,
html[data-theme-mode="contrast"] .top-bar .navigation ul li a,
html[data-theme-mode="contrast"] .top-bar .navigation ul li a:not(.button),
html[data-theme-mode="contrast"] .top-bar .main_header_item,
html[data-theme-mode="contrast"] .top-bar #header_elem,
html[data-theme-mode="contrast"] .top-bar .top-header-text-color-dark,
html[data-theme-mode="contrast"] .top-bar .is_login,
html[data-theme-mode="contrast"] .top-bar .full-name,
html[data-theme-mode="contrast"] .top-bar .pw-theme-toggle,
html[data-theme-mode="contrast"] .top-bar .pw-theme-toggle .fas,
html[data-theme-mode="contrast"] .main-header .main-menu .navigation > li > a,
html[data-theme-mode="contrast"] .main-header .main-menu .navigation > li > span,
html[data-theme-mode="contrast"] #secondary-navigation .navigation > li > a,
html[data-theme-mode="contrast"] #secondary-navigation .navigation > li > span,
html[data-theme-mode="contrast"] #hidden-secondary-navigation .navigation > li > a,
html[data-theme-mode="contrast"] #hidden-secondary-navigation .navigation > li > span,
html[data-theme-mode="contrast"] #second-secondary-navigation .navigation > li > a,
html[data-theme-mode="contrast"] #second-secondary-navigation .navigation > li > span,
html[data-theme-mode="contrast"] .main-menu .navigation > li.dropdown > span:after,
html[data-theme-mode="contrast"] .main-menu .navigation > li.dropdown > a:after,
html[data-theme-mode="contrast"] .main-menu .navigation .caret,
html[data-theme-mode="contrast"] .main-menu .navigation em.caret {
  color: #ffeb3b !important;
  text-decoration-color: #ffeb3b !important;
}

html[data-theme-mode="contrast"] .main-menu .navigation > li > ul,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > ul {
  background-color: #000000 !important;
  background: #000000 !important;
  border-top-color: #ffeb3b !important;
  box-shadow: none !important;
}

html[data-theme-mode="contrast"] .main-menu .navigation > li > ul:before {
  border-bottom-color: #ffeb3b !important;
}

html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > a,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > span,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > ul > li > a,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > ul > li > span,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li.current > a,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > ul > li.current > a {
  color: #ffeb3b !important;
}

html[data-theme-mode="contrast"] .main-menu .navigation > li > a:hover,
html[data-theme-mode="contrast"] .main-menu .navigation > li > span:hover,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > a:hover,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > span:hover,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > ul > li > a:hover,
html[data-theme-mode="contrast"] .main-menu .navigation > li > ul > li > ul > li > span:hover {
  color: #ffeb3b !important;
  background-color: #000000 !important;
}

html[data-theme-mode="contrast"] .myBox {
  background: #000000 !important;
  background-color: #000000 !important;
  border: 1px solid #ffeb3b !important;
  color: #ffeb3b !important;
  box-shadow: none !important;
}

html[data-theme-mode="contrast"] .myBox .myBox-heading1,
html[data-theme-mode="contrast"] .myBox .myBox-heading2,
html[data-theme-mode="contrast"] .myBox .myBox-heading-section,
html[data-theme-mode="contrast"] .myBox .myBox-button-section,
html[data-theme-mode="contrast"] .myBox span:not(.sr-only),
html[data-theme-mode="contrast"] .myBox p,
html[data-theme-mode="contrast"] .myBox label,
html[data-theme-mode="contrast"] .myBox a {
  color: #ffeb3b !important;
}

html[data-theme-mode="contrast"] .myBox .accessibility-font,
html[data-theme-mode="contrast"] .myBox .decrease,
html[data-theme-mode="contrast"] .myBox .increase,
html[data-theme-mode="contrast"] .myBox .resetText {
  background: transparent !important;
  border: none !important;
  color: #ffeb3b !important;
}

html[data-theme-mode="contrast"] .myBox .accessibility-font em,
html[data-theme-mode="contrast"] .myBox .accessibility-font .fas,
html[data-theme-mode="contrast"] .myBox .accessibility-font .far,
html[data-theme-mode="contrast"] .myBox .decrease em,
html[data-theme-mode="contrast"] .myBox .increase em,
html[data-theme-mode="contrast"] .myBox .resetText em {
  color: #ffeb3b !important;
}

html[data-theme-mode="contrast"] .myBox .hak-default-theme,
html[data-theme-mode="contrast"] .myBox .hak-dark-theme,
html[data-theme-mode="contrast"] .myBox .hak-contrast-theme,
html[data-theme-mode="contrast"] .myBox .hak-light-theme,
html[data-theme-mode="contrast"] .myBox .accessibility-light {
  border-color: #ffeb3b !important;
}

html[data-theme-mode="contrast"] .myBox span.light-theme-text,
html[data-theme-mode="contrast"] .myBox span.hak-contrast-theme-text,
html[data-theme-mode="contrast"] .myBox span.hak-light-theme-text {
  color: #000000 !important;
}

html[data-theme-mode="contrast"] .myBox span.hak-dark-theme-text,
html[data-theme-mode="contrast"] .myBox span.hak-dark-theme-text em,
html[data-theme-mode="contrast"] .myBox span.hak-dark-theme-text .fas,
html[data-theme-mode="contrast"] .myBox span.hak-dark-theme-text .far {
  color: #ffffff !important;
}

html[data-theme-mode="contrast"] .myBox #showMyBox,
html[data-theme-mode="contrast"] #showMyBox {
  background: #000000 !important;
  border: 1px solid #ffeb3b !important;
  border-left: none !important;
  border-radius: 0 12px 12px 0 !important;
  overflow: hidden !important;
}

html[data-theme="dark"] .main-header .main-menu .navigation > li > a,
html[data-theme="dark"] .main-header .main-menu .navigation > li > span,
html[data-theme="dark"] .main-menu .navigation > li > a,
html[data-theme="dark"] .main-menu .navigation > li > span {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .main-menu .navigation > li.dropdown > span:after,
html[data-theme="dark"] .main-menu .navigation > li.dropdown > a:after,
html[data-theme="dark"] .main-menu .navigation .caret,
html[data-theme="dark"] .main-menu .navigation em.caret {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .main-menu .navigation > li.current > a,
html[data-theme="dark"] .main-menu .navigation > li.current > span {
  color: #ffffff !important;
}

html[data-theme="dark"] .main-menu .navigation > li > a:hover,
html[data-theme="dark"] .main-menu .navigation > li > span:hover {
  color: #ffffff !important;
}

html[data-theme="dark"] .main-header .main-menu .navigation > li > a,
html[data-theme="dark"] .main-header .main-menu .navigation > li > span,
html[data-theme="dark"] #secondary-navigation .navigation > li > a,
html[data-theme="dark"] #secondary-navigation .navigation > li > span,
html[data-theme="dark"] #hidden-secondary-navigation .navigation > li > a,
html[data-theme="dark"] #hidden-secondary-navigation .navigation > li > span,
html[data-theme="dark"] #second-secondary-navigation .navigation > li > a,
html[data-theme="dark"] #second-secondary-navigation .navigation > li > span,
html[data-theme="dark"] .main-menu .navigation > li.dropdown > span:after,
html[data-theme="dark"] .main-menu .navigation > li.dropdown > a:after,
html[data-theme="dark"] .main-menu .navigation .caret,
html[data-theme="dark"] .main-menu .navigation em.caret {
  color: #ffffff !important;
}

/* Header dropdown menus (theme uses UL menus, not Bootstrap dropdown-menu) */
html[data-theme="dark"] .main-menu .navigation > li > ul,
html[data-theme="dark"] .main-menu .navigation > li > ul > li > ul {
  background-color: var(--pw-surface) !important;
  border-top-color: var(--pw-border) !important;
  box-shadow: 0px 6px 15px var(--pw-shadow) !important;
}

html[data-theme="dark"] .main-menu .navigation > li > ul:before {
  border-bottom-color: var(--pw-border) !important;
}

html[data-theme="dark"] .main-menu .navigation > li > ul > li > a,
html[data-theme="dark"] .main-menu .navigation > li > ul > li > span,
html[data-theme="dark"] .main-menu .navigation > li > ul > li > ul > li > a,
html[data-theme="dark"] .main-menu .navigation > li > ul > li > ul > li > span {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .main-menu .navigation > li > ul > li > a:hover,
html[data-theme="dark"] .main-menu .navigation > li > ul > li > span:hover,
html[data-theme="dark"] .main-menu .navigation > li > ul > li > ul > li > a:hover,
html[data-theme="dark"] .main-menu .navigation > li > ul > li > ul > li > span:hover {
  color: var(--pw-link-hover) !important;
  background-color: var(--pw-surface-2) !important;
}

html[data-theme="dark"] .main-menu .navigation > li > ul > li.current > a,
html[data-theme="dark"] .main-menu .navigation > li > ul > li > ul > li.current > a {
  color: var(--pw-link) !important;
}

/* Sticky accessibility widget panel */
html .myBox {
  border-radius: 0px 10px 10px 0px !important;
  padding: 12px 10px 10px !important;
}

html .myBox #showMyBox,
html #showMyBox {
  border-radius: 0 12px 12px 0 !important;
  overflow: hidden !important;
  right: -44px !important;
  top: 28px !important;
}

html .myBox #showMyBox img,
html #showMyBox img {
  display: block;
  border-radius: inherit;
}

html .feedback_Box .feedback-button,
html .feedback-button {
  border-radius: 12px 12px 0 0 !important;
}

html .myBox .myBox-button-section {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

html .myBox .hak-default-theme,
html .myBox .hak-dark-theme,
html .myBox .hak-contrast-theme,
html .myBox .hak-light-theme,
html .myBox .accessibility-light {
  min-width: 36px;
  min-height: 32px;
  border-radius: 10px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html .myBox .hak-dark-theme {
  border-color: #9d93bf !important;
  background: #000000 !important;
}

html .myBox .hak-dark-theme .hak-dark-theme-text {
  color: #ffffff !important;
  line-height: 1;
}

html .myBox .hak-dark-theme .hak-dark-theme-text .fas,
html .myBox .hak-dark-theme .hak-dark-theme-text .far,
html .myBox .hak-dark-theme .hak-dark-theme-text em {
  color: #ffffff !important;
  font-size: 17px;
}

html .myBox .hak-dark-theme[data-theme-toggle-state="light"] {
  border-color: #f6d76a !important;
  background: #f6d76a !important;
}

html .myBox .hak-dark-theme[data-theme-toggle-state="light"] .hak-dark-theme-text,
html .myBox .hak-dark-theme[data-theme-toggle-state="light"] .hak-dark-theme-text .fas,
html .myBox .hak-dark-theme[data-theme-toggle-state="light"] .hak-dark-theme-text .far,
html .myBox .hak-dark-theme[data-theme-toggle-state="light"] .hak-dark-theme-text em {
  color: #401d66 !important;
}

html[data-theme="dark"] .myBox {
  background: var(--pw-surface) !important;
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  color: var(--pw-text) !important;
  box-shadow: 0 10px 30px var(--pw-shadow) !important;
}

html[data-theme="dark"] .myBox .myBox-heading1,
html[data-theme="dark"] .myBox .myBox-heading2,
html[data-theme="dark"] .myBox .myBox-heading-section,
html[data-theme="dark"] .myBox .myBox-button-section,
html[data-theme="dark"] .myBox span:not(.sr-only) {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .myBox .accessibility-font {
  background: transparent !important;
  border: none !important;
}

html[data-theme="dark"] .myBox .accessibility-font em,
html[data-theme="dark"] .myBox .accessibility-font .fas,
html[data-theme="dark"] .myBox .accessibility-font .far {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .myBox .accessibility-font:hover em,
html[data-theme="dark"] .myBox .accessibility-font:focus em {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] .myBox .hak-default-theme,
html[data-theme="dark"] .myBox .hak-dark-theme,
html[data-theme="dark"] .myBox .hak-contrast-theme,
html[data-theme="dark"] .myBox .hak-light-theme,
html[data-theme="dark"] .myBox .accessibility-light {
  background: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .myBox .light-theme-text,
html[data-theme="dark"] .myBox .hak-dark-theme-text,
html[data-theme="dark"] .myBox .hak-contrast-theme-text,
html[data-theme="dark"] .myBox .hak-light-theme-text {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .myBox .hak-dark-theme[data-theme-toggle-state="light"] {
  border-color: #f6d76a !important;
  background: #f6d76a !important;
}

html[data-theme="dark"] .myBox .hak-dark-theme[data-theme-toggle-state="light"] .hak-dark-theme-text,
html[data-theme="dark"] .myBox .hak-dark-theme[data-theme-toggle-state="light"] .hak-dark-theme-text .fas,
html[data-theme="dark"] .myBox .hak-dark-theme[data-theme-toggle-state="light"] .hak-dark-theme-text .far,
html[data-theme="dark"] .myBox .hak-dark-theme[data-theme-toggle-state="light"] .hak-dark-theme-text em {
  color: #111111 !important;
}

html[data-theme="dark"] .myBox #showMyBox,
html[data-theme="dark"] #showMyBox {
  background: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  border-left: none !important;
  border-radius: 0 12px 12px 0 !important;
  overflow: hidden !important;
}

html[data-theme="dark"] .myBox #showMyBox:focus-visible,
html[data-theme="dark"] #showMyBox:focus-visible,
html[data-theme="dark"] .myBox .accessibility-font:focus-visible,
html[data-theme="dark"] .myBox .hak-default-theme:focus-visible,
html[data-theme="dark"] .myBox .hak-dark-theme:focus-visible,
html[data-theme="dark"] .myBox .hak-contrast-theme:focus-visible,
html[data-theme="dark"] .myBox .hak-light-theme:focus-visible {
  outline: 2px solid var(--pw-link) !important;
  outline-offset: 2px !important;
}

.myBox .hak-contrast-theme {
  height: auto;
  width: auto;
  margin: 3px;
  border: 1px solid #000;
  border-radius: 10px;
  background-color: #ffeb3b;
  padding: 0px 5px;
}

.myBox .hak-contrast-theme-text {
  font-weight: 800;
  color: #000;
}

.myBox .myBox-button-section button[data-accessibility-tooltip] {
  position: relative;
}

.myBox .myBox-button-section button[data-accessibility-tooltip]:hover::after,
.myBox .myBox-button-section button[data-accessibility-tooltip]:focus-visible::after {
  content: attr(data-accessibility-tooltip);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 6px);
  white-space: nowrap;
  z-index: 1001;
  padding: 4px 8px;
  border-radius: 4px;
  background: #401d66;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
}

/* Company index page (Explore employers...) */
html[data-theme="dark"] .companies-search-bar #search_company {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] .companies-search-bar #search_company::placeholder {
  color: var(--pw-placeholder) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .companies-search-bar .icon-feather-search {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .text-center.mt-5.mb-4 h2 {
  color: var(--pw-text) !important;
}

/* Company profile page (/company/profile/{id}) */
html[data-theme="dark"] .bravo-companies.job-detail-section,
html[data-theme="dark"] .bravo-companies.job-detail-section .job-detail-outer {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .bravo-companies .job-detail {
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  border-radius: 10px;
  padding: 18px !important;
  padding-right: 18px !important;
  margin-bottom: 18px;
}

/* Force override of any inline/WYSIWYG white backgrounds inside the content box */
html[data-theme="dark"] .bravo-companies .job-detail *,
html[data-theme="dark"] .bravo-companies .job-detail > div,
html[data-theme="dark"] .bravo-companies .job-detail > p,
html[data-theme="dark"] .bravo-companies .job-detail > section,
html[data-theme="dark"] .bravo-companies .job-detail .content-box {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--pw-text) !important;
}

/* Ensure headings inside content remain readable */
html[data-theme="dark"] .bravo-companies .job-detail h1,
html[data-theme="dark"] .bravo-companies .job-detail h2,
html[data-theme="dark"] .bravo-companies .job-detail h3,
html[data-theme="dark"] .bravo-companies .job-detail h4,
html[data-theme="dark"] .bravo-companies .job-detail h5,
html[data-theme="dark"] .bravo-companies .job-detail h6 {
  color: var(--pw-text) !important;
}

/* Fix specific green/purple border containers if they use border styles */
html[data-theme="dark"] .bravo-companies .job-detail [style*="border"] {
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .bravo-companies .related-jobs .title-box h3 {
  color: var(--pw-text) !important;
}

/* Logo container & image - fix white square */
html[data-theme="dark"] .bravo-companies .job-block-seven .company-logo {
  background-color: var(--pw-surface-2) !important;
  border-radius: 8px;
  padding: 5px;
}

html[data-theme="dark"] .bravo-companies .job-block-seven .company-logo img {
  background-color: transparent !important;
  border-color: transparent !important;
  border-radius: 0 !important;
}

/* Company sidebar widget readability */
html[data-theme="dark"] .company-widget .company-info li {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .company-widget .company-info li span {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .company-widget .social-links a {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .company-widget .social-links a:hover {
  color: var(--pw-link-hover) !important;
}

/* Job listing pages (e.g. /job?_layout=v2) */
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .page-title.style-two,
html[data-theme="dark"] .ls-section {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

/* Job detail pages (e.g. /job/{slug}) */
html[data-theme="dark"] .job-detail-section,
html[data-theme="dark"] .job-detail-outer {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

/* Upper hero block uses a light background image by default */
html[data-theme="dark"] .job-detail-section .upper-box {
  background-image: none !important;
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] .job-block-seven .inner-box {
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  border-radius: 10px;
  padding: 22px 24px !important;
}

@media (max-width: 768px) {
  html[data-theme="dark"] .job-block-seven .inner-box {
    padding: 18px 16px !important;
  }
}

html[data-theme="dark"] .job-block-seven h4,
html[data-theme="dark"] .job-block-seven h4 a {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .job-block-seven .job-info li,
html[data-theme="dark"] .job-block-seven .job-info li a {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .job-block-seven .job-info li .icon {
  color: var(--pw-text-muted) !important;
}

/* Reusable title/content blocks used throughout detail template */
html[data-theme="dark"] h4.widget-title {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .widget-content {
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  border-radius: 8px;
  padding: 18px !important;
}

/* Overview boxes */
html[data-theme="dark"] .job-overview .box,
html[data-theme="dark"] .job-overview .box * {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .job-overview .box i {
  color: var(--pw-text-muted) !important;
}

/* Rich job description content (template has inline light-theme styles) */
html[data-theme="dark"] .job-detail,
html[data-theme="dark"] .job-detail p,
html[data-theme="dark"] .job-detail li,
html[data-theme="dark"] .job-detail span,
html[data-theme="dark"] .job-detail div {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .job-detail h1,
html[data-theme="dark"] .job-detail h2,
html[data-theme="dark"] .job-detail h3,
html[data-theme="dark"] .job-detail h4,
html[data-theme="dark"] .job-detail h5,
html[data-theme="dark"] .job-detail h6 {
  color: var(--pw-text) !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Catch inline/WYSIWYG background styles that would otherwise create light bands */
html[data-theme="dark"] .job-detail [style*="background"],
html[data-theme="dark"] .job-detail [style*="background-color"] {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .job-detail a,
html[data-theme="dark"] .job-detail a:visited {
  color: var(--pw-link) !important;
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
html[data-theme="dark"] .job-detail a:hover {
  color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] .job-detail a:focus,
html[data-theme="dark"] .job-detail a:focus-visible {
  outline: 2px solid var(--pw-border);
  outline-offset: 2px;
}

/* Avoid bright/white selection blocks inside dark job descriptions */
html[data-theme="dark"] .job-detail ::selection {
  background-color: rgba(54, 197, 240, 0.35);
  color: var(--pw-text);
}

/* Job description content sometimes contains inline light backgrounds */
html[data-theme="dark"] .job-detail p,
html[data-theme="dark"] .job-detail ul,
html[data-theme="dark"] .job-detail ol,
html[data-theme="dark"] .job-detail li,
html[data-theme="dark"] .job-detail div,
html[data-theme="dark"] .job-detail span,
html[data-theme="dark"] .job-detail section,
html[data-theme="dark"] .job-detail article,
html[data-theme="dark"] .job-detail blockquote,
html[data-theme="dark"] .job-detail table,
html[data-theme="dark"] .job-detail thead,
html[data-theme="dark"] .job-detail tbody,
html[data-theme="dark"] .job-detail tfoot,
html[data-theme="dark"] .job-detail tr,
html[data-theme="dark"] .job-detail th,
html[data-theme="dark"] .job-detail td {
  background: transparent !important;
  background-color: transparent !important;
}

/* Ensure list bullets stay within the content box */
html[data-theme="dark"] .job-detail ul,
html[data-theme="dark"] .job-detail ol {
  padding-left: 1.5rem !important;
  margin-left: 0 !important;
}

html[data-theme="dark"] .job-detail ul ul,
html[data-theme="dark"] .job-detail ol ol,
html[data-theme="dark"] .job-detail ul ol,
html[data-theme="dark"] .job-detail ol ul {
  padding-left: 1.5rem !important;
}

html[data-theme="dark"] .job-detail hr {
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .job-detail pre,
html[data-theme="dark"] .job-detail code {
  background-color: var(--pw-surface-2) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .job-detail mark {
  background-color: var(--pw-surface-2) !important;
  color: var(--pw-text) !important;
}

/* Sidebar widgets */
html[data-theme="dark"] .sidebar-widget {
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
}

html[data-theme="dark"] .sidebar-widget .widget-title,
html[data-theme="dark"] .sidebar-widget h5,
html[data-theme="dark"] .sidebar-widget h6 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .sidebar-widget p,
html[data-theme="dark"] .sidebar-widget li,
html[data-theme="dark"] .sidebar-widget span {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .sidebar-widget a,
html[data-theme="dark"] .sidebar-widget a:visited {
  color: var(--pw-link) !important;
}
html[data-theme="dark"] .sidebar-widget a:hover {
  color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] .sidebar-widget a.theme-btn,
html[data-theme="dark"] .sidebar-widget a.theme-btn:visited,
html[data-theme="dark"] .sidebar-widget a.theme-btn:hover,
html[data-theme="dark"] .sidebar-widget a.btn-style-one,
html[data-theme="dark"] .sidebar-widget a.btn-style-one:visited,
html[data-theme="dark"] .sidebar-widget a.btn-style-one:hover,
html[data-theme="dark"] .sidebar-widget a.button,
html[data-theme="dark"] .sidebar-widget a.button:visited,
html[data-theme="dark"] .sidebar-widget a.button:hover {
  color: #000000 !important;
}

html[data-theme="dark"] .sidebar-widget a.theme-btn *,
html[data-theme="dark"] .sidebar-widget a.btn-style-one *,
html[data-theme="dark"] .sidebar-widget a.button * {
  color: inherit !important;
  fill: inherit !important;
}

html[data-theme="dark"] a.ag-apply-click-count.theme-btn.btn-style-one,
html[data-theme="dark"] a.ag-apply-click-count.theme-btn.btn-style-one:visited,
html[data-theme="dark"] a.ag-apply-click-count.theme-btn.btn-style-one:hover,
body.hc-mode-active a.ag-apply-click-count.theme-btn.btn-style-one,
body.hc-mode-active a.ag-apply-click-count.theme-btn.btn-style-one:visited,
body.hc-mode-active a.ag-apply-click-count.theme-btn.btn-style-one:hover {
  background: var(--pw-link) !important;
  background-color: var(--pw-link) !important;
  color: #000000 !important;
  border-color: transparent !important;
}

html[data-theme="dark"] a.ag-apply-click-count.theme-btn.btn-style-one *,
body.hc-mode-active a.ag-apply-click-count.theme-btn.btn-style-one * {
  color: inherit !important;
  fill: inherit !important;
}

/* Sidebar widgets that don't use `.widget-content` wrappers (social share, more info) */
html[data-theme="dark"] .sidebar-widget .other-options,
html[data-theme="dark"] .sidebar-widget .more-info {
  padding: 18px !important;
}

html[data-theme="dark"] .sidebar-widget .other-options h5,
html[data-theme="dark"] .sidebar-widget .more-info h5 {
  margin-bottom: 12px;
}

html[data-theme="dark"] .sidebar-widget .more-info ul {
  margin: 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] .sidebar-widget .more-info li {
  margin: 8px 0 !important;
}

/* Company widget header bar is light in the blade inline CSS */
html[data-theme="dark"] .company-widget .widget-content {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
}
html[data-theme="dark"] .company-widget .widget-content h6 {
  background-color: var(--pw-surface-2) !important;
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .company-name a {
  color: var(--pw-link) !important;
}

/* Report job modal (light by default) */
html[data-theme="dark"] #report-job-modal {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border: 1px solid var(--pw-border) !important;
}

html[data-theme="dark"] .page-title .title-outer h1,
html[data-theme="dark"] .page-title .title-outer,
html[data-theme="dark"] .page-title .page-breadcrumb,
html[data-theme="dark"] .page-title .page-breadcrumb li,
html[data-theme="dark"] .page-title .page-breadcrumb a {
  color: var(--pw-text) !important;
}

/* Job banner search form (top strip on /job?_layout=v2) */
html[data-theme="dark"] .page-title .job-search-form,
html[data-theme="dark"] .page-title.style-two .job-search-form {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  box-shadow: 0px 7px 18px var(--pw-shadow) !important;
}

html[data-theme="dark"] .page-title .job-search-form form,
html[data-theme="dark"] .page-title.style-two .job-search-form form {
  background-color: transparent !important;
}

html[data-theme="dark"] .job-search-form .form-group,
html[data-theme="dark"] .job-search-form .form-group.category,
html[data-theme="dark"] .job-search-form .form-group:first-child {
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .job-search-form .form-group .icon {
  color: var(--pw-text-muted) !important;
  background: transparent !important;
}

/* Chosen (used by the “All Categories” field) */
html[data-theme="dark"] .job-search-form .chosen-container-single .chosen-single {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .job-search-form .chosen-container-single .chosen-single span {
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] .job-search-form .chosen-container-single .chosen-drop,
html[data-theme="dark"] .job-search-form .chosen-container-multi .chosen-choices,
html[data-theme="dark"] .job-search-form .chosen-container.chosen-with-drop .chosen-drop {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .job-search-form .chosen-search input {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] .job-search-form .chosen-results li {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .job-search-form .chosen-results li.highlighted {
  background-color: var(--pw-surface-2) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .ls-section .filters-column .inner-column,
html[data-theme="dark"] .ls-section .filters-outer,
html[data-theme="dark"] .ls-section .ls-outer,
html[data-theme="dark"] .ls-section .ls-switcher {
  background-color: transparent !important;
  color: var(--pw-text) !important;
}

/* Jobs listing explanatory text under results */
html[data-theme="dark"] .ls-section .content-column p {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .ls-section .content-column p a {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] .ls-section .content-column p a:hover {
  color: var(--pw-link-hover) !important;
}

/* Filters sidebar blocks (legacy CSS forces light colors) */
html[data-theme="dark"] .switchbox .title,
html[data-theme="dark"] .checkboxes.square label,
html[data-theme="dark"] .input-with-icon-left p,
html[data-theme="dark"] .ls-section .filter-block input,
html[data-theme="dark"] .ls-section .filter-block label,
html[data-theme="dark"] .ls-section .filter-block .title,
html[data-theme="dark"] .ls-section .filters-outer * {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .ls-section .filter-block .form-group.bc-select-has-delete {
  background-color: var(--pw-input-bg) !important;
  border: 1px solid var(--pw-input-border) !important;
}

html[data-theme="dark"] .filter-block .select2-container,
html[data-theme="dark"] .filter-block .select2-container--default .select2-selection--single {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
}

/* Job cards */
html[data-theme="dark"] .job-block,
html[data-theme="dark"] .job-block .inner-box,
html[data-theme="dark"] .job-listing,
html[data-theme="dark"] .job-results-not-found {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .job-block .inner-box > a,
html[data-theme="dark"] .job-block .inner-box > a:visited {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .job-block h4 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .job-block .job-info li {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .job-block .job-info li .icon {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .job-block .bookmark-btn {
  background-color: var(--pw-surface-2) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .job-block .bookmark-btn:hover {
  background-color: var(--pw-surface) !important;
}

html[data-theme="dark"] .job-block a,
html[data-theme="dark"] .job-listing a {
  color: var(--pw-link) !important;
}
html[data-theme="dark"] .job-block a:hover,
html[data-theme="dark"] .job-listing a:hover {
  color: var(--pw-link-hover) !important;
}

/* Highlighted/featured rows (keep readable in dark mode) */
html[data-theme="dark"] .ls-section .highlight {
  background-color: var(--pw-surface-2) !important;
  border-color: var(--pw-border) !important;
}

/* Pagination */
html[data-theme="dark"] .ls-pagination,
html[data-theme="dark"] .ls-pagination * {
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .ls-pagination li a,
html[data-theme="dark"] .ls-pagination li span {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
}
html[data-theme="dark"] .ls-pagination li.active span {
  background-color: var(--pw-link) !important;
  color: var(--pw-text-inverse) !important;
}

/* Job sidebar call-to-action card (e.g. “Recruiting? Get started today”) */
html[data-theme="dark"] .call-to-action-four,
html[data-theme="dark"] .call-to-action-four.style-two {
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  box-shadow: 0px 7px 18px var(--pw-shadow) !important;
}

html[data-theme="dark"] .call-to-action-four h5,
html[data-theme="dark"] .call-to-action-four.style-two h5 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .call-to-action-four p,
html[data-theme="dark"] .call-to-action-four.style-two p {
  color: var(--pw-text-muted) !important;
}

/* Header buttons with hard-coded light-theme colors */
html[data-theme="dark"] a.post-job,
html[data-theme="dark"] a.post-job * {
  color: var(--pw-text) !important;
}

/* Toggle button styling (kept minimal; uses current font/icon libs) */
.pw-theme-toggle {
  background: transparent;
  border: 1px solid transparent;
  padding: 6px 10px;
  line-height: 1;
}
html[data-theme="dark"] .pw-theme-toggle {
  color: var(--pw-text);
}
html[data-theme="dark"] .pw-theme-toggle:hover {
  border-color: var(--pw-border);
  background-color: var(--pw-surface);
}

/* TinyMCE (best-effort UI theming without rebuilding admin JS) */
html[data-theme="dark"] .tox,
html[data-theme="dark"] .tox.tox-tinymce,
html[data-theme="dark"] .tox .tox-editor-container,
html[data-theme="dark"] .tox .tox-editor-header,
html[data-theme="dark"] .tox .tox-menubar,
html[data-theme="dark"] .tox .tox-toolbar-overlord,
html[data-theme="dark"] .tox .tox-toolbar,
html[data-theme="dark"] .tox .tox-toolbar__primary,
html[data-theme="dark"] .tox .tox-toolbar__overflow,
html[data-theme="dark"] .tox .tox-edit-area__iframe,
html[data-theme="dark"] .tox .tox-statusbar {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .tox .tox-menubar,
html[data-theme="dark"] .tox .tox-menubar .tox-mbtn,
html[data-theme="dark"] .tox .tox-mbtn,
html[data-theme="dark"] .tox .tox-tbtn,
html[data-theme="dark"] .tox .tox-tbtn__select-label,
html[data-theme="dark"] .tox .tox-tbtn__select-chevron {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  fill: var(--pw-text) !important;
}
html[data-theme="dark"] .tox .tox-mbtn:hover,
html[data-theme="dark"] .tox .tox-mbtn:focus,
html[data-theme="dark"] .tox .tox-tbtn:hover,
html[data-theme="dark"] .tox .tox-tbtn:focus,
html[data-theme="dark"] .tox .tox-tbtn--enabled,
html[data-theme="dark"] .tox .tox-tbtn--enabled:hover {
  background-color: var(--pw-surface-2) !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}
html[data-theme="dark"] .tox .tox-tbtn svg {
  fill: var(--pw-text) !important;
}

/* Company Profile (Admin/Shared View used on Frontend) */
/* Page Background Wrapper - fixes white margins */
html[data-theme="dark"] .section.gray,
html[data-theme="dark"] .section.gray.contact-card {
  background-color: var(--pw-bg) !important;
}

/* Override .profile-dashboard-box and its white backgrounds */
html[data-theme="dark"] .profile-dashboard-box,
html[data-theme="dark"] .dashboard-box,
html[data-theme="dark"] .profile-dashboard-box .content {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
}

/* Ensure headings in the dashboard boxes are visible and not purple */
html[data-theme="dark"] .profile-dashboard-box .headline h3,
html[data-theme="dark"] .profile-dashboard-box h1,
html[data-theme="dark"] .profile-dashboard-box h2,
html[data-theme="dark"] .profile-dashboard-box h3,
html[data-theme="dark"] .profile-dashboard-box h4,
html[data-theme="dark"] .profile-dashboard-box h5,
html[data-theme="dark"] .profile-dashboard-box h6 {
  color: var(--pw-text) !important;
}

/* Company Header (Name & Meta outside the boxes) */
html[data-theme="dark"] .col-lg-7 .mb-5.mt-3 h2 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .col-lg-7 .mb-5.mt-3 p,
html[data-theme="dark"] .col-lg-7 .mb-5.mt-3 span,
html[data-theme="dark"] .col-lg-7 .mb-5.mt-3 i {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .col-lg-7 .mb-5.mt-3 a {
  color: var(--pw-link) !important;
}

/* Fix sidebar text visibility (Tagline, etc) */
html[data-theme="dark"] .dashboard-sidebar p,
html[data-theme="dark"] .dashboard-sidebar .profile-card p {
  color: var(--pw-text) !important;
}

/* Fix text inside content areas (aggressive override for pasted content) */
html[data-theme="dark"] .about_content,
html[data-theme="dark"] .about_content *,
html[data-theme="dark"] .profile-dashboard-box .content * {
  color: var(--pw-text) !important;
  background-color: transparent !important;
}

/* Re-apply link coloring over the wildcard reset */
html[data-theme="dark"] .about_content a,
html[data-theme="dark"] .profile-dashboard-box .content a {
  color: var(--pw-link) !important;
}

/* Fix text inside content areas - specific elements for specificity */
html[data-theme="dark"] .profile-dashboard-box p,
html[data-theme="dark"] .profile-dashboard-box span,
html[data-theme="dark"] .profile-dashboard-box li {
  color: var(--pw-text) !important;
}

/* Sidebar profile card overrides (uses inline styles forcing white) */
html[data-theme="dark"] .profile,
html[data-theme="dark"] .profile-inner {
  background-color: var(--pw-surface-2) !important; /* Sidebar card main background */
  border: 1px solid var(--pw-border) !important;
}

/* Profile inner white box */
html[data-theme="dark"] .profile-inner {
  background-color: var(--pw-surface) !important; /* Inner card */
}

/* Sidebar text colors */
html[data-theme="dark"] .profile img {
  background-color: transparent !important; /* Remove white bg from profile img if set */
}

html[data-theme="dark"] .profile p,
html[data-theme="dark"] .profile h6,
html[data-theme="dark"] .skills-heading,
html[data-theme="dark"] .text-dark {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .profile.candidate-profile-card {
  background-color: #3F2565 !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .profile.candidate-profile-card .profile-inner {
  background-color: #ffffff !important;
  border: none !important;
}

html[data-theme="dark"] .profile.candidate-profile-card .profile-inner .name {
  color: rgb(64, 30, 102) !important;
}

html[data-theme="dark"] .profile.candidate-profile-card .profile-inner .grey-tag {
  color: #6b6b6b !important;
}

html[data-theme="dark"] .profile.candidate-profile-card .candidate-profile-tagline {
  color: #ffffff !important;
}

html[data-theme="dark"] .profile-social-links a {
  color: var(--pw-text-muted) !important;
}
html[data-theme="dark"] .profile-social-links a:hover {
  color: var(--pw-link-hover) !important;
}

/* Company email/phone links in sidebar */
html[data-theme="dark"] .dashboard-sidebar a {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-box h1,
html[data-theme="dark"] .dashboard-page .dashboard-box h2,
html[data-theme="dark"] .dashboard-page .dashboard-box h3,
html[data-theme="dark"] .dashboard-page .dashboard-box h4,
html[data-theme="dark"] .dashboard-page .dashboard-box h5,
html[data-theme="dark"] .dashboard-page .dashboard-box h6,
html[data-theme="dark"] .dashboard-page .dashboard-box .headline h3,
html[data-theme="dark"] .dashboard-page .dashboard-box .headline h6,
html[data-theme="dark"] .dashboard-page .dashboard-box .job-info h6,
html[data-theme="dark"] .dashboard-page .dashboard-box .suggested-jobs h6 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-box p,
html[data-theme="dark"] .dashboard-page .dashboard-box span,
html[data-theme="dark"] .dashboard-page .dashboard-box li,
html[data-theme="dark"] .dashboard-page .dashboard-box .job-info p,
html[data-theme="dark"] .dashboard-page .dashboard-box .job-info span,
html[data-theme="dark"] .dashboard-page .dashboard-box .card-body p,
html[data-theme="dark"] .dashboard-page .dashboard-box .card-body span {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-box .dashboard-box-btn a,
html[data-theme="dark"] .dashboard-page .dashboard-box .dashboard-box-btn a:hover,
html[data-theme="dark"] .dashboard-page .dashboard-box .dashboard-box-btn a:focus,
html[data-theme="dark"] .dashboard-page .dashboard-box .search-dash-jobs,
html[data-theme="dark"] .dashboard-page .dashboard-box .search-dash-jobs:hover,
html[data-theme="dark"] .dashboard-page .dashboard-box .search-dash-jobs:focus {
  color: #ffffff !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a.purple-item,
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a.purple-item:visited {
  background: rgb(64, 30, 102) !important;
  background-color: rgb(64, 30, 102) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a.purple-item:hover,
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a.purple-item:focus {
  background: #5a2b92 !important;
  background-color: #5a2b92 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a.purple-item *,
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a.purple-item:hover *,
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a.purple-item:focus * {
  color: inherit !important;
}

html[data-theme="dark"] .dashboard-page .profile.candidate-profile-card {
  background-color: #2b2140 !important;
  border: 1px solid var(--pw-border) !important;
}

html[data-theme="dark"] .dashboard-page .profile.candidate-profile-card .profile-inner {
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
}

html[data-theme="dark"] .dashboard-page .profile.candidate-profile-card .profile-inner .name {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .dashboard-page .profile.candidate-profile-card .profile-inner .grey-tag,
html[data-theme="dark"] .dashboard-page .profile.candidate-profile-card .candidate-profile-tagline {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar .profile-card,
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav-inner ul li {
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] .dashboard-content.dashboard-page,
html[data-theme="dark"] .dashboard-content.dashboard-page .auto-container {
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar h6,
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav-inner h6 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a:not(.purple-item),
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a:not(.purple-item):visited {
  color: var(--pw-link) !important;
  background: transparent !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a:not(.purple-item):hover,
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a:not(.purple-item):focus {
  color: var(--pw-link-hover) !important;
  background: transparent !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a:not(.purple-item) *,
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a:not(.purple-item):hover *,
html[data-theme="dark"] .dashboard-page .dashboard-sidebar .dashboard-nav ul li a:not(.purple-item):focus * {
  color: inherit !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar .progress {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .dashboard-page .dashboard-sidebar .progress-bar {
  background-color: #2f8f46 !important;
}

html[data-theme="dark"] .dashboard-page .suggested-jobs .job-item {
  background-color: var(--pw-surface-2) !important;
  border: 1px solid var(--pw-border) !important;
}

html[data-theme="dark"] .dashboard-page .suggested-jobs .job-item .job-type {
  border-color: var(--pw-link) !important;
  color: var(--pw-link) !important;
}

html[data-theme="dark"] .dashboard-page .content-inner.training .card,
html[data-theme="dark"] .dashboard-page .content-inner.training .card .card-body {
  background-color: var(--pw-surface-2) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .dashboard-page .content-inner.training,
html[data-theme="dark"] .dashboard-page .content-inner.training .slick-list,
html[data-theme="dark"] .dashboard-page .content-inner.training .slick-track,
html[data-theme="dark"] .dashboard-page .content-inner.training .slick-slide,
html[data-theme="dark"] .dashboard-page .content-inner.training .slick-slide > div {
  background-color: transparent !important;
}

html[data-theme="dark"] .dashboard-page .content-inner.training figure,
html[data-theme="dark"] .dashboard-page .content-inner.training .image-box,
html[data-theme="dark"] .dashboard-page .content-inner.training a {
  background-color: transparent !important;
}

html[data-theme="dark"] .dashboard-page .content-inner.training .card .card-body h6 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .dashboard-page .content-inner.training .card .card-body p {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .dashboard-page .training .slick-dots li {
  background: var(--pw-surface-2) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .dashboard-page .training .slick-dots li.slick-active {
  background: var(--pw-link) !important;
  border-color: var(--pw-link) !important;
}

html[data-theme="dark"] .dashboard-page .training .slick-arrow i {
  color: var(--pw-text) !important;
}

.dashboard-nav ul li.dashboard-nav-active,
.dashboard-nav ul li.dashboard-nav-active:hover {
  background-color: rgb(64, 30, 102) !important;
  border-color: rgb(64, 30, 102) !important;
}

.dashboard-nav ul li.dashboard-nav-active > a,
.dashboard-nav ul li.dashboard-nav-active:hover > a,
.dashboard-nav ul li.dashboard-nav-active > a:hover,
.dashboard-nav ul li.dashboard-nav-active > a:focus {
  background-color: rgb(64, 30, 102) !important;
  border-radius: 4px;
}

.dashboard-nav ul li.dashboard-nav-active a,
.dashboard-nav ul li.dashboard-nav-active a:hover,
.dashboard-nav ul li.dashboard-nav-active a:focus,
.dashboard-nav ul li.dashboard-nav-active a i {
  color: #fff !important;
}

/* Summernote (seen on some profile/editor screens) */
html[data-theme="dark"] .note-editor.note-frame,
html[data-theme="dark"] .note-editor.note-frame .note-editing-area,
html[data-theme="dark"] .note-editor.note-frame .note-editable {
  background-color: var(--pw-input-bg) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}
html[data-theme="dark"] .note-editor.note-frame .note-toolbar,
html[data-theme="dark"] .note-popover .popover-content,
html[data-theme="dark"] .note-editor .note-toolbar {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
}
html[data-theme="dark"] .note-editor .note-toolbar .note-btn-group,
html[data-theme="dark"] .note-editor .note-toolbar .note-btn-group .note-btn,
html[data-theme="dark"] .note-editor .note-toolbar .note-btn,
html[data-theme="dark"] .note-editor .note-toolbar .note-btn.btn-light,
html[data-theme="dark"] .note-editor .note-toolbar .dropdown-toggle,
html[data-theme="dark"] .note-editor .note-toolbar .note-current-fontname,
html[data-theme="dark"] .note-editor .note-toolbar .note-current-fontsize {
  background-color: #1c232c !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .note-editor .note-toolbar .note-btn:hover,
html[data-theme="dark"] .note-editor .note-toolbar .note-btn:focus,
html[data-theme="dark"] .note-editor .note-toolbar .note-btn.active,
html[data-theme="dark"] .note-editor .note-toolbar .dropdown-toggle:hover,
html[data-theme="dark"] .note-editor .note-toolbar .dropdown-toggle:focus {
  background-color: #2a313a !important;
  border-color: #3e4853 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .note-editor .note-toolbar .dropdown-toggle::after,
html[data-theme="dark"] .note-editor .note-toolbar .note-icon-caret,
html[data-theme="dark"] .note-editor .note-toolbar .note-btn i,
html[data-theme="dark"] .note-editor .note-toolbar .note-btn svg,
html[data-theme="dark"] .note-editor .note-toolbar .note-btn span {
  color: var(--pw-text) !important;
  fill: var(--pw-text) !important;
}

html[data-theme="dark"] .note-editor .note-toolbar .dropdown-menu,
html[data-theme="dark"] .note-editor .note-toolbar .dropdown-menu .dropdown-item,
html[data-theme="dark"] .note-editor .note-toolbar .note-dropdown-menu {
  background-color: #1f2730 !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .note-editor .note-toolbar .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .note-editor .note-toolbar .dropdown-menu .dropdown-item:focus,
html[data-theme="dark"] .note-editor .note-toolbar .note-dropdown-menu .note-dropdown-item:hover {
  background-color: #2a313a !important;
  color: #ffffff !important;
}
html[data-theme="dark"] .note-editor .note-btn,
html[data-theme="dark"] .note-editor .note-icon-font {
  color: var(--pw-text) !important;
}
html[data-theme="dark"] .note-dropdown-menu,
html[data-theme="dark"] .note-modal-content,
html[data-theme="dark"] .note-modal-header,
html[data-theme="dark"] .note-modal-body,
html[data-theme="dark"] .note-modal-footer {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

/* CKEditor 5 (toolbar + dropdown panels) */
html[data-theme="dark"] .ck,
html[data-theme="dark"] .ck.ck-editor__main>.ck-editor__editable,
html[data-theme="dark"] .ck.ck-toolbar,
html[data-theme="dark"] .ck.ck-dropdown__panel,
html[data-theme="dark"] .ck.ck-list,
html[data-theme="dark"] .ck.ck-input-text {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}
html[data-theme="dark"] .ck.ck-button,
html[data-theme="dark"] .ck.ck-button .ck-icon {
  color: var(--pw-text) !important;
  fill: var(--pw-text) !important;
}
html[data-theme="dark"] .ck.ck-list__item .ck-button:hover,
html[data-theme="dark"] .ck.ck-list__item .ck-button:focus {
  background-color: var(--pw-surface-2) !important;
}

/* Blog/page rich-text links (detail.blade.php forces purple with !important) */
html[data-theme="dark"] .blog-content a {
  text-decoration-color: var(--pw-link) !important;
}

html[data-theme="dark"] .blog-content a span {
  color: var(--pw-link) !important;
}

/* About page (/about) template content */
html[data-theme="dark"] .page-template-content.page-about {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .page-template-content.page-about h1,
html[data-theme="dark"] .page-template-content.page-about h2,
html[data-theme="dark"] .page-template-content.page-about h3,
html[data-theme="dark"] .page-template-content.page-about h4,
html[data-theme="dark"] .page-template-content.page-about h5,
html[data-theme="dark"] .page-template-content.page-about h6,
html[data-theme="dark"] .page-template-content.page-about .about-title,
html[data-theme="dark"] .page-template-content.page-about .about-section-four-heading {
  color: var(--pw-text) !important;
}

/* Fix hard-coded inline colors inside WYSIWYG/blocks */
html[data-theme="dark"] .page-template-content.page-about p,
html[data-theme="dark"] .page-template-content.page-about li,
html[data-theme="dark"] .page-template-content.page-about span,
html[data-theme="dark"] .page-template-content.page-about strong,
html[data-theme="dark"] .page-template-content.page-about em,
html[data-theme="dark"] .page-template-content.page-about small,
html[data-theme="dark"] .page-template-content.page-about .about-section-label {
  color: var(--pw-text) !important;
}

/* Re-apply link styling over the forced text color (exclude button-like links) */
html[data-theme="dark"] .page-template-content.page-about a:not(.theme-btn):not(.purple-btn):not(.btn):not(.button),
html[data-theme="dark"] .page-template-content.page-about a:not(.theme-btn):not(.purple-btn):not(.btn):not(.button) * {
  color: var(--pw-link) !important;
}
html[data-theme="dark"] .page-template-content.page-about a:not(.theme-btn):not(.purple-btn):not(.btn):not(.button):hover,
html[data-theme="dark"] .page-template-content.page-about a:not(.theme-btn):not(.purple-btn):not(.btn):not(.button):hover * {
  color: var(--pw-link-hover) !important;
}

/* About page card chooser (Candidate / Employer): keep label text white in dark mode */
html[data-theme="dark"] body.path-about #about-section-four .about-section-four-card a,
html[data-theme="dark"] body.path-about #about-section-four .about-section-four-card a:visited,
html[data-theme="dark"] body.path-about #about-section-four .about-section-four-card a:hover,
html[data-theme="dark"] body.path-about #about-section-four .about-section-four-card a:focus,
html[data-theme="dark"] body.path-about #about-section-four .about-section-four-card .about-section-label,
html[data-theme="dark"] body.path-about #about-section-four .about-section-four-card .about-section-label[style],
html[data-theme="dark"] body.path-about #about-section-four .about-section-four-card a .about-section-label,
html[data-theme="dark"] body.path-about #about-section-four .about-section-four-card a .about-section-label[style],
html[data-theme="dark"] .page-template-content.page-about #about-section-four .about-section-four-card a,
html[data-theme="dark"] .page-template-content.page-about #about-section-four .about-section-four-card a:visited,
html[data-theme="dark"] .page-template-content.page-about #about-section-four .about-section-four-card a:hover,
html[data-theme="dark"] .page-template-content.page-about #about-section-four .about-section-four-card a:focus,
html[data-theme="dark"] .page-template-content.page-about #about-section-four .about-section-four-card .about-section-label,
html[data-theme="dark"] .page-template-content.page-about #about-section-four .about-section-four-card .about-section-label[style],
html[data-theme="dark"] .page-template-content.page-about #about-section-four .about-section-four-card a .about-section-label,
html[data-theme="dark"] .page-template-content.page-about #about-section-four .about-section-four-card a .about-section-label[style] {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

/* Ensure button-like links keep their own theme-defined colors */
html[data-theme="dark"] .page-template-content.page-about a.theme-btn *,
html[data-theme="dark"] .page-template-content.page-about a.purple-btn *,
html[data-theme="dark"] .page-template-content.page-about a.btn *,
html[data-theme="dark"] .page-template-content.page-about a.button * {
  color: inherit !important;
}

/* Light-theme panels/sections used heavily on About */
html[data-theme="dark"] .page-template-content.page-about .contact-card,
html[data-theme="dark"] .page-template-content.page-about .light-card,
html[data-theme="dark"] .page-template-content.page-about .about-section-four-card,
html[data-theme="dark"] .page-template-content.page-about .img-btn {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .page-template-content.page-about .about-section-four-card:hover,
html[data-theme="dark"] .page-template-content.page-about .img-btn:hover {
  background-color: var(--pw-surface-2) !important;
}

/* About page: "Our mission" section (content-managed; marker class added by footer script) */
body.path-about .pw-mission-section,
.page-template-content.page-about .pw-mission-section {
  background: #ffffff !important;
  background-image: none !important;
}

body.path-about .pw-mission-section .our-mission > .container > .row > .col-md-7,
.page-template-content.page-about .pw-mission-section .our-mission > .container > .row > .col-md-7 {
  background-color: #ffffff;
}

html[data-theme="dark"] body.path-about .pw-mission-section,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .container,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .row {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-about .pw-mission-section,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section {
  background-image: none !important;
}

html[data-theme="dark"] body.path-about .pw-mission-section .our-mission > .container > .row > .col-md-7,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .our-mission > .container > .row > .col-md-7 {
  background-color: #1b1d21 !important;
}

html[data-theme="dark"] body.path-about .pw-mission-section .our-mission,
html[data-theme="dark"] body.path-about .pw-mission-section .our-mission .section-top-bar,
html[data-theme="dark"] body.path-about .pw-mission-section .our-mission .our-mission-text,
html[data-theme="dark"] body.path-about .pw-mission-section .our-mission ul,
html[data-theme="dark"] body.path-about .pw-mission-section .our-mission li,
html[data-theme="dark"] body.path-about .pw-mission-section .our-mission p,
html[data-theme="dark"] body.path-about .pw-mission-section .our-mission .myPara,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .our-mission,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .our-mission .section-top-bar,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .our-mission .our-mission-text,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .our-mission ul,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .our-mission li,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .our-mission p,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section .our-mission .myPara {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .page-template-content.page-about .pw-mission-section h1,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section h2,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section h3,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section h4,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section p,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section li,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section span,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section strong {
  color: var(--pw-text) !important;
}

/* Keep About section background images; apply subtle dimming in dark mode */
html[data-theme="dark"] .page-template-content.page-about #home-second-section,
html[data-theme="dark"] .page-template-content.page-about #about-section-four,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section {
  position: relative;
}

html[data-theme="dark"] .page-template-content.page-about #home-second-section::before,
html[data-theme="dark"] .page-template-content.page-about #about-section-four::before,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--pw-shadow);
  pointer-events: none;
  z-index: 0;
}

html[data-theme="dark"] .page-template-content.page-about #home-second-section > *,
html[data-theme="dark"] .page-template-content.page-about #about-section-four > *,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section > * {
  position: relative;
  z-index: 1;
}

html[data-theme="dark"] body.path-about .pw-mission-section::before,
html[data-theme="dark"] .page-template-content.page-about .pw-mission-section::before {
  content: none;
}

/* About page legacy blocks: keep section backgrounds consistent in dark mode */
html[data-theme="dark"] body.path-about .about-section-third,
html[data-theme="dark"] body.path-about .our-story,
html[data-theme="dark"] body.path-about .our-mission,
html[data-theme="dark"] body.path-about .our-mission-text,
html[data-theme="dark"] body.path-about .our-story .sec-two,
html[data-theme="dark"] body.path-about .our-story .sec-three,
html[data-theme="dark"] body.path-about .about-working,
html[data-theme="dark"] .page-template-content.page-about .about-section-third,
html[data-theme="dark"] .page-template-content.page-about .our-story,
html[data-theme="dark"] .page-template-content.page-about .our-mission,
html[data-theme="dark"] .page-template-content.page-about .our-mission-text,
html[data-theme="dark"] .page-template-content.page-about .our-story .sec-two,
html[data-theme="dark"] .page-template-content.page-about .our-story .sec-three,
html[data-theme="dark"] .page-template-content.page-about .about-working {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

/* Prevent text utility class from creating patchy tiles; backgrounds belong to containers */
html[data-theme="dark"] body.path-about .about-working-text,
html[data-theme="dark"] .page-template-content.page-about .about-working-text {
  background: transparent !important;
  background-color: transparent !important;
}

/* About (/about): keep both text tiles visually identical in section two */
html[data-theme="dark"] body.path-about .about-section-two .about-working,
html[data-theme="dark"] .page-template-content.page-about .about-section-two .about-working {
  background: var(--pw-surface) !important;
  background-color: var(--pw-surface) !important;
  background-image: none !important;
}

/* About (/about): parent contact-card was masking child background changes */
html[data-theme="dark"] body.path-about .about-section-two .bravo-text.text-box > section.contact-card,
html[data-theme="dark"] .page-template-content.page-about .about-section-two .bravo-text.text-box > section.contact-card {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] body.path-about .about-section-two,
html[data-theme="dark"] body.path-about .about-section-two .auto-container,
html[data-theme="dark"] body.path-about .about-section-two .bravo-text,
html[data-theme="dark"] body.path-about .about-section-two .bravo-text.text-box,
html[data-theme="dark"] body.path-about .about-section-two .row,
html[data-theme="dark"] .page-template-content.page-about .about-section-two,
html[data-theme="dark"] .page-template-content.page-about .about-section-two .auto-container,
html[data-theme="dark"] .page-template-content.page-about .about-section-two .bravo-text,
html[data-theme="dark"] .page-template-content.page-about .about-section-two .bravo-text.text-box,
html[data-theme="dark"] .page-template-content.page-about .about-section-two .row {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] body.path-about .about-section-two .about-working > *,
html[data-theme="dark"] .page-template-content.page-about .about-section-two .about-working > * {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] body.path-about .about-section-two .about-working,
html[data-theme="dark"] body.path-about .about-section-two .about-working[style],
html[data-theme="dark"] .page-template-content.page-about .about-section-two .about-working,
html[data-theme="dark"] .page-template-content.page-about .about-section-two .about-working[style] {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
  background-image: none !important;
}

html[data-theme="dark"] body.path-about .our-mission h1,
html[data-theme="dark"] body.path-about .our-mission h2,
html[data-theme="dark"] body.path-about .our-mission h3,
html[data-theme="dark"] body.path-about .our-mission p,
html[data-theme="dark"] body.path-about .our-mission li,
html[data-theme="dark"] body.path-about .our-story h1,
html[data-theme="dark"] body.path-about .our-story h2,
html[data-theme="dark"] body.path-about .our-story h3,
html[data-theme="dark"] body.path-about .our-story p,
html[data-theme="dark"] body.path-about .our-story li,
html[data-theme="dark"] body.path-about .about-working h1,
html[data-theme="dark"] body.path-about .about-working h2,
html[data-theme="dark"] body.path-about .about-working h3,
html[data-theme="dark"] body.path-about .about-working p,
html[data-theme="dark"] .page-template-content.page-about .about-working h1,
html[data-theme="dark"] .page-template-content.page-about .about-working h2,
html[data-theme="dark"] .page-template-content.page-about .about-working h3,
html[data-theme="dark"] .page-template-content.page-about .about-working p,
html[data-theme="dark"] body.path-about .about-working li {
  color: var(--pw-text) !important;
}

/* About page: story copy panels should be light grey (not near-black) */
html[data-theme="dark"] body.path-about .our-story .sec-two,
html[data-theme="dark"] body.path-about .our-story .sec-three,
html[data-theme="dark"] .page-template-content.page-about .our-story .sec-two,
html[data-theme="dark"] .page-template-content.page-about .our-story .sec-three {
  background: var(--pw-surface) !important;
  background-color: var(--pw-surface) !important;
}

/* About page: true-dark mode consistency + readability */
html[data-theme="dark"] body.path-about,
html[data-theme="dark"] body.path-about .page-template-content,
html[data-theme="dark"] .page-template-content.page-about {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-about .about-section-third,
html[data-theme="dark"] body.path-about .our-story,
html[data-theme="dark"] body.path-about .our-mission,
html[data-theme="dark"] body.path-about .our-mission-text,
html[data-theme="dark"] body.path-about .about-section-two,
html[data-theme="dark"] body.path-about .section-two,
html[data-theme="dark"] .page-template-content.page-about .about-section-third,
html[data-theme="dark"] .page-template-content.page-about .our-story,
html[data-theme="dark"] .page-template-content.page-about .our-mission,
html[data-theme="dark"] .page-template-content.page-about .our-mission-text,
html[data-theme="dark"] .page-template-content.page-about .about-section-two,
html[data-theme="dark"] .page-template-content.page-about .section-two {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] body.path-about .our-story .sec-two,
html[data-theme="dark"] body.path-about .our-story .sec-three,
html[data-theme="dark"] body.path-about .about-section-four-card,
html[data-theme="dark"] body.path-about .img-btn,
html[data-theme="dark"] body.path-about .contact-card.light-card,
html[data-theme="dark"] body.path-about #about-overlay,
html[data-theme="dark"] body.path-about #about-overlay2,
html[data-theme="dark"] .page-template-content.page-about .our-story .sec-two,
html[data-theme="dark"] .page-template-content.page-about .our-story .sec-three,
html[data-theme="dark"] .page-template-content.page-about .about-section-four-card,
html[data-theme="dark"] .page-template-content.page-about .img-btn,
html[data-theme="dark"] .page-template-content.page-about .contact-card.light-card,
html[data-theme="dark"] .page-template-content.page-about #about-overlay,
html[data-theme="dark"] .page-template-content.page-about #about-overlay2 {
  background: var(--pw-surface) !important;
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-about .section-top-bar,
html[data-theme="dark"] body.path-about .our-story .section-top-bar,
html[data-theme="dark"] body.path-about .our-mission .section-top-bar,
html[data-theme="dark"] .page-template-content.page-about .section-top-bar,
html[data-theme="dark"] .page-template-content.page-about .our-story .section-top-bar,
html[data-theme="dark"] .page-template-content.page-about .our-mission .section-top-bar {
  border-bottom-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-about h1,
html[data-theme="dark"] body.path-about h2,
html[data-theme="dark"] body.path-about h3,
html[data-theme="dark"] body.path-about h4,
html[data-theme="dark"] body.path-about h5,
html[data-theme="dark"] body.path-about h6,
html[data-theme="dark"] body.path-about p,
html[data-theme="dark"] body.path-about li,
html[data-theme="dark"] body.path-about span,
html[data-theme="dark"] body.path-about strong,
html[data-theme="dark"] .page-template-content.page-about h1,
html[data-theme="dark"] .page-template-content.page-about h2,
html[data-theme="dark"] .page-template-content.page-about h3,
html[data-theme="dark"] .page-template-content.page-about h4,
html[data-theme="dark"] .page-template-content.page-about h5,
html[data-theme="dark"] .page-template-content.page-about h6,
html[data-theme="dark"] .page-template-content.page-about p,
html[data-theme="dark"] .page-template-content.page-about li,
html[data-theme="dark"] .page-template-content.page-about span,
html[data-theme="dark"] .page-template-content.page-about strong {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .page-template-content.page-about a:not(.theme-btn):not(.purple-btn):not(.btn):not(.button) {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] .page-template-content.page-about a:not(.theme-btn):not(.purple-btn):not(.btn):not(.button):hover {
  color: var(--pw-link-hover) !important;
}

/* Generic content pages: keep text readable even if content has hard-coded colors */
html[data-theme="dark"] .page-template-content {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .page-template-content h1,
html[data-theme="dark"] .page-template-content h2,
html[data-theme="dark"] .page-template-content h3,
html[data-theme="dark"] .page-template-content h4,
html[data-theme="dark"] .page-template-content h5,
html[data-theme="dark"] .page-template-content h6,
html[data-theme="dark"] .page-template-content p,
html[data-theme="dark"] .page-template-content li,
html[data-theme="dark"] .page-template-content span,
html[data-theme="dark"] .page-template-content strong,
html[data-theme="dark"] .page-template-content em {
  color: var(--pw-text) !important;
}

/* Don’t clobber button/CTA styling inside CMS templates */
html[data-theme="dark"] .page-template-content a.theme-btn,
html[data-theme="dark"] .page-template-content a.purple-btn,
html[data-theme="dark"] .page-template-content a.btn,
html[data-theme="dark"] .page-template-content a.button {
  color: inherit !important;
}

html[data-theme="dark"] .page-template-content a.theme-btn *,
html[data-theme="dark"] .page-template-content a.purple-btn *,
html[data-theme="dark"] .page-template-content a.btn *,
html[data-theme="dark"] .page-template-content a.button * {
  color: inherit !important;
}

/* Subtle dim overlay for sections using inline background images on template pages */
html[data-theme="dark"] .page-template-content section[style*="background-image"],
html[data-theme="dark"] .page-template-content section[style*="background:url"],
html[data-theme="dark"] .page-template-content div[style*="background-image"],
html[data-theme="dark"] .page-template-content div[style*="background:url"] {
  position: relative;
}

html[data-theme="dark"] .page-template-content section[style*="background-image"]::before,
html[data-theme="dark"] .page-template-content section[style*="background:url"]::before,
html[data-theme="dark"] .page-template-content div[style*="background-image"]::before,
html[data-theme="dark"] .page-template-content div[style*="background:url"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--pw-shadow);
  pointer-events: none;
  z-index: 0;
}

html[data-theme="dark"] .page-template-content section[style*="background-image"] > *,
html[data-theme="dark"] .page-template-content section[style*="background:url"] > *,
html[data-theme="dark"] .page-template-content div[style*="background-image"] > *,
html[data-theme="dark"] .page-template-content div[style*="background:url"] > * {
  position: relative;
  z-index: 1;
}

/* Marketing landing pages (custom routes): jobs-board, training, speaking, consultancy, internships */
html[data-theme="dark"] body.path-jobs-board,
html[data-theme="dark"] body.path-training,
html[data-theme="dark"] body.path-speaking,
html[data-theme="dark"] body.path-consultancy,
html[data-theme="dark"] body.path-internships-and-recruitment {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-jobs-board h1,
html[data-theme="dark"] body.path-jobs-board h2,
html[data-theme="dark"] body.path-jobs-board h3,
html[data-theme="dark"] body.path-jobs-board h4,
html[data-theme="dark"] body.path-jobs-board h5,
html[data-theme="dark"] body.path-jobs-board h6,
html[data-theme="dark"] body.path-training h1,
html[data-theme="dark"] body.path-training h2,
html[data-theme="dark"] body.path-training h3,
html[data-theme="dark"] body.path-training h4,
html[data-theme="dark"] body.path-training h5,
html[data-theme="dark"] body.path-training h6,
html[data-theme="dark"] body.path-speaking h1,
html[data-theme="dark"] body.path-speaking h2,
html[data-theme="dark"] body.path-speaking h3,
html[data-theme="dark"] body.path-speaking h4,
html[data-theme="dark"] body.path-speaking h5,
html[data-theme="dark"] body.path-speaking h6,
html[data-theme="dark"] body.path-consultancy h1,
html[data-theme="dark"] body.path-consultancy h2,
html[data-theme="dark"] body.path-consultancy h3,
html[data-theme="dark"] body.path-consultancy h4,
html[data-theme="dark"] body.path-consultancy h5,
html[data-theme="dark"] body.path-consultancy h6,
html[data-theme="dark"] body.path-internships-and-recruitment h1,
html[data-theme="dark"] body.path-internships-and-recruitment h2,
html[data-theme="dark"] body.path-internships-and-recruitment h3,
html[data-theme="dark"] body.path-internships-and-recruitment h4,
html[data-theme="dark"] body.path-internships-and-recruitment h5,
html[data-theme="dark"] body.path-internships-and-recruitment h6 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-jobs-board a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn),
html[data-theme="dark"] body.path-training a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn),
html[data-theme="dark"] body.path-speaking a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn),
html[data-theme="dark"] body.path-consultancy a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn),
html[data-theme="dark"] body.path-internships-and-recruitment a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn) {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-jobs-board a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn):hover,
html[data-theme="dark"] body.path-training a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn):hover,
html[data-theme="dark"] body.path-speaking a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn):hover,
html[data-theme="dark"] body.path-consultancy a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn):hover,
html[data-theme="dark"] body.path-internships-and-recruitment a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn-style-one):not(.hero-cta-btn):not(.slider-controller-btn):hover {
  color: var(--pw-link-hover) !important;
}

/* Internships page: force black text/icons on blue CTA buttons in dark mode */
html[data-theme="dark"] body.path-internships-and-recruitment a.action-btn-pur,
html[data-theme="dark"] body.path-internships-and-recruitment a.action-btn-pur:visited,
html[data-theme="dark"] body.path-internships-and-recruitment a.action-btn-pur:hover,
html[data-theme="dark"] body.path-internships-and-recruitment a.action-btn-pur:focus,
html[data-theme="dark"] body.path-internships-and-recruitment a.action-btn-pur:active,
html[data-theme="dark"] body.path-internships-and-recruitment a.purple-btn,
html[data-theme="dark"] body.path-internships-and-recruitment a.purple-btn:visited,
html[data-theme="dark"] body.path-internships-and-recruitment a.purple-btn:hover,
html[data-theme="dark"] body.path-internships-and-recruitment a.purple-btn:focus,
html[data-theme="dark"] body.path-internships-and-recruitment a.purple-btn:active,
html[data-theme="dark"] body.path-internships-and-recruitment .slider-controller-btn,
html[data-theme="dark"] body.path-internships-and-recruitment .slider-controller-btn:hover,
html[data-theme="dark"] body.path-internships-and-recruitment .slider-controller-btn:focus,
html[data-theme="dark"] body.path-internships-and-recruitment .slider-controller-btn:active {
  color: #000000 !important;
}

html[data-theme="dark"] body.path-internships-and-recruitment a.action-btn-pur *,
html[data-theme="dark"] body.path-internships-and-recruitment a.purple-btn *,
html[data-theme="dark"] body.path-internships-and-recruitment .slider-controller-btn * {
  color: #000000 !important;
  fill: #000000 !important;
}

html[data-theme="dark"] body.path-jobs-board .lead,
html[data-theme="dark"] body.path-training .lead,
html[data-theme="dark"] body.path-speaking .lead,
html[data-theme="dark"] body.path-consultancy .lead,
html[data-theme="dark"] body.path-internships-and-recruitment .lead {
  color: var(--pw-text) !important;
}

/* Keep body copy on custom landing pages consistent with heading color */
html[data-theme="dark"] body.path-jobs-board p,
html[data-theme="dark"] body.path-jobs-board li,
html[data-theme="dark"] body.path-jobs-board span,
html[data-theme="dark"] body.path-training p,
html[data-theme="dark"] body.path-training li,
html[data-theme="dark"] body.path-training span,
html[data-theme="dark"] body.path-speaking p,
html[data-theme="dark"] body.path-speaking li,
html[data-theme="dark"] body.path-speaking span,
html[data-theme="dark"] body.path-consultancy p,
html[data-theme="dark"] body.path-consultancy li,
html[data-theme="dark"] body.path-consultancy span,
html[data-theme="dark"] body.path-internships-and-recruitment p,
html[data-theme="dark"] body.path-internships-and-recruitment li,
html[data-theme="dark"] body.path-internships-and-recruitment span {
  color: var(--pw-text) !important;
}

/* Fix muted section titles (e.g. Training: .yel-blu-heading) */
html[data-theme="dark"] body.path-training .yel-blu-heading,
html[data-theme="dark"] body.path-training .heading_title {
  color: var(--pw-text) !important;
}

/* White hero panels become dark surfaces */
html[data-theme="dark"] body.path-jobs-board .hero-bg-white,
html[data-theme="dark"] body.path-training .hero-bg-white,
html[data-theme="dark"] body.path-speaking .hero-bg-white,
html[data-theme="dark"] body.path-consultancy .hero-bg-white,
html[data-theme="dark"] body.path-internships-and-recruitment .hero-bg-white {
  background: rgba(34, 37, 41, 0.92) !important;
  color: var(--pw-text) !important;
  border: 1px solid var(--pw-border) !important;
}

/* Cards/panels that are hard-coded white */
html[data-theme="dark"] body.path-jobs-board .partner-card,
html[data-theme="dark"] body.path-speaking .examples-section .card {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
  box-shadow: 0px 6px 15px var(--pw-shadow) !important;
}

/* Light gradient rows become dark surfaces (keeps layout, improves contrast) */
html[data-theme="dark"] body.path-jobs-board .how-work-row-one,
html[data-theme="dark"] body.path-jobs-board .how-work-row-two,
html[data-theme="dark"] body.path-jobs-board .how-work-row-three,
html[data-theme="dark"] body.path-jobs-board .how-work-row-four,
html[data-theme="dark"] body.path-jobs-board .how-work-row-five,
html[data-theme="dark"] body.path-internships-and-recruitment .work-help-row-one,
html[data-theme="dark"] body.path-internships-and-recruitment .work-help-row-two,
html[data-theme="dark"] body.path-internships-and-recruitment .work-help-row-three,
html[data-theme="dark"] body.path-internships-and-recruitment .work-help-row-four,
html[data-theme="dark"] body.path-consultancy .help-row-one,
html[data-theme="dark"] body.path-consultancy .help-row-two,
html[data-theme="dark"] body.path-consultancy .help-row-three,
html[data-theme="dark"] body.path-consultancy .help-row-four,
html[data-theme="dark"] body.path-speaking .help-row-one,
html[data-theme="dark"] body.path-speaking .help-row-two,
html[data-theme="dark"] body.path-speaking .help-row-three,
html[data-theme="dark"] body.path-internships-and-recruitment .help-row-one,
html[data-theme="dark"] body.path-internships-and-recruitment .help-row-two,
html[data-theme="dark"] body.path-internships-and-recruitment .help-row-three {
  background: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  box-shadow: 0px 6px 15px var(--pw-shadow) !important;
}

/* Ensure text inside those rows is readable */
html[data-theme="dark"] body.path-jobs-board .how-work-row-one *,
html[data-theme="dark"] body.path-jobs-board .how-work-row-two *,
html[data-theme="dark"] body.path-jobs-board .how-work-row-three *,
html[data-theme="dark"] body.path-jobs-board .how-work-row-four *,
html[data-theme="dark"] body.path-jobs-board .how-work-row-five *,
html[data-theme="dark"] body.path-consultancy .help-row-one *,
html[data-theme="dark"] body.path-consultancy .help-row-two *,
html[data-theme="dark"] body.path-consultancy .help-row-three *,
html[data-theme="dark"] body.path-consultancy .help-row-four *,
html[data-theme="dark"] body.path-speaking .help-row-one *,
html[data-theme="dark"] body.path-speaking .help-row-two *,
html[data-theme="dark"] body.path-speaking .help-row-three *,
html[data-theme="dark"] body.path-internships-and-recruitment .help-row-one *,
html[data-theme="dark"] body.path-internships-and-recruitment .help-row-two *,
html[data-theme="dark"] body.path-internships-and-recruitment .help-row-three *,
html[data-theme="dark"] body.path-internships-and-recruitment .work-help-row-one *,
html[data-theme="dark"] body.path-internships-and-recruitment .work-help-row-two *,
html[data-theme="dark"] body.path-internships-and-recruitment .work-help-row-three *,
html[data-theme="dark"] body.path-internships-and-recruitment .work-help-row-four * {
  color: var(--pw-text) !important;
}

/* Subtle dim overlay over background-image sections on marketing pages */
html[data-theme="dark"] body.path-jobs-board .top-hero-section,
html[data-theme="dark"] body.path-jobs-board .speaking-bg,
html[data-theme="dark"] body.path-training .top-hero-section,
html[data-theme="dark"] body.path-training .traning-content,
html[data-theme="dark"] body.path-speaking .top-hero-section,
html[data-theme="dark"] body.path-speaking .speaking-bg,
html[data-theme="dark"] body.path-consultancy .top-hero-section,
html[data-theme="dark"] body.path-consultancy .speaking-bg,
html[data-theme="dark"] body.path-internships-and-recruitment .top-hero-section,
html[data-theme="dark"] body.path-internships-and-recruitment .internship-bg {
  position: relative;
}

html[data-theme="dark"] body.path-jobs-board .top-hero-section::before,
html[data-theme="dark"] body.path-jobs-board .speaking-bg::before,
html[data-theme="dark"] body.path-training .top-hero-section::before,
html[data-theme="dark"] body.path-training .traning-content::before,
html[data-theme="dark"] body.path-speaking .top-hero-section::before,
html[data-theme="dark"] body.path-speaking .speaking-bg::before,
html[data-theme="dark"] body.path-consultancy .top-hero-section::before,
html[data-theme="dark"] body.path-consultancy .speaking-bg::before,
html[data-theme="dark"] body.path-internships-and-recruitment .top-hero-section::before,
html[data-theme="dark"] body.path-internships-and-recruitment .internship-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--pw-shadow);
  pointer-events: none;
  z-index: 0;
}

html[data-theme="dark"] body.path-jobs-board .top-hero-section > *,
html[data-theme="dark"] body.path-jobs-board .speaking-bg > *,
html[data-theme="dark"] body.path-training .top-hero-section > *,
html[data-theme="dark"] body.path-training .traning-content > *,
html[data-theme="dark"] body.path-speaking .top-hero-section > *,
html[data-theme="dark"] body.path-speaking .speaking-bg > *,
html[data-theme="dark"] body.path-consultancy .top-hero-section > *,
html[data-theme="dark"] body.path-consultancy .speaking-bg > *,
html[data-theme="dark"] body.path-internships-and-recruitment .top-hero-section > *,
html[data-theme="dark"] body.path-internships-and-recruitment .internship-bg > * {
  position: relative;
  z-index: 1;
}

/* Consultancy: gradient cards -> dark surfaces */
html[data-theme="dark"] body.path-consultancy .bespoke,
html[data-theme="dark"] body.path-consultancy .flexible,
html[data-theme="dark"] body.path-consultancy .inclusive {
  background: var(--pw-surface) !important;
  background-image: none !important;
  border: 1px solid var(--pw-border) !important;
  box-shadow: 0px 6px 15px var(--pw-shadow) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-consultancy .bespoke *,
html[data-theme="dark"] body.path-consultancy .flexible *,
html[data-theme="dark"] body.path-consultancy .inclusive * {
  color: var(--pw-text) !important;
}

/* Consultancy: make "How it works" step labels purple in dark mode */
html[data-theme="dark"] body.path-consultancy .assessment ul li p,
html[data-theme="dark"] body.path-consultancy .assessment ul li p b,
html[data-theme="dark"] body.path-consultancy .assessment ul li p .mbl-text-none {
  color: #3f2666 !important;
}

/* Jobs board: dashed panel (keep texture image, just darken + dim) */
html[data-theme="dark"] body.path-jobs-board .dashed-border {
  border-color: var(--pw-border) !important;
  background-color: var(--pw-surface) !important;
  position: relative;
}

html[data-theme="dark"] body.path-jobs-board .dashed-border::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--pw-shadow);
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
}

html[data-theme="dark"] body.path-jobs-board .dashed-border > * {
  position: relative;
  z-index: 1;
}

/* /how-it-works-for-employers: improve spacing on dark How-it-works card */
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-one {
  padding-top: 26px !important;
  padding-bottom: 36px !important;
}

html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-one .container.hiwfp {
  padding: 24px 28px 30px !important;
  border-radius: 18px;
}

html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-one .col-md-12[style*="padding-top"] {
  padding-top: 34px !important;
}

/* /how-it-works-for-employers: fix grey text on Why Patchwork Hub section */
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two .yel-blu-heading,
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two .hed-black-white-txt,
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two .par-black-white-txt,
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two h2,
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two h3,
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two h4,
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two p,
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two li,
html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two strong {
  color: #3f2666 !important;
}

html[data-theme="dark"] body.path-how-it-works-for-employers #hiwfp-section-two a {
  color: #3f2666 !important;
}

/* /how-it-works-for-employers: Our Supporters title should not appear grey */
html[data-theme="dark"] body.path-how-it-works-for-employers #our_supporters_heading,
html[data-theme="dark"] body.path-how-it-works-for-employers #our_supporters_section h2 {
  color: #3f2666 !important;
}

/* /feedback: true dark form readability */
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .feedback-content {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback h1,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback h2,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback h3,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback p,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback label,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .feedback-label,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .label-span,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback strong,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback span {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback input.with-border,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback textarea.with-border,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .with-border {
  background-color: var(--pw-input-bg) !important;
  border: 1px solid var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback input.with-border::placeholder,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback textarea.with-border::placeholder,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .with-border::placeholder {
  color: var(--pw-placeholder) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .alert,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .alert p,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .alert strong {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .alert-info {
  background-color: var(--pw-surface-2) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .alert-success,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .alert-danger {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .alert .close,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .alert .close span {
  color: var(--pw-text) !important;
  opacity: 0.9;
}

html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .feedback-btn,
html[data-theme="dark"] body.path-feedback .page-template-content.page-feedback .button.feedback-btn {
  background-color: var(--pw-link) !important;
  color: var(--pw-text-inverse) !important;
  border: 1px solid transparent !important;
}

/* PatchworkTogether pages: /patchworktogether, /patchworktogether/blogs/all, and blog detail/category URLs */
html[data-theme="dark"] body[class*="path-patchworktogether"] {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] h1,
html[data-theme="dark"] body[class*="path-patchworktogether"] h2,
html[data-theme="dark"] body[class*="path-patchworktogether"] h3,
html[data-theme="dark"] body[class*="path-patchworktogether"] h4,
html[data-theme="dark"] body[class*="path-patchworktogether"] h5,
html[data-theme="dark"] body[class*="path-patchworktogether"] h6,
html[data-theme="dark"] body[class*="path-patchworktogether"] p,
html[data-theme="dark"] body[class*="path-patchworktogether"] li,
html[data-theme="dark"] body[class*="path-patchworktogether"] span {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] .page-breadcrumb,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] .page-breadcrumb li,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] .page-breadcrumb li a,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] .page-breadcrumb li::after,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] .blog-breadcrumb,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] .blog-breadcrumb li,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] .blog-breadcrumb li a,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] .blog-breadcrumb li:not(:last-child):after,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] #breadcrumbs ul li,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] #breadcrumbs ul li a,
html[data-theme="dark"] body[class*="path-patchworktogether"][class*="path-blogs"][class*="path-all"] #breadcrumbs ul li.title-text:before {
  color: #000000 !important;
  text-decoration-color: #000000 !important;
}

html[data-theme="dark"] body[class*="path-blogs"][class*="path-all"] .page-title .page-breadcrumb,
html[data-theme="dark"] body[class*="path-blogs"][class*="path-all"] .page-title .page-breadcrumb li,
html[data-theme="dark"] body[class*="path-blogs"][class*="path-all"] .page-title .page-breadcrumb a,
html[data-theme="dark"] body[class*="path-blogs"][class*="path-all"] .page-title .page-breadcrumb li::after,
html[data-theme="dark"] body[class*="path-blogs"][class*="path-all"] .page-title .page-breadcrumb li::before,
html[data-theme="dark"] body[class*="path-blogs"][class*="path-all"] .page-title .breadcrumb-item,
html[data-theme="dark"] body[class*="path-blogs"][class*="path-all"] .page-title .breadcrumb-item a,
html[data-theme="dark"] body[class*="path-blogs"][class*="path-all"] .page-title .breadcrumb-item + .breadcrumb-item::before {
  color: #000000 !important;
  text-decoration-color: #000000 !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #titlebar,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two {
  position: relative;
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #titlebar::before,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--pw-shadow);
  pointer-events: none;
  z-index: 0;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #titlebar > *,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two > * {
  position: relative;
  z-index: 1;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-overlay,
html[data-theme="dark"] body[class*="path-patchworktogether"] .contact-card,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block .inner-box,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block-two .inner-box,
html[data-theme="dark"] body[class*="path-patchworktogether"] .inner-box.job-listing,
html[data-theme="dark"] body[class*="path-patchworktogether"] .job-listing-footer,
html[data-theme="dark"] body[class*="path-patchworktogether"] .widget_search .form-group {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .news-section.style_5,
html[data-theme="dark"] body[class*="path-patchworktogether"] .search-section.news-section,
html[data-theme="dark"] body[class*="path-patchworktogether"] .sidebar-page-container,
html[data-theme="dark"] body[class*="path-patchworktogether"] .bravo-news {
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block .lower-content h3 a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block .lower-content a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .tag-list a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .tab .tablinks {
  color: var(--pw-link) !important;
  text-decoration-color: var(--pw-link) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block .lower-content h3 a:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block .lower-content a:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content a:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .tag-list a:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .tab .tablinks:hover {
  color: var(--pw-link-hover) !important;
  text-decoration-color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .tag-list a {
  background: rgba(54, 197, 240, 0.14) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .catagory-list li a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .catagory-list li a:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .post-meta li a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .post-meta li,
html[data-theme="dark"] body[class*="path-patchworktogether"] .text.blog-body-desc,
html[data-theme="dark"] body[class*="path-patchworktogether"] .text.blog-body-desc-featured {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-single,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content p,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content li,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content span,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content h2,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content h3,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content h4,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content h5,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-content h6 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .bravo-news .blog-content hr {
  border-color: var(--pw-border) !important;
  background-color: var(--pw-border) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .bravo-news .blog-content blockquote {
  border-left-color: var(--pw-border) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .sidebar-page-container,
html[data-theme="dark"] body[class*="path-patchworktogether"] .sidebar-page-container .auto-container,
html[data-theme="dark"] body[class*="path-patchworktogether"] .sidebar-side,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar,
html[data-theme="dark"] body[class*="path-patchworktogether"] .content-side {
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget .widget-content,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget .thumb-list,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget.widget_bloglist,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget.widget_category,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget.widget_search,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget.yellow-card {
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-title h4,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget h4,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget h5,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget h6,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget p,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget li,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget span,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget a {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .sidebar-widget h4 {
  font-size: 32px !important;
  line-height: 1.2 !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .widget_bloglist .thumb-list .post {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .widget_bloglist .thumb-list .post-thumb {
  flex: 0 0 120px !important;
  margin-right: 0 !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .widget_bloglist .thumb-list .post-thumb img {
  width: 120px !important;
  height: 90px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .widget_bloglist .thumb-list .post h5 {
  font-size: 18px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .catagory-list {
  padding-left: 0 !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .catagory-list li {
  margin: 0 0 10px !important;
  line-height: 1.35 !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .catagory-list li a {
  font-size: 17px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .catagory-list li a:hover {
  color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .widget_search .form-group {
  background-color: var(--pw-input-bg) !important;
  border: 1px solid var(--pw-input-border) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .widget_search input[type="search"] {
  background-color: transparent !important;
  color: var(--pw-input-text) !important;
  border: 0 !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .widget_search input[type="search"]::placeholder {
  color: var(--pw-placeholder) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .widget_search .icon {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar #testimonials .single-inner,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar #testimonials .single-inner.contact-card,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar #testimonials .testimonial-content,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar #testimonials .author-info,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar #testimonials .designation,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar #testimonials .name {
  background-color: transparent !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar #testimonials .testimonial-content p {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .owl-dots .owl-dot span {
  background-color: var(--pw-surface-2) !important;
  border: 1px solid var(--pw-border) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-sidebar .owl-dots .owl-dot.active span {
  background-color: var(--pw-link) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .hak-blog-img {
  filter: brightness(0) invert(1) opacity(0.95) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two.light_content,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two.contact_content,
html[data-theme="dark"] body[class*="path-patchworktogether"] div#blog-section-two[style],
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .auto-container,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .row,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .col-md-12 {
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .section-top-bar,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .section-top-bar[style] {
  border-bottom-color: var(--pw-border) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .title-heading,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two h2,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two p,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two li,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two span {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .purple-btn.dark-title.blog-btn {
  background-color: var(--pw-surface-2) !important;
  color: var(--pw-text) !important;
  border: 1px solid var(--pw-border) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .purple-btn.dark-title.blog-btn:hover {
  background-color: var(--pw-surface) !important;
  color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .news-section.style_4,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-section.style_4 .auto-container,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-section.style_4 .sec-title,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-section.style_4 .sec-title h2,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-section.style_4 .sec-title a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .title-heading,
html[data-theme="dark"] body[class*="path-patchworktogether"] .resources-heading,
html[data-theme="dark"] body[class*="path-patchworktogether"] .resources-desc,
html[data-theme="dark"] body[class*="path-patchworktogether"] .explore-links li,
html[data-theme="dark"] body[class*="path-patchworktogether"] .explore-links a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .section-top-bar h2 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .news-section.style_4 {
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block-two .lower-content,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block .lower-content,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-item,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-body,
html[data-theme="dark"] body[class*="path-patchworktogether"] .excerpt,
html[data-theme="dark"] body[class*="path-patchworktogether"] .resources-desc,
html[data-theme="dark"] body[class*="path-patchworktogether"] .text.blog-body-desc,
html[data-theme="dark"] body[class*="path-patchworktogether"] .text.blog-body-desc-featured,
html[data-theme="dark"] body[class*="path-patchworktogether"] .job-listing-title,
html[data-theme="dark"] body[class*="path-patchworktogether"] .job-listing-title a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-item p,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-item span,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-item div {
  color: var(--pw-text) !important;
  background-color: transparent !important;
  background: transparent !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block-two .lower-content *,
html[data-theme="dark"] body[class*="path-patchworktogether"] .news-block .lower-content *,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-item *,
html[data-theme="dark"] body[class*="path-patchworktogether"] .blog-body *,
html[data-theme="dark"] body[class*="path-patchworktogether"] .excerpt *,
html[data-theme="dark"] body[class*="path-patchworktogether"] .resources-desc *,
html[data-theme="dark"] body[class*="path-patchworktogether"] .text.blog-body-desc *,
html[data-theme="dark"] body[class*="path-patchworktogether"] .text.blog-body-desc-featured * {
  color: inherit !important;
  background-color: transparent !important;
  background: transparent !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .section-top-bar,
html[data-theme="dark"] body[class*="path-patchworktogether"] .sec-title.s4,
html[data-theme="dark"] body[class*="path-patchworktogether"] .sec-title.s5 {
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .resource-btn,
html[data-theme="dark"] body[class*="path-patchworktogether"] .dark-btn.card-btn,
html[data-theme="dark"] body[class*="path-patchworktogether"] .button,
html[data-theme="dark"] body[class*="path-patchworktogether"] .purple-btn.dark-title.blog-btn {
  background-color: var(--pw-link) !important;
  color: var(--pw-text-inverse) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] .resource-btn:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .dark-btn.card-btn:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .button:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .purple-btn.dark-title.blog-btn:hover {
  filter: brightness(1.06) !important;
}

/* Impact Partners page */
html[data-theme="dark"] body.path-impact-partners {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-impact-partners .top-hero-section,
html[data-theme="dark"] body.path-impact-partners .section-impact-partner {
  position: relative;
}

html[data-theme="dark"] body.path-impact-partners .top-hero-section::before,
html[data-theme="dark"] body.path-impact-partners .section-impact-partner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--pw-shadow);
  pointer-events: none;
  z-index: 0;
}

html[data-theme="dark"] body.path-impact-partners .top-hero-section > *,
html[data-theme="dark"] body.path-impact-partners .section-impact-partner > * {
  position: relative;
  z-index: 1;
}

html[data-theme="dark"] body.path-impact-partners h1,
html[data-theme="dark"] body.path-impact-partners h2,
html[data-theme="dark"] body.path-impact-partners h3,
html[data-theme="dark"] body.path-impact-partners h4,
html[data-theme="dark"] body.path-impact-partners h5,
html[data-theme="dark"] body.path-impact-partners h6,
html[data-theme="dark"] body.path-impact-partners p,
html[data-theme="dark"] body.path-impact-partners li,
html[data-theme="dark"] body.path-impact-partners span {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-impact-partners .hero-bg-white,
html[data-theme="dark"] body.path-impact-partners .hero-mbl,
html[data-theme="dark"] body.path-impact-partners .impact-partner-row .card,
html[data-theme="dark"] body.path-impact-partners .impact-partner-row .card-body {
  background: rgba(34, 37, 41, 0.92) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-impact-partners .impact-partner-row .card-body .patner-inner-logo {
  background: var(--pw-surface-2) !important;
  border: 1px solid var(--pw-border) !important;
  box-shadow: 0px 6px 16px var(--pw-shadow) !important;
}

html[data-theme="dark"] body.path-impact-partners .card-heading,
html[data-theme="dark"] body.path-impact-partners .card-sector,
html[data-theme="dark"] body.path-impact-partners .hero-heading,
html[data-theme="dark"] body.path-impact-partners .impact-partner-heading {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-impact-partners .action-btn-pur,
html[data-theme="dark"] body.path-impact-partners .purple-btn {
  background-color: var(--pw-link) !important;
  color: var(--pw-text-inverse) !important;
  border-color: transparent !important;
}

/* Home revamp page (/) */
html[data-theme="dark"] body.path-home {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-home .hero-section,
html[data-theme="dark"] body.path-home .featured-employers-section,
html[data-theme="dark"] body.path-home .employers-section,
html[data-theme="dark"] body.path-home .candidates-section,
html[data-theme="dark"] body.path-home .community-section {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

/* Remove light gradients on sections that use `background:` (keep community bg image, just darken via overlay below) */
html[data-theme="dark"] body.path-home .hero-section,
html[data-theme="dark"] body.path-home .featured-employers-section,
html[data-theme="dark"] body.path-home .employers-section,
html[data-theme="dark"] body.path-home .candidates-section {
  background-image: none !important;
}

html[data-theme="dark"] body.path-home .featured-employers-section,
html[data-theme="dark"] body.path-home .community-section {
  position: relative;
}

html[data-theme="dark"] body.path-home .featured-employers-section::before,
html[data-theme="dark"] body.path-home .community-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  pointer-events: none;
  z-index: 0;
}

/* Decorative hero wave: keep but dim */
html[data-theme="dark"] body.path-home .hero-bg-wave {
  opacity: 0.28;
  filter: brightness(0.7) contrast(1.05);
}

html[data-theme="dark"] body.path-home .featured-employers-section > *,
html[data-theme="dark"] body.path-home .community-section > * {
  position: relative;
  z-index: 1;
}

html[data-theme="dark"] body.path-home .hero-headline,
html[data-theme="dark"] body.path-home .hero-subheadline,
html[data-theme="dark"] body.path-home .hero-body,
html[data-theme="dark"] body.path-home .fe-header,
html[data-theme="dark"] body.path-home .emp-header,
html[data-theme="dark"] body.path-home .emp-subheader,
html[data-theme="dark"] body.path-home .candidates-title,
html[data-theme="dark"] body.path-home .candidates-sub,
html[data-theme="dark"] body.path-home .testimo-title,
html[data-theme="dark"] body.path-home .testimo-sub,
html[data-theme="dark"] body.path-home .comm-title,
html[data-theme="dark"] body.path-home .comm-sub,
html[data-theme="dark"] body.path-home .emp-card-title,
html[data-theme="dark"] body.path-home .emp-card-text,
html[data-theme="dark"] body.path-home .emp-training-title,
html[data-theme="dark"] body.path-home .emp-training-text,
html[data-theme="dark"] body.path-home .emp-benefits-title,
html[data-theme="dark"] body.path-home .emp-benefits-sub,
html[data-theme="dark"] body.path-home .benefit-number,
html[data-theme="dark"] body.path-home .benefit-label,
html[data-theme="dark"] body.path-home .benefit-source,
html[data-theme="dark"] body.path-home .job-feature-title,
html[data-theme="dark"] body.path-home .job-company,
html[data-theme="dark"] body.path-home .job-meta,
html[data-theme="dark"] body.path-home .testimo-name,
html[data-theme="dark"] body.path-home .testimo-role,
html[data-theme="dark"] body.path-home .testimo-text,
html[data-theme="dark"] body.path-home .comm-card-title,
html[data-theme="dark"] body.path-home .comm-excerpt {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-home .hero-headline strong,
html[data-theme="dark"] body.path-home .hero-headline-strong,
html[data-theme="dark"] body.path-home .emp-training-text strong,
html[data-theme="dark"] body.path-home .candidates-list strong {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-home .candidates-list,
html[data-theme="dark"] body.path-home .candidates-list p,
html[data-theme="dark"] body.path-home .candidates-list li,
html[data-theme="dark"] body.path-home .candidates-list span {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-home .fe-card,
html[data-theme="dark"] body.path-home .emp-card-box,
html[data-theme="dark"] body.path-home .emp-training-box,
html[data-theme="dark"] body.path-home .emp-benefits-box,
html[data-theme="dark"] body.path-home .job-feature-card,
html[data-theme="dark"] body.path-home .testimo-card,
html[data-theme="dark"] body.path-home .comm-card {
  background: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  box-shadow: 0px 6px 15px var(--pw-shadow) !important;
}

html[data-theme="dark"] body.path-home .job-title,
html[data-theme="dark"] body.path-home .job-title:visited,
html[data-theme="dark"] body.path-home .comm-card a,
html[data-theme="dark"] body.path-home .comm-card a:visited {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-home .job-title:hover,
html[data-theme="dark"] body.path-home .comm-card a:hover {
  color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] body.path-home .hero-cta-btn,
html[data-theme="dark"] body.path-home .cand-cta-btn,
html[data-theme="dark"] body.path-home .emp-btn,
html[data-theme="dark"] body.path-home .job-cta-btn,
html[data-theme="dark"] body.path-home .comm-cta-btn {
  background-color: var(--pw-link) !important;
  color: var(--pw-text-inverse) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.path-home .job-location.badge,
html[data-theme="dark"] body.path-home .comm-badge {
  background-color: rgba(54, 197, 240, 0.2) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-home .job-title {
  background-color: var(--pw-surface-2) !important;
  border: 1px solid var(--pw-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.path-home .job-logo {
  background-color: var(--pw-surface-2) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-home .job-logo.placeholder {
  color: var(--pw-text-muted) !important;
}

/* /how-it-works-for-jobseekers specific readability */
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-one {
  padding-top: 26px !important;
  padding-bottom: 36px !important;
}

html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-one .container.hiwfp {
  padding: 24px 28px 30px !important;
  border-radius: 18px;
}

html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-two .yel-blu-heading,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-two .hed-black-white-txt,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-two .par-black-white-txt,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-two h2,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-two h3,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-two h4,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-two p,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-two li,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #hiwfp-section-two strong,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers #our_supporters_heading {
  color: #3f2666 !important;
}

html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-title.how-it-work-btn,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-title.how-it-work-btn:visited,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-title.how-it-work-btn:hover,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-title.how-it-work-btn:focus,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-title.how-it-work-btn:active,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.action-btn-pur,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.action-btn-pur:visited,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.action-btn-pur:hover,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.action-btn-pur:focus,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.action-btn-pur:active,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers .slider-controller-btn,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers .slider-controller-btn:hover,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers .slider-controller-btn:focus,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers .slider-controller-btn:active {
  color: #000000 !important;
}

html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-title.how-it-work-btn *,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.action-btn-pur *,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers .slider-controller-btn * {
  color: #000000 !important;
  fill: #000000 !important;
}

html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn:visited,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn:hover,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn:focus,
html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn:active,
body.hc-mode-active.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn,
body.hc-mode-active.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn:visited,
body.hc-mode-active.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn:hover,
body.hc-mode-active.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn:focus,
body.hc-mode-active.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn:active {
  color: #000000 !important;
}

html[data-theme="dark"] body.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn *,
body.hc-mode-active.path-how-it-works-for-jobseekers a.purple-btn.dark-btn.card-btn * {
  color: #000000 !important;
  fill: #000000 !important;
}

html[data-theme="dark"] body.path-job button.theme-btn.btn-style-one.bg-blue,
html[data-theme="dark"] body.path-job a.theme-btn.btn-style-one.bg-blue,
html[data-theme="dark"] body.path-job .theme-btn.btn-style-one.bg-blue.recruiting-btn,
html[data-theme="dark"] body.path-job button.theme-btn.btn-style-one.bg-blue:hover,
html[data-theme="dark"] body.path-job a.theme-btn.btn-style-one.bg-blue:hover,
html[data-theme="dark"] body.path-job .theme-btn.btn-style-one.bg-blue.recruiting-btn:hover,
body.hc-mode-active.path-job button.theme-btn.btn-style-one.bg-blue,
body.hc-mode-active.path-job a.theme-btn.btn-style-one.bg-blue,
body.hc-mode-active.path-job .theme-btn.btn-style-one.bg-blue.recruiting-btn,
body.hc-mode-active.path-job button.theme-btn.btn-style-one.bg-blue:hover,
body.hc-mode-active.path-job a.theme-btn.btn-style-one.bg-blue:hover,
body.hc-mode-active.path-job .theme-btn.btn-style-one.bg-blue.recruiting-btn:hover {
  color: #000000 !important;
}

html[data-theme="dark"] body.path-job button.theme-btn.btn-style-one.bg-blue *,
html[data-theme="dark"] body.path-job a.theme-btn.btn-style-one.bg-blue *,
html[data-theme="dark"] body.path-job .theme-btn.btn-style-one.bg-blue.recruiting-btn *,
body.hc-mode-active.path-job button.theme-btn.btn-style-one.bg-blue *,
body.hc-mode-active.path-job a.theme-btn.btn-style-one.bg-blue *,
body.hc-mode-active.path-job .theme-btn.btn-style-one.bg-blue.recruiting-btn * {
  color: #000000 !important;
  fill: #000000 !important;
}

html[data-theme="dark"] body.path-job .page-title .title-outer h1,
html[data-theme="dark"] body.path-job .page-title .title-outer,
html[data-theme="dark"] body.path-job .page-title .page-breadcrumb,
html[data-theme="dark"] body.path-job .page-title .page-breadcrumb li,
html[data-theme="dark"] body.path-job .page-title .page-breadcrumb a,
html[data-theme="dark"] body.path-job .page-title .page-breadcrumb li::before,
body.hc-mode-active.path-job .page-title .title-outer h1,
body.hc-mode-active.path-job .page-title .title-outer,
body.hc-mode-active.path-job .page-title .page-breadcrumb,
body.hc-mode-active.path-job .page-title .page-breadcrumb li,
body.hc-mode-active.path-job .page-title .page-breadcrumb a,
body.hc-mode-active.path-job .page-title .page-breadcrumb li::before {
  color: #000000 !important;
}

/* Our Supporters logos: ensure consistent dimming in dark mode */
html[data-theme="dark"] #our_supporters_section .support-logo img,
html[data-theme="dark"] #our_supporters_section .logo-image img,
html[data-theme="dark"] body.path-about #our_supporters_section img,
html[data-theme="dark"] .page-template-content.page-about #our_supporters_section img {
  filter: brightness(0.78) saturate(0.9) !important;
  opacity: 0.92 !important;
}

/* Accessibility Statement page readability */
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement,
html[data-theme="dark"] .page-template-content.page-accessibility-statement {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement h1,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement h2,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement h3,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement h4,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement h5,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement h6,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement p,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement li,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement span,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement strong,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement em {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement a,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement a span {
  color: var(--pw-link) !important;
  text-decoration-color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement a:hover,
html[data-theme="dark"] body.path-accessibility-statement .page-template-content.page-accessibility-statement a:hover span {
  color: var(--pw-link-hover) !important;
  text-decoration-color: var(--pw-link-hover) !important;
}

/* Accessibility Statement page when rendered via non-template branch (.tnc-section) */
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .auto-container,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .row,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .col-lg-12,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .sec-title h1,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .sec-title .text,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .sec-title .text p,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content h1,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content h2,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content h3,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content h4,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content h5,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content h6,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content p,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content li,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content span,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content strong,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content em,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content small,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content td,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content th {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .sec-title a,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content a,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content a span {
  color: var(--pw-link) !important;
  text-decoration-color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .sec-title a:hover,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content a:hover,
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content a:hover span {
  color: var(--pw-link-hover) !important;
  text-decoration-color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content [style*="background"],
html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content [style*="background-color"] {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] body.path-accessibility-statement .tnc-section.page-accessibility-statement .blog-content hr {
  border-color: var(--pw-border) !important;
  background-color: var(--pw-border) !important;
}

/* Accessibility page: remove legacy light spacer strip under header */
html[data-theme="dark"] body.path-accessibility-statement .header-span {
  height: 0 !important;
  min-height: 0 !important;
  display: none !important;
  background: transparent !important;
}

/* Terms and Conditions page: true dark background + high-contrast readable text */
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .auto-container,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .row,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .col-lg-12,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .auto-container,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .row,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .col-lg-12,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content {
  background-color: var(--pw-bg) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title h1,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title .text,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title .text p,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h1,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h2,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h3,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h4,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h5,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h6,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content p,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content li,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content span,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content strong,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content em,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content small,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content td,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content th,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title h1,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title .text,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title .text p,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h1,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h2,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h3,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h4,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h5,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content h6,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content p,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content li,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content span,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content strong,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content em,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content small,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content td,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content th {
  color: #ffffff !important;
}

html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title a,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content a,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content a span,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title a,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content a,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content a span {
  color: var(--pw-link) !important;
  text-decoration-color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title a:hover,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content a:hover,
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content a:hover span,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .sec-title a:hover,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content a:hover,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content a:hover span {
  color: var(--pw-link-hover) !important;
  text-decoration-color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content [style*="background"],
html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content [style*="background-color"],
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content [style*="background"],
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content [style*="background-color"] {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] body.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content hr,
body.hc-mode-active.path-terms-and-conditions .tnc-section.page-terms-and-conditions .blog-content hr {
  border-color: var(--pw-border) !important;
  background-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-terms-and-conditions .header-span,
body.hc-mode-active.path-terms-and-conditions .header-span {
  height: 0 !important;
  min-height: 0 !important;
  display: none !important;
  background: transparent !important;
}

/* Privacy Policy page: true dark background + high-contrast readable text */
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .auto-container,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .row,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .col-lg-12,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .auto-container,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .row,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .col-lg-12,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content {
  background-color: var(--pw-bg) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .sec-title h1,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .sec-title .text,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .sec-title .text p,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h1,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h2,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h3,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h4,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h5,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h6,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content p,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content li,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content span,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content strong,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content em,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content small,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content td,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content th,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .sec-title h1,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .sec-title .text,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .sec-title .text p,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h1,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h2,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h3,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h4,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h5,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content h6,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content p,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content li,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content span,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content strong,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content em,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content small,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content td,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content th {
  color: #ffffff !important;
}

html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .sec-title a,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content a,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content a span,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .sec-title a,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content a,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content a span {
  color: var(--pw-link) !important;
  text-decoration-color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .sec-title a:hover,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content a:hover,
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content a:hover span,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .sec-title a:hover,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content a:hover,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content a:hover span {
  color: var(--pw-link-hover) !important;
  text-decoration-color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content [style*="background"],
html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content [style*="background-color"],
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content [style*="background"],
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content [style*="background-color"] {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] body.path-privacy-policy .tnc-section.page-privacy-policy .blog-content hr,
body.hc-mode-active.path-privacy-policy .tnc-section.page-privacy-policy .blog-content hr {
  border-color: var(--pw-border) !important;
  background-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-privacy-policy .header-span,
body.hc-mode-active.path-privacy-policy .header-span {
  height: 0 !important;
  min-height: 0 !important;
  display: none !important;
  background: transparent !important;
}

/* Sitemap page: true dark background + high-contrast readable text */
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .auto-container,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .row,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .col-lg-12,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .auto-container,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .row,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .col-lg-12,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content {
  background-color: var(--pw-bg) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .sec-title h1,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .sec-title .text,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .sec-title .text p,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content h1,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content h2,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content h3,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content h4,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content h5,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content h6,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content p,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content li,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content span,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content strong,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content em,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content small,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content td,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content th,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .sec-title h1,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .sec-title .text,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .sec-title .text p,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h1,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h2,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h3,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h4,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h5,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h6,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content p,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content li,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content span,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content strong,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content em,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content small,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content td,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content th {
  color: #ffffff !important;
}

/* High contrast (theme mode contrast): all sitemap text should be yellow */
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .sec-title h1,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .sec-title .text,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .sec-title .text p,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h1,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h2,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h3,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h4,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h5,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content h6,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content p,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content li,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content span,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content strong,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content em,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content small,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content td,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content th,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content a,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content a span,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .sec-title a,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .sec-title h1,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .sec-title .text,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .sec-title .text p,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content h1,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content h2,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content h3,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content h4,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content h5,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content h6,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content p,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content li,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content span,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content strong,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content em,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content small,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content td,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content th,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content a,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .blog-content a span,
html[data-theme-mode="contrast"] body.path-sitemap .tnc-section.page-sitemap .sec-title a {
  color: #FFFA1A !important;
  text-decoration-color: #FFFA1A !important;
}

/* High contrast: sitemap bullet lists should be yellow for readability */
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content li,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content li a,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content li a span {
  color: #FFD200 !important;
  text-decoration-color: #FFD200 !important;
}

html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .sec-title a,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content a,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content a span,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .sec-title a,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content a,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content a span {
  color: var(--pw-link) !important;
  text-decoration-color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .sec-title a:hover,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content a:hover,
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content a:hover span,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .sec-title a:hover,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content a:hover,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content a:hover span {
  color: var(--pw-link-hover) !important;
  text-decoration-color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content [style*="background"],
html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content [style*="background-color"],
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content [style*="background"],
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content [style*="background-color"] {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] body.path-sitemap .tnc-section.page-sitemap .blog-content hr,
body.hc-mode-active.path-sitemap .tnc-section.page-sitemap .blog-content hr {
  border-color: var(--pw-border) !important;
  background-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-sitemap .header-span,
body.hc-mode-active.path-sitemap .header-span {
  height: 0 !important;
  min-height: 0 !important;
  display: none !important;
  background: transparent !important;
}

/* Sitemap: keyboard tabbing visibility */
body.path-sitemap a.sitemap-link {
  scroll-margin-top: 140px;
}

body.path-sitemap a.sitemap-link:focus,
body.path-sitemap a.sitemap-link:focus-visible {
  outline: 0.18rem solid #eb6b34 !important;
  outline-offset: 0.25rem !important;
  border-radius: 0.35rem;
}

/* Contrast mode: use yellow focus indicator and invert focused link for readability */
html[data-theme-mode="contrast"] body.path-sitemap a.sitemap-link:focus,
html[data-theme-mode="contrast"] body.path-sitemap a.sitemap-link:focus-visible {
  outline: 0.18rem solid #FFFA1A !important;
  outline-offset: 0.25rem !important;
  background: #FFFA1A !important;
  color: #000 !important;
}

html[data-theme-mode="contrast"] body.path-sitemap a.sitemap-link:focus span,
html[data-theme-mode="contrast"] body.path-sitemap a.sitemap-link:focus-visible span {
  color: #000 !important;
}

html[data-theme="dark"] body.path-accessibility-statement .main-header,
html[data-theme="dark"] body.path-accessibility-statement header.main-header,
html[data-theme="dark"] body.path-accessibility-statement header.main-header.normal,
html[data-theme="dark"] body.path-accessibility-statement header.main-header.normal.header-shaddow,
html[data-theme="dark"] body.path-accessibility-statement .main-header .main-box {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] body.path-accessibility-statement .bravo_wrap.page-wrapper,
html[data-theme="dark"] body.path-accessibility-statement #skip-navigation-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Contact page (/contact): true dark mode readability */
html[data-theme="dark"] body.path-contact,
html[data-theme="dark"] body.path-contact .contact_content,
html[data-theme="dark"] body.path-contact .contact_content .container,
html[data-theme="dark"] body.path-contact .contact_content .business-info {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-contact .page-title,
html[data-theme="dark"] body.path-contact .page-title.bg_color,
html[data-theme="dark"] body.path-contact .page-title .auto-container,
html[data-theme="dark"] body.path-contact .page-title .title-outer {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-contact .page-title h1,
html[data-theme="dark"] body.path-contact .page-title h2,
html[data-theme="dark"] body.path-contact .page-title .page-breadcrumb,
html[data-theme="dark"] body.path-contact .page-title .page-breadcrumb li,
html[data-theme="dark"] body.path-contact .page-title .page-breadcrumb a {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-contact .contactUs,
html[data-theme="dark"] body.path-contact .contactUs h1,
html[data-theme="dark"] body.path-contact .contactUs h2,
html[data-theme="dark"] body.path-contact .contactUs h3,
html[data-theme="dark"] body.path-contact .contactUs p,
html[data-theme="dark"] body.path-contact .contactUs li,
html[data-theme="dark"] body.path-contact .contactUs span {
  color: var(--pw-text) !important;
}

/* Override hard-coded label colors in the contact form */
html[data-theme="dark"] body.path-contact #contact-form .label-span,
html[data-theme="dark"] body.path-contact #contact-form .label-span[style],
html[data-theme="dark"] body.path-contact #contact-form label,
html[data-theme="dark"] body.path-contact #contact-form label[style],
html[data-theme="dark"] body.path-contact #contact-form .contact-label {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-contact #contact-form input.with-border,
html[data-theme="dark"] body.path-contact #contact-form textarea.with-border {
  background-color: var(--pw-input-bg) !important;
  border: 1px solid var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] body.path-contact #contact-form input.with-border::placeholder,
html[data-theme="dark"] body.path-contact #contact-form textarea.with-border::placeholder {
  color: var(--pw-placeholder) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.path-contact #contact-btn,
html[data-theme="dark"] body.path-contact #contact-form .button,
html[data-theme="dark"] body.path-contact #contact-form button.button {
  background-color: var(--pw-link) !important;
  color: var(--pw-text-inverse) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.path-contact #contact-btn:hover,
html[data-theme="dark"] body.path-contact #contact-form .button:hover {
  filter: brightness(1.06) !important;
}

/* Alerts/messages */
html[data-theme="dark"] body.path-contact .alert,
html[data-theme="dark"] body.path-contact .alert p,
html[data-theme="dark"] body.path-contact .alert strong {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-contact .alert-info {
  background-color: var(--pw-surface-2) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-contact .alert-success,
html[data-theme="dark"] body.path-contact .alert-danger,
html[data-theme="dark"] body.path-contact .alert-warning {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-contact .alert .close,
html[data-theme="dark"] body.path-contact .alert .close span {
  color: var(--pw-text) !important;
  opacity: 0.9;
}

/* Right-side cards */
html[data-theme="dark"] body.path-contact .dashboard-box.contact-card,
html[data-theme="dark"] body.path-contact .dashboard-box.contact-card.light_content,
html[data-theme="dark"] body.path-contact .dashboard-box.contact-card .headline,
html[data-theme="dark"] body.path-contact .dashboard-box.contact-card .content {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border: 1px solid var(--pw-border) !important;
}

html[data-theme="dark"] body.path-contact .dashboard-box.contact-card .light-title,
html[data-theme="dark"] body.path-contact .dashboard-box.contact-card .light-title a,
html[data-theme="dark"] body.path-contact .dashboard-box.contact-card li,
html[data-theme="dark"] body.path-contact .dashboard-box.contact-card span,
html[data-theme="dark"] body.path-contact .dashboard-box.contact-card i {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-contact .dashboard-box.contact-card a,
html[data-theme="dark"] body.path-contact .dashboard-box.contact-card a:visited {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-contact .dashboard-box.contact-card a:hover {
  color: var(--pw-link-hover) !important;
}

/* Social link icons (remove forced purple inline color) */
html[data-theme="dark"] body.path-contact .contact-social-links i,
html[data-theme="dark"] body.path-contact .contact-social-links i[style] {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-contact .contact-social-links a:hover i {
  color: var(--pw-link-hover) !important;
}

/* Post a job page (/post-job): align with shared dark theme tokens */
html[data-theme="dark"] body.path-post-job,
html[data-theme="dark"] body.path-job-post-job,
html[data-theme="dark"] body.path-post-job .contact_content,
html[data-theme="dark"] body.path-job-post-job .contact_content,
html[data-theme="dark"] body.path-post-job .contact_content .container,
html[data-theme="dark"] body.path-job-post-job .contact_content .container,
html[data-theme="dark"] body.path-post-job .section.gray.contact_content.light-card,
html[data-theme="dark"] body.path-job-post-job .section.gray.contact_content.light-card {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-post-job .page-title,
html[data-theme="dark"] body.path-job-post-job .page-title,
html[data-theme="dark"] body.path-post-job .page-title .auto-container,
html[data-theme="dark"] body.path-job-post-job .page-title .auto-container,
html[data-theme="dark"] body.path-post-job .page-title .title-outer,
html[data-theme="dark"] body.path-job-post-job .page-title .title-outer {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
  background-image: none !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-post-job .page-title,
html[data-theme="dark"] body.path-job-post-job .page-title {
  padding: 30px 0 24px !important;
}

html[data-theme="dark"] body.path-post-job .page-title .title-outer,
html[data-theme="dark"] body.path-job-post-job .page-title .title-outer {
  margin-top: 22px !important;
  margin-bottom: 16px !important;
}

html[data-theme="dark"] body.path-post-job .page-title::before,
html[data-theme="dark"] body.path-job-post-job .page-title::before,
html[data-theme="dark"] body.path-post-job .page-title:before,
html[data-theme="dark"] body.path-job-post-job .page-title:before {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

html[data-theme="dark"] body.path-post-job .page-title h1,
html[data-theme="dark"] body.path-job-post-job .page-title h1,
html[data-theme="dark"] body.path-post-job .page-title h2,
html[data-theme="dark"] body.path-job-post-job .page-title h2,
html[data-theme="dark"] body.path-post-job .page-title .page-breadcrumb,
html[data-theme="dark"] body.path-job-post-job .page-title .page-breadcrumb,
html[data-theme="dark"] body.path-post-job .page-title .page-breadcrumb li,
html[data-theme="dark"] body.path-job-post-job .page-title .page-breadcrumb li,
html[data-theme="dark"] body.path-post-job .page-title .page-breadcrumb a,
html[data-theme="dark"] body.path-job-post-job .page-title .page-breadcrumb a,
html[data-theme="dark"] body.path-post-job .page-title .page-breadcrumb li::before,
html[data-theme="dark"] body.path-job-post-job .page-title .page-breadcrumb li::before {
  color: var(--pw-text) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.path-post-job .page-title .title-outer h1,
html[data-theme="dark"] body.path-job-post-job .page-title .title-outer h1 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-post-job .page-title .page-breadcrumb li::after,
html[data-theme="dark"] body.path-job-post-job .page-title .page-breadcrumb li::after {
  color: var(--pw-text-muted) !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  html[data-theme="dark"] body.path-post-job .page-title,
  html[data-theme="dark"] body.path-job-post-job .page-title {
    padding: 24px 0 18px !important;
  }

  html[data-theme="dark"] body.path-post-job .page-title .title-outer,
  html[data-theme="dark"] body.path-job-post-job .page-title .title-outer {
    margin-top: 16px !important;
    margin-bottom: 12px !important;
  }
}

html[data-theme="dark"] body.path-post-job #post_error,
html[data-theme="dark"] body.path-post-job .alert,
html[data-theme="dark"] body.path-post-job .alert p,
html[data-theme="dark"] body.path-post-job .alert strong,
html[data-theme="dark"] body.path-post-job .payment-confirmation-page,
html[data-theme="dark"] body.path-post-job .payment-confirmation-page .headline,
html[data-theme="dark"] body.path-post-job .payment-confirmation-page .content {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card.light_content,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card .headline,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card .content,
html[data-theme="dark"] body.path-post-job .payment,
html[data-theme="dark"] body.path-post-job .payment-tab,
html[data-theme="dark"] body.path-post-job .payment-tab-trigger,
html[data-theme="dark"] body.path-post-job .payment-tab-content {
  background-color: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card .headline,
html[data-theme="dark"] body.path-post-job .payment-tab,
html[data-theme="dark"] body.path-post-job .payment-tab-trigger,
html[data-theme="dark"] body.path-post-job .premium-plans {
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] body.path-post-job .payment-tab.payment-tab-active {
  background-color: var(--pw-surface-2) !important;
}

html[data-theme="dark"] body.path-post-job .payment-tab.payment-tab-active .payment-tab-content {
  visibility: visible;
  opacity: 1;
}

html[data-theme="dark"] body.path-post-job .light-title,
html[data-theme="dark"] body.path-post-job .light-title i,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card h1,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card h2,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card h3,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card h4,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card h5,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card p,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card li,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card span,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card small,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card label,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card th,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card td,
html[data-theme="dark"] body.path-post-job .premium-plans-text,
html[data-theme="dark"] body.path-post-job .premium-plans-price,
html[data-theme="dark"] body.path-post-job .warning,
html[data-theme="dark"] body.path-post-job .uploadButton-file-name,
html[data-theme="dark"] body.path-post-job .accessibility-text-list li,
html[data-theme="dark"] body.path-post-job .list-2-item,
html[data-theme="dark"] body.path-post-job .list-2-1 li,
html[data-theme="dark"] body.path-post-job .list-2-1-1 li,
html[data-theme="dark"] body.path-post-job .currency,
html[data-theme="dark"] body.path-post-job .currency-code {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card a,
html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card a:visited,
html[data-theme="dark"] body.path-post-job .accessibility-text-list a,
html[data-theme="dark"] body.path-post-job .accessibility-text-list a:visited {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-post-job .dashboard-box.contact-card a:hover,
html[data-theme="dark"] body.path-post-job .accessibility-text-list a:hover {
  color: var(--pw-link-hover) !important;
}

body.path-post-job .post-job-salary-input {
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 500;
}

body.path-post-job .post-job-salary-input::placeholder {
  font-size: 18px !important;
}

body.path-post-job .tox.tox-tinymce {
  border: 1px solid rgba(209, 210, 211, 0.3);
  border-radius: 10px;
  overflow: hidden;
}

body.path-post-job .tox .tox-edit-area__iframe {
  background-color: transparent !important;
}

html[data-theme="dark"] body.path-post-job input.with-border,
html[data-theme="dark"] body.path-post-job textarea.with-border,
html[data-theme="dark"] body.path-post-job .with-border,
html[data-theme="dark"] body.path-post-job .input-with-icon input,
html[data-theme="dark"] body.path-post-job .input-with-icon-left input,
html[data-theme="dark"] body.path-post-job .form-group input,
html[data-theme="dark"] body.path-post-job .form-group textarea {
  background-color: var(--pw-input-bg) !important;
  border: 1px solid var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] body.path-post-job input.with-border::placeholder,
html[data-theme="dark"] body.path-post-job textarea.with-border::placeholder,
html[data-theme="dark"] body.path-post-job .with-border::placeholder {
  color: var(--pw-placeholder) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.path-post-job .select2-container--default .select2-selection--single,
html[data-theme="dark"] body.path-post-job .select2-container--default .select2-selection--multiple,
html[data-theme="dark"] body.path-post-job .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] body.path-post-job .select2-container--default .select2-selection--multiple .select2-selection__rendered,
html[data-theme="dark"] body.path-post-job .select2-container--default .select2-selection--single .select2-selection__placeholder,
html[data-theme="dark"] body.path-post-job .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
html[data-theme="dark"] body.path-post-job .select2-search__field {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] body.path-post-job .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-top-color: var(--pw-text) !important;
  border-bottom-color: transparent !important;
}

html[data-theme="dark"] body.path-post-job .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--pw-surface-2) !important;
  border: 1px solid var(--pw-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-post-job .note-editor.note-frame,
html[data-theme="dark"] body.path-job-post-job .note-editor.note-frame,
html[data-theme="dark"] body.path-post-job .note-editor.note-frame .note-toolbar,
html[data-theme="dark"] body.path-job-post-job .note-editor.note-frame .note-toolbar,
html[data-theme="dark"] body.path-post-job .note-editor.note-frame .note-editing-area,
html[data-theme="dark"] body.path-job-post-job .note-editor.note-frame .note-editing-area,
html[data-theme="dark"] body.path-post-job .note-editor.note-frame .note-editable,
html[data-theme="dark"] body.path-job-post-job .note-editor.note-frame .note-editable {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-post-job .note-editor.note-frame,
html[data-theme="dark"] body.path-job-post-job .note-editor.note-frame,
html[data-theme="dark"] body.path-post-job .note-editor.note-frame.card,
html[data-theme="dark"] body.path-job-post-job .note-editor.note-frame.card {
  border: 1px solid rgba(209, 210, 211, 0.16) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar > .note-btn-group,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar > .note-btn-group,
html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar .note-btn-group,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar .note-btn-group {
  border: 1px solid rgba(209, 210, 211, 0.16) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar .note-btn-group .note-btn,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar .note-btn-group .note-btn,
html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar .note-btn,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar .note-btn,
html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar .note-btn.btn-light,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar .note-btn.btn-light,
html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar .dropdown-toggle,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar .dropdown-toggle {
  border-color: rgba(209, 210, 211, 0.16) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar .note-btn:hover,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar .note-btn:hover,
html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar .note-btn:focus,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar .note-btn:focus,
html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar .dropdown-toggle:hover,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar .dropdown-toggle:hover,
html[data-theme="dark"] body.path-post-job .note-editor .note-toolbar .dropdown-toggle:focus,
html[data-theme="dark"] body.path-job-post-job .note-editor .note-toolbar .dropdown-toggle:focus {
  border-color: rgba(209, 210, 211, 0.24) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.path-post-job .intl-tel-input .country-list,
html[data-theme="dark"] body.path-post-job .intl-tel-input .country-list .country {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-post-job .intl-tel-input .country-list .country.highlight,
html[data-theme="dark"] body.path-post-job .intl-tel-input .country-list .country:hover {
  background-color: var(--pw-surface-2) !important;
}

html[data-theme="dark"] body.path-post-job .uploadButton .uploadButton-button,
html[data-theme="dark"] body.path-post-job .uploadButton .uploadButton-button[style] {
  background-color: var(--pw-surface-2) !important;
  border: 2px dashed var(--pw-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-post-job .uploadButton .uploadButton-button:hover {
  border-color: var(--pw-link) !important;
  color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-post-job .uploadButton .uploadButton-button::before,
html[data-theme="dark"] body.path-post-job .list-2-item > i,
html[data-theme="dark"] body.path-post-job .accessibility-text-list .fas {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-post-job .checkboxes label,
html[data-theme="dark"] body.path-post-job .checkboxes.square label,
html[data-theme="dark"] body.path-post-job .payment-tab-trigger > label {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-post-job .checkboxes .checkbox-icon,
html[data-theme="dark"] body.path-post-job .payment-tab-trigger > label::before {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
}

html[data-theme="dark"] body.path-post-job .payment-tab-trigger > input:checked ~ label::before,
html[data-theme="dark"] body.path-post-job input[type=checkbox]:checked,
html[data-theme="dark"] body.path-post-job input[type=radio]:checked {
  border-color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-post-job .payment-tab-trigger > input:checked ~ label::after,
html[data-theme="dark"] body.path-post-job .payment-tab-trigger > label::after {
  background-color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-post-job .badge.green {
  background: #8fe7d1 !important;
  color: var(--pw-text-inverse) !important;
}

html[data-theme="dark"] body.path-job-post-job .badge.green {
  background: #8fe7d1 !important;
  color: var(--pw-text-inverse) !important;
}

html[data-theme="dark"] body.path-post-job .badge.green.hak-badge-dark,
html[data-theme="dark"] body.path-job-post-job .badge.green.hak-badge-dark,
html[data-theme="dark"] body.path-post-job .badge.green.hak-badge-dark.light-title,
html[data-theme="dark"] body.path-job-post-job .badge.green.hak-badge-dark.light-title,
html[data-theme="dark"] body.path-post-job label .badge.green.hak-badge-dark,
html[data-theme="dark"] body.path-job-post-job label .badge.green.hak-badge-dark {
  background: #8fe7d1 !important;
  color: #0f1114 !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.path-post-job .badge.green.hak-badge-dark *,
html[data-theme="dark"] body.path-job-post-job .badge.green.hak-badge-dark * {
  color: #0f1114 !important;
}

html[data-theme="dark"] body.path-post-job .badge.blue,
html[data-theme="dark"] body.path-post-job .badge.yellow,
html[data-theme="dark"] body.path-post-job .badge.red {
  color: #ffffff !important;
}

html[data-theme="dark"] body.path-post-job #submit_job_button,
html[data-theme="dark"] body.path-post-job button.button,
html[data-theme="dark"] body.path-post-job a.button {
  background-color: var(--pw-link) !important;
  border-color: transparent !important;
  color: var(--pw-text-inverse) !important;
}

html[data-theme="dark"] body.path-post-job #submit_job_button:hover,
html[data-theme="dark"] body.path-post-job button.button:hover,
html[data-theme="dark"] body.path-post-job a.button:hover {
  filter: brightness(1.06) !important;
}

/* /how-it-works: fix grey text in dark mode (template blocks: #home-second-section + #about-section-four) */
html[data-theme="dark"] body.path-how-it-works,
html[data-theme="dark"] body.path-how-it-works .page-template-content,
html[data-theme="dark"] body.path-how-it-works .tnc-section {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-how-it-works #home-second-section,
html[data-theme="dark"] body.path-how-it-works #about-section-four {
  position: relative;
}

/* Slightly stronger dim for readability (keeps images visible) */
html[data-theme="dark"] body.path-how-it-works #home-second-section::before,
html[data-theme="dark"] body.path-how-it-works #about-section-four::before {
  background: rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] body.path-how-it-works #home-second-section h1,
html[data-theme="dark"] body.path-how-it-works #home-second-section h2,
html[data-theme="dark"] body.path-how-it-works #home-second-section h3,
html[data-theme="dark"] body.path-how-it-works #about-section-four h1,
html[data-theme="dark"] body.path-how-it-works #about-section-four h2,
html[data-theme="dark"] body.path-how-it-works #about-section-four h3 {
  color: #ffffff !important;
}

html[data-theme="dark"] body.path-how-it-works #home-second-section p,
html[data-theme="dark"] body.path-how-it-works #home-second-section li,
html[data-theme="dark"] body.path-how-it-works #home-second-section span,
html[data-theme="dark"] body.path-how-it-works #about-section-four p,
html[data-theme="dark"] body.path-how-it-works #about-section-four li,
html[data-theme="dark"] body.path-how-it-works #about-section-four span {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-how-it-works #about-section-four .about-section-four-heading {
  color: #ffffff !important;
}

html[data-theme="dark"] body.path-how-it-works #about-section-four .about-section-four-card {
  background-color: rgba(34, 37, 41, 0.88) !important;
  border: 1px solid var(--pw-border) !important;
}

html[data-theme="dark"] body.path-how-it-works #about-section-four .about-section-label,
html[data-theme="dark"] body.path-how-it-works #about-section-four .about-section-label[style] {
  color: #ffffff !important;
}

/* /membership (Plan page): override hard-coded light theme colors (scope to main so footer isn't affected) */
html[data-theme="dark"] body.path-membership main,
html[data-theme="dark"] body.path-membership main section,
html[data-theme="dark"] body.path-membership main .container,
html[data-theme="dark"] body.path-membership main .container-fluid {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-membership main h1,
html[data-theme="dark"] body.path-membership main h2,
html[data-theme="dark"] body.path-membership main h3,
html[data-theme="dark"] body.path-membership main h4,
html[data-theme="dark"] body.path-membership main h5,
html[data-theme="dark"] body.path-membership main h6,
html[data-theme="dark"] body.path-membership main p,
html[data-theme="dark"] body.path-membership main li,
html[data-theme="dark"] body.path-membership main span,
html[data-theme="dark"] body.path-membership main .lead {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-membership main a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn),
html[data-theme="dark"] body.path-membership main a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn):visited {
  color: var(--pw-link) !important;
}
html[data-theme="dark"] body.path-membership main a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn):hover {
  color: var(--pw-link-hover) !important;
}

/* Panels/cards that are light gradients in membership page */
html[data-theme="dark"] body.path-membership main .hero-bg-white,
html[data-theme="dark"] body.path-membership main .new-offer,
html[data-theme="dark"] body.path-membership main .dis-col,
html[data-theme="dark"] body.path-membership main .orrs-col {
  background: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  box-shadow: 0px 6px 16px var(--pw-shadow) !important;
}

html[data-theme="dark"] body.path-membership main .speaking-bg {
  position: relative;
}

html[data-theme="dark"] body.path-membership main .speaking-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
  z-index: 0;
}

html[data-theme="dark"] body.path-membership main .speaking-bg > * {
  position: relative;
  z-index: 1;
}

/* Buttons */
html[data-theme="dark"] body.path-membership main .action-btn-pur,
html[data-theme="dark"] body.path-membership main .purple-btn,
html[data-theme="dark"] body.path-membership main .button {
  background-color: var(--pw-link) !important;
  color: var(--pw-text-inverse) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.path-membership main a.action-btn-pur,
html[data-theme="dark"] body.path-membership main a.action-btn-pur:visited,
html[data-theme="dark"] body.path-membership main a.purple-btn,
html[data-theme="dark"] body.path-membership main a.purple-btn:visited,
html[data-theme="dark"] body.path-membership main a.button,
html[data-theme="dark"] body.path-membership main a.button:visited {
  color: var(--pw-text-inverse) !important;
}
html[data-theme="dark"] body.path-membership main a.action-btn-pur:hover,
html[data-theme="dark"] body.path-membership main a.purple-btn:hover,
html[data-theme="dark"] body.path-membership main a.button:hover {
  color: var(--pw-text-inverse) !important;
}

html[data-theme="dark"] body.path-membership main .action-btn-pur *,
html[data-theme="dark"] body.path-membership main .purple-btn *,
html[data-theme="dark"] body.path-membership main .button * {
  color: inherit !important;
}

/* /services: custom marketing page with hard-coded light colors */
html[data-theme="dark"] body.path-services {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-services h1,
html[data-theme="dark"] body.path-services h2,
html[data-theme="dark"] body.path-services h3,
html[data-theme="dark"] body.path-services h4,
html[data-theme="dark"] body.path-services h5,
html[data-theme="dark"] body.path-services h6,
html[data-theme="dark"] body.path-services p,
html[data-theme="dark"] body.path-services li,
html[data-theme="dark"] body.path-services span,
html[data-theme="dark"] body.path-services .lead {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-services a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn),
html[data-theme="dark"] body.path-services a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn):visited {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-services a:not(.action-btn-pur):not(.purple-btn):not(.button):not(.theme-btn):not(.btn):hover {
  color: var(--pw-link-hover) !important;
}

html[data-theme="dark"] body.path-services .top-hero-section,
html[data-theme="dark"] body.path-services .services-bg {
  position: relative;
}

html[data-theme="dark"] body.path-services .top-hero-section::before,
html[data-theme="dark"] body.path-services .services-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
  z-index: 0;
}

html[data-theme="dark"] body.path-services .top-hero-section > *,
html[data-theme="dark"] body.path-services .services-bg > * {
  position: relative;
  z-index: 1;
}

html[data-theme="dark"] body.path-services .hero-bg-white {
  background: rgba(34, 37, 41, 0.92) !important;
  border: 1px solid var(--pw-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-services .action-btn-pur,
html[data-theme="dark"] body.path-services .purple-btn,
html[data-theme="dark"] body.path-services .button {
  background-color: var(--pw-link) !important;
  color: var(--pw-text-inverse) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.path-services a.action-btn-pur,
html[data-theme="dark"] body.path-services a.action-btn-pur:visited,
html[data-theme="dark"] body.path-services a.purple-btn,
html[data-theme="dark"] body.path-services a.purple-btn:visited,
html[data-theme="dark"] body.path-services a.button,
html[data-theme="dark"] body.path-services a.button:visited {
  color: var(--pw-text-inverse) !important;
}
html[data-theme="dark"] body.path-services a.action-btn-pur:hover,
html[data-theme="dark"] body.path-services a.purple-btn:hover,
html[data-theme="dark"] body.path-services a.button:hover {
  color: var(--pw-text-inverse) !important;
}

html[data-theme="dark"] body.path-services .action-btn-pur *,
html[data-theme="dark"] body.path-services .purple-btn *,
html[data-theme="dark"] body.path-services .button * {
  color: inherit !important;
}

/* /faqs: fix hard-coded dark/grey text and light cards */
html[data-theme="dark"] body.path-faqs,
html[data-theme="dark"] body.path-faqs .bravo-news,
html[data-theme="dark"] body.path-faqs .sidebar-page-container,
html[data-theme="dark"] body.path-faqs .auto-container {
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-faqs .page-title,
html[data-theme="dark"] body.path-faqs .page-title.bg_color,
html[data-theme="dark"] body.path-faqs .page-title .title-outer {
  background-color: var(--pw-bg) !important;
}

html[data-theme="dark"] body.path-faqs .page-title h1,
html[data-theme="dark"] body.path-faqs .page-title .page-breadcrumb,
html[data-theme="dark"] body.path-faqs .page-title .page-breadcrumb li,
html[data-theme="dark"] body.path-faqs .page-title .page-breadcrumb a,
html[data-theme="dark"] body.path-faqs .page-title .page-breadcrumb li[style] {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-faqs #about-section-four {
  position: relative;
}

html[data-theme="dark"] body.path-faqs #about-section-four::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
  z-index: 0;
}

html[data-theme="dark"] body.path-faqs #about-section-four > * {
  position: relative;
  z-index: 1;
}

html[data-theme="dark"] body.path-faqs .help-and-support-card,
html[data-theme="dark"] body.path-faqs .img-btn,
html[data-theme="dark"] body.path-faqs .faq-list.contact-card {
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-faqs #about-section-four .about-section-label,
html[data-theme="dark"] body.path-faqs #about-section-four .about-section-label[style] {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] body.path-faqs #about-section-four a,
html[data-theme="dark"] body.path-faqs #about-section-four a:visited,
html[data-theme="dark"] body.path-faqs #about-section-four a:hover,
html[data-theme="dark"] body.path-faqs #about-section-four a:focus,
html[data-theme="dark"] body.path-faqs #about-section-four a .about-section-label,
html[data-theme="dark"] body.path-faqs #about-section-four a .about-section-label[style] {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

html[data-theme="dark"] body.path-faqs .faq-list .marker,
html[data-theme="dark"] body.path-faqs .faq-list .marker1,
html[data-theme="dark"] body.path-faqs .faq-list h3,
html[data-theme="dark"] body.path-faqs .faq-list h4,
html[data-theme="dark"] body.path-faqs .faq-list p,
html[data-theme="dark"] body.path-faqs .faq-list div,
html[data-theme="dark"] body.path-faqs .faq-list span,
html[data-theme="dark"] body.path-faqs .faq-list p[style] {
  color: var(--pw-text) !important;
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] body.path-faqs .faq-list a,
html[data-theme="dark"] body.path-faqs .faq-list a:visited {
  color: var(--pw-link) !important;
}

html[data-theme="dark"] body.path-faqs .faq-list a:hover {
  color: var(--pw-link-hover) !important;
}

/* Public site: normalize primary button colors in dark mode (avoid footer/newsletter styles) */
html[data-theme="dark"] a.button,
html[data-theme="dark"] button.button,
html[data-theme="dark"] input[type="submit"].button,
html[data-theme="dark"] input[type="button"].button,
html[data-theme="dark"] .btn-style-one,
html[data-theme="dark"] .theme-btn,
html[data-theme="dark"] a.post-job,
html[data-theme="dark"] .purple-btn,
html[data-theme="dark"] .purple-item,
html[data-theme="dark"] .home-second-section-btn,
html[data-theme="dark"] .about-btn-label-1,
html[data-theme="dark"] .about-btn-label-2,
html[data-theme="dark"] .action-btn-pur,
html[data-theme="dark"] .hero-cta-btn,
html[data-theme="dark"] .cand-cta-btn,
html[data-theme="dark"] .emp-btn,
html[data-theme="dark"] .job-cta-btn,
html[data-theme="dark"] .comm-cta-btn,
html[data-theme="dark"] .btn-price {
  background: var(--pw-link) !important;
  background-color: var(--pw-link) !important;
  color: #000000 !important;
  border-color: transparent !important;
  text-decoration: none !important;
}

html[data-theme="dark"] a.button:hover,
html[data-theme="dark"] button.button:hover,
html[data-theme="dark"] input[type="submit"].button:hover,
html[data-theme="dark"] input[type="button"].button:hover,
html[data-theme="dark"] .btn-style-one:hover,
html[data-theme="dark"] .theme-btn:hover,
html[data-theme="dark"] a.post-job:hover,
html[data-theme="dark"] .purple-btn:hover,
html[data-theme="dark"] .purple-item:hover,
html[data-theme="dark"] .home-second-section-btn:hover,
html[data-theme="dark"] .about-btn-label-1:hover,
html[data-theme="dark"] .about-btn-label-2:hover,
html[data-theme="dark"] .action-btn-pur:hover,
html[data-theme="dark"] .hero-cta-btn:hover,
html[data-theme="dark"] .cand-cta-btn:hover,
html[data-theme="dark"] .emp-btn:hover,
html[data-theme="dark"] .job-cta-btn:hover,
html[data-theme="dark"] .comm-cta-btn:hover,
html[data-theme="dark"] .btn-price:hover {
  background: var(--pw-link-hover) !important;
  background-color: var(--pw-link-hover) !important;
  color: #000000 !important;
  text-decoration: none !important;
}

html[data-theme="dark"] a.button *,
html[data-theme="dark"] button.button *,
html[data-theme="dark"] .btn-style-one *,
html[data-theme="dark"] .theme-btn *,
html[data-theme="dark"] a.post-job *,
html[data-theme="dark"] .purple-btn *,
html[data-theme="dark"] .purple-item *,
html[data-theme="dark"] .home-second-section-btn *,
html[data-theme="dark"] .about-btn-label-1 *,
html[data-theme="dark"] .about-btn-label-2 *,
html[data-theme="dark"] .action-btn-pur *,
html[data-theme="dark"] .hero-cta-btn *,
html[data-theme="dark"] .cand-cta-btn *,
html[data-theme="dark"] .emp-btn *,
html[data-theme="dark"] .job-cta-btn *,
html[data-theme="dark"] .comm-cta-btn *,
html[data-theme="dark"] .btn-price * {
  color: inherit !important;
}

/* Fallback: inline-styled purple CTA buttons in templates */
html[data-theme="dark"] a[style*="background: #3f2666"],
html[data-theme="dark"] a[style*="background:#3f2666"],
html[data-theme="dark"] a[style*="background: #401e66"],
html[data-theme="dark"] a[style*="background:#401e66"],
html[data-theme="dark"] a[style*="background: rgb(64, 30, 102)"],
html[data-theme="dark"] a[style*="background:rgb(64, 30, 102)"],
html[data-theme="dark"] button[style*="background: #3f2666"],
html[data-theme="dark"] button[style*="background:#3f2666"],
html[data-theme="dark"] button[style*="background: #401e66"],
html[data-theme="dark"] button[style*="background:#401e66"],
html[data-theme="dark"] button[style*="background: rgb(64, 30, 102)"],
html[data-theme="dark"] button[style*="background:rgb(64, 30, 102)"],
html[data-theme="dark"] .slider-controller-btn,
html[data-theme="dark"] .dark-btn.card-btn {
  background: var(--pw-link) !important;
  background-color: var(--pw-link) !important;
  color: #000000 !important;
  border-color: transparent !important;
}

html[data-theme="dark"] a[style*="background: #3f2666"]:hover,
html[data-theme="dark"] a[style*="background:#3f2666"]:hover,
html[data-theme="dark"] a[style*="background: #401e66"]:hover,
html[data-theme="dark"] a[style*="background:#401e66"]:hover,
html[data-theme="dark"] a[style*="background: rgb(64, 30, 102)"]:hover,
html[data-theme="dark"] a[style*="background:rgb(64, 30, 102)"]:hover,
html[data-theme="dark"] button[style*="background: #3f2666"]:hover,
html[data-theme="dark"] button[style*="background:#3f2666"]:hover,
html[data-theme="dark"] button[style*="background: #401e66"]:hover,
html[data-theme="dark"] button[style*="background:#401e66"]:hover,
html[data-theme="dark"] button[style*="background: rgb(64, 30, 102)"]:hover,
html[data-theme="dark"] button[style*="background:rgb(64, 30, 102)"]:hover,
html[data-theme="dark"] .slider-controller-btn:hover,
html[data-theme="dark"] .dark-btn.card-btn:hover {
  background: var(--pw-link-hover) !important;
  background-color: var(--pw-link-hover) !important;
  color: #000000 !important;
}

html[data-theme="dark"] a[style*="background: #3f2666"] *,
html[data-theme="dark"] a[style*="background:#3f2666"] *,
html[data-theme="dark"] a[style*="background: #401e66"] *,
html[data-theme="dark"] a[style*="background:#401e66"] *,
html[data-theme="dark"] a[style*="background: rgb(64, 30, 102)"] *,
html[data-theme="dark"] a[style*="background:rgb(64, 30, 102)"] *,
html[data-theme="dark"] button[style*="background: #3f2666"] *,
html[data-theme="dark"] button[style*="background:#3f2666"] *,
html[data-theme="dark"] button[style*="background: #401e66"] *,
html[data-theme="dark"] button[style*="background:#401e66"] *,
html[data-theme="dark"] button[style*="background: rgb(64, 30, 102)"] *,
html[data-theme="dark"] button[style*="background:rgb(64, 30, 102)"] *,
html[data-theme="dark"] .slider-controller-btn *,
html[data-theme="dark"] .dark-btn.card-btn * {
  color: inherit !important;
}

/* Enforce black text on all blue buttons in dark mode */
html[data-theme="dark"] a.button,
html[data-theme="dark"] button.button,
html[data-theme="dark"] input[type="submit"].button,
html[data-theme="dark"] input[type="button"].button,
html[data-theme="dark"] .btn-style-one,
html[data-theme="dark"] .theme-btn,
html[data-theme="dark"] a.post-job,
html[data-theme="dark"] .purple-btn,
html[data-theme="dark"] .purple-item,
html[data-theme="dark"] .home-second-section-btn,
html[data-theme="dark"] .about-btn-label-1,
html[data-theme="dark"] .about-btn-label-2,
html[data-theme="dark"] .action-btn-pur,
html[data-theme="dark"] .hero-cta-btn,
html[data-theme="dark"] .cand-cta-btn,
html[data-theme="dark"] .emp-btn,
html[data-theme="dark"] .job-cta-btn,
html[data-theme="dark"] .comm-cta-btn,
html[data-theme="dark"] .btn-price,
html[data-theme="dark"] .slider-controller-btn,
html[data-theme="dark"] .dark-btn.card-btn,
html[data-theme="dark"] a[style*="background: #3f2666"],
html[data-theme="dark"] a[style*="background:#3f2666"],
html[data-theme="dark"] a[style*="background: #401e66"],
html[data-theme="dark"] a[style*="background:#401e66"],
html[data-theme="dark"] a[style*="background: rgb(64, 30, 102)"],
html[data-theme="dark"] a[style*="background:rgb(64, 30, 102)"],
html[data-theme="dark"] button[style*="background: #3f2666"],
html[data-theme="dark"] button[style*="background:#3f2666"],
html[data-theme="dark"] button[style*="background: #401e66"],
html[data-theme="dark"] button[style*="background:#401e66"],
html[data-theme="dark"] button[style*="background: rgb(64, 30, 102)"],
html[data-theme="dark"] button[style*="background:rgb(64, 30, 102)"] {
  color: #000000 !important;
}

html[data-theme="dark"] a.button:hover,
html[data-theme="dark"] button.button:hover,
html[data-theme="dark"] input[type="submit"].button:hover,
html[data-theme="dark"] input[type="button"].button:hover,
html[data-theme="dark"] .btn-style-one:hover,
html[data-theme="dark"] .theme-btn:hover,
html[data-theme="dark"] a.post-job:hover,
html[data-theme="dark"] .purple-btn:hover,
html[data-theme="dark"] .purple-item:hover,
html[data-theme="dark"] .home-second-section-btn:hover,
html[data-theme="dark"] .about-btn-label-1:hover,
html[data-theme="dark"] .about-btn-label-2:hover,
html[data-theme="dark"] .action-btn-pur:hover,
html[data-theme="dark"] .hero-cta-btn:hover,
html[data-theme="dark"] .cand-cta-btn:hover,
html[data-theme="dark"] .emp-btn:hover,
html[data-theme="dark"] .job-cta-btn:hover,
html[data-theme="dark"] .comm-cta-btn:hover,
html[data-theme="dark"] .btn-price:hover,
html[data-theme="dark"] .slider-controller-btn:hover,
html[data-theme="dark"] .dark-btn.card-btn:hover,
html[data-theme="dark"] a[style*="background: #3f2666"]:hover,
html[data-theme="dark"] a[style*="background:#3f2666"]:hover,
html[data-theme="dark"] a[style*="background: #401e66"]:hover,
html[data-theme="dark"] a[style*="background:#401e66"]:hover,
html[data-theme="dark"] a[style*="background: rgb(64, 30, 102)"]:hover,
html[data-theme="dark"] a[style*="background:rgb(64, 30, 102)"]:hover,
html[data-theme="dark"] button[style*="background: #3f2666"]:hover,
html[data-theme="dark"] button[style*="background:#3f2666"]:hover,
html[data-theme="dark"] button[style*="background: #401e66"]:hover,
html[data-theme="dark"] button[style*="background:#401e66"]:hover,
html[data-theme="dark"] button[style*="background: rgb(64, 30, 102)"]:hover,
html[data-theme="dark"] button[style*="background:rgb(64, 30, 102)"]:hover {
  color: #000000 !important;
}

html[data-theme="dark"] a.button *,
html[data-theme="dark"] button.button *,
html[data-theme="dark"] .btn-style-one *,
html[data-theme="dark"] .theme-btn *,
html[data-theme="dark"] a.post-job *,
html[data-theme="dark"] .purple-btn *,
html[data-theme="dark"] .purple-item *,
html[data-theme="dark"] .home-second-section-btn *,
html[data-theme="dark"] .about-btn-label-1 *,
html[data-theme="dark"] .about-btn-label-2 *,
html[data-theme="dark"] .action-btn-pur *,
html[data-theme="dark"] .hero-cta-btn *,
html[data-theme="dark"] .cand-cta-btn *,
html[data-theme="dark"] .emp-btn *,
html[data-theme="dark"] .job-cta-btn *,
html[data-theme="dark"] .comm-cta-btn *,
html[data-theme="dark"] .btn-price *,
html[data-theme="dark"] .slider-controller-btn *,
html[data-theme="dark"] .dark-btn.card-btn *,
html[data-theme="dark"] a[style*="background: #3f2666"] *,
html[data-theme="dark"] a[style*="background:#3f2666"] *,
html[data-theme="dark"] a[style*="background: #401e66"] *,
html[data-theme="dark"] a[style*="background:#401e66"] *,
html[data-theme="dark"] a[style*="background: rgb(64, 30, 102)"] *,
html[data-theme="dark"] a[style*="background:rgb(64, 30, 102)"] *,
html[data-theme="dark"] button[style*="background: #3f2666"] *,
html[data-theme="dark"] button[style*="background:#3f2666"] *,
html[data-theme="dark"] button[style*="background: #401e66"] *,
html[data-theme="dark"] button[style*="background:#401e66"] *,
html[data-theme="dark"] button[style*="background: rgb(64, 30, 102)"] *,
html[data-theme="dark"] button[style*="background:rgb(64, 30, 102)"] * {
  color: #000000 !important;
  fill: #000000 !important;
}

/* PatchworkTogether Explore tiles: remove purple outer frame */
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .explore-links li,
html[data-theme="dark"] body[class*="path-patchworktogether"] .explore-links li {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .explore-links li a,
html[data-theme="dark"] body[class*="path-patchworktogether"] .explore-links li a,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .purple-btn.dark-title.blog-btn,
html[data-theme="dark"] body[class*="path-patchworktogether"] .purple-btn.dark-title.blog-btn {
  background: var(--pw-surface) !important;
  color: var(--pw-text) !important;
  border: 1px solid var(--pw-border) !important;
  border-radius: 40px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .explore-links li a:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .explore-links li a:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] #blog-section-two .purple-btn.dark-title.blog-btn:hover,
html[data-theme="dark"] body[class*="path-patchworktogether"] .purple-btn.dark-title.blog-btn:hover {
  background: var(--pw-surface-2) !important;
  color: var(--pw-link-hover) !important;
  border-color: var(--pw-border) !important;
}

/* Final guardrails: keep top utility header + footer column links white in dark mode */
html[data-theme="dark"] .top-bar .main_header_item,
html[data-theme="dark"] .top-bar .main_header_item:visited,
html[data-theme="dark"] .top-bar .main_header_item:hover,
html[data-theme="dark"] .top-bar .main_header_item:focus,
html[data-theme="dark"] .top-bar .main_header_item:active,
html[data-theme="dark"] .top-bar .navigation ul li a,
html[data-theme="dark"] .top-bar .navigation ul li a:visited,
html[data-theme="dark"] .top-bar .navigation ul li a:hover,
html[data-theme="dark"] .top-bar .navigation ul li a:focus,
html[data-theme="dark"] .top-bar .navigation ul li a:active,
html[data-theme="dark"] .top-bar .top-header-text-color-dark,
html[data-theme="dark"] .top-bar .top-header-text-color-dark:visited,
html[data-theme="dark"] .top-bar .top-header-text-color-dark:hover,
html[data-theme="dark"] .top-bar .is_login,
html[data-theme="dark"] .top-bar .full-name,
html[data-theme="dark"] .top-bar .pw-theme-toggle,
html[data-theme="dark"] .top-bar .pw-theme-toggle .fas {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

html[data-theme="dark"] .footer-links ul li a,
html[data-theme="dark"] .footer-links ul li a.text-white,
html[data-theme="dark"] .footer-links ul li a:visited,
html[data-theme="dark"] .footer-links ul li a:hover,
html[data-theme="dark"] .footer-links ul li a:focus,
html[data-theme="dark"] .footer-links ul li a:active,
html[data-theme="dark"] .footer-links li a {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

/* Header CTA: keep Post a Job text black in dark mode */
html[data-theme="dark"] .top-bar a.button.post-job,
html[data-theme="dark"] .top-bar a.button.post-job:visited,
html[data-theme="dark"] .top-bar a.button.post-job:hover,
html[data-theme="dark"] .top-bar a.button.post-job:focus,
html[data-theme="dark"] .top-bar a.button.post-job:active,
html[data-theme="dark"] .top-bar a.post-job.main_header_item,
html[data-theme="dark"] .top-bar a.post-job.main_header_item:visited,
html[data-theme="dark"] .top-bar a.post-job.main_header_item:hover,
html[data-theme="dark"] .top-bar a.post-job.main_header_item:focus,
html[data-theme="dark"] .top-bar a.post-job.main_header_item:active,
html[data-theme="dark"] .top-bar a.post-job.main_header_item *,
html[data-theme="dark"] .top-bar a.post-job.main_header_item:hover *,
html[data-theme="dark"] .top-bar a.post-job.main_header_item:focus * {
  color: #000000 !important;
  text-decoration-color: #000000 !important;
}

/* Keep header + photo-overlay text white in dark mode (parity with normal mode) */
html[data-theme="dark"] .main-header .main-menu .navigation > li > a,
html[data-theme="dark"] .main-header .main-menu .navigation > li > span,
html[data-theme="dark"] .main-menu .navigation > li > a,
html[data-theme="dark"] .main-menu .navigation > li > span,
html[data-theme="dark"] .main-menu .navigation > li.dropdown > span:after,
html[data-theme="dark"] .main-menu .navigation > li.dropdown > a:after,
html[data-theme="dark"] .main-menu .navigation .caret,
html[data-theme="dark"] .main-menu .navigation em.caret {
  color: #ffffff !important;
}

html[data-theme="dark"] .intro-banner .banner-headline h1,
html[data-theme="dark"] .intro-banner .banner-headline h2,
html[data-theme="dark"] .intro-banner .banner-headline h3,
html[data-theme="dark"] .intro-banner .banner-headline h4,
html[data-theme="dark"] .intro-banner .banner-headline p,
html[data-theme="dark"] #titlebar h1,
html[data-theme="dark"] #titlebar h2,
html[data-theme="dark"] .titlebar_overlay h1,
html[data-theme="dark"] .titlebar_overlay h2,
html[data-theme="dark"] .titlebar_overlay h3,
html[data-theme="dark"] .titlebar_overlay p,
html[data-theme="dark"] .hero-bg-white,
html[data-theme="dark"] .hero-bg-white h1,
html[data-theme="dark"] .hero-bg-white h2,
html[data-theme="dark"] .hero-bg-white h3,
html[data-theme="dark"] .hero-bg-white h4,
html[data-theme="dark"] .hero-bg-white p,
html[data-theme="dark"] .hero-bg-white span,
html[data-theme="dark"] .hero-bg-white li,
html[data-theme="dark"] #about-overlay,
html[data-theme="dark"] #about-overlay h1,
html[data-theme="dark"] #about-overlay h2,
html[data-theme="dark"] #about-overlay h3,
html[data-theme="dark"] #about-overlay h4,
html[data-theme="dark"] #about-overlay p,
html[data-theme="dark"] #about-overlay span,
html[data-theme="dark"] #about-overlay li,
html[data-theme="dark"] #about-overlay2,
html[data-theme="dark"] #about-overlay2 h1,
html[data-theme="dark"] #about-overlay2 h2,
html[data-theme="dark"] #about-overlay2 h3,
html[data-theme="dark"] #about-overlay2 h4,
html[data-theme="dark"] #about-overlay2 p,
html[data-theme="dark"] #about-overlay2 span,
html[data-theme="dark"] #about-overlay2 li,
html[data-theme="dark"] .top-hero-section .hero-heading,
html[data-theme="dark"] .top-hero-section .lead,
html[data-theme="dark"] .top-hero-section h1,
html[data-theme="dark"] .top-hero-section h2,
html[data-theme="dark"] .top-hero-section h3,
html[data-theme="dark"] .top-hero-section h4,
html[data-theme="dark"] .top-hero-section p,
html[data-theme="dark"] .top-hero-section span,
html[data-theme="dark"] .top-hero-section li,
html[data-theme="dark"] .speaking-bg h1,
html[data-theme="dark"] .speaking-bg h2,
html[data-theme="dark"] .speaking-bg h3,
html[data-theme="dark"] .speaking-bg p,
html[data-theme="dark"] .traning-content h1,
html[data-theme="dark"] .traning-content h2,
html[data-theme="dark"] .traning-content h3,
html[data-theme="dark"] .traning-content p,
html[data-theme="dark"] .internship-bg h1,
html[data-theme="dark"] .internship-bg h2,
html[data-theme="dark"] .internship-bg h3,
html[data-theme="dark"] .internship-bg p,
html[data-theme="dark"] body.path-home .hero-headline,
html[data-theme="dark"] body.path-home .hero-subheadline,
html[data-theme="dark"] body.path-home .hero-body,
html[data-theme="dark"] body.path-home .hero-headline strong,
html[data-theme="dark"] body.path-home .hero-headline-strong {
  color: #ffffff !important;
}

/* Register page (/register): true-dark readability for actual auth layout structure */
html[data-theme="dark"] #titlebar,
html[data-theme="dark"] #titlebar .container,
html[data-theme="dark"] #titlebar .row,
html[data-theme="dark"] .login-section,
html[data-theme="dark"] .login-section .outer-box,
html[data-theme="dark"] .login-form.default-form.bravo-login-form-page.bravo-login-page.register-form,
html[data-theme="dark"] #nav-tabContent,
html[data-theme="dark"] #nav-tabContent .tab-pane {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] #titlebar .title-heading,
html[data-theme="dark"] .register-form h1,
html[data-theme="dark"] .register-form h2,
html[data-theme="dark"] .register-form h3,
html[data-theme="dark"] .register-form h4,
html[data-theme="dark"] .register-form p,
html[data-theme="dark"] .register-form span,
html[data-theme="dark"] .register-form label,
html[data-theme="dark"] .register-form .light-title,
html[data-theme="dark"] .register-form .user_role_text,
html[data-theme="dark"] .register-tabs .tab-label,
html[data-theme="dark"] .register-tabs .nav-link {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .register-tabs .nav-horizontal {
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] .register-tabs #nav-tab {
  background: transparent !important;
}

html[data-theme="dark"] .register-tabs .nav-link {
  background: var(--pw-surface-2) !important;
  border: 1px solid var(--pw-border) !important;
  color: var(--pw-text-muted) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .register-tabs .nav-link:hover,
html[data-theme="dark"] .register-tabs .nav-link:focus {
  background: var(--pw-surface) !important;
  border-color: var(--pw-link) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .register-tabs .nav-link.active,
html[data-theme="dark"] .register-tabs .nav-link[aria-selected="true"] {
  background: #3f2666 !important;
  border-color: #8a63c2 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .register-tabs .tab-label {
  color: var(--pw-text-muted) !important;
}

html[data-theme="dark"] .register-tabs .nav-link.active + .tab-label,
html[data-theme="dark"] .register-tabs .nav-link[aria-selected="true"] + .tab-label {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .register-tabs .nav-link:focus-visible {
  outline: 2px solid var(--pw-link) !important;
  outline-offset: 2px !important;
}

html[data-theme="dark"] .register-form .account-type .img-btn,
html[data-theme="dark"] .register-form .img-btn.signup-select,
html[data-theme="dark"] .register-form .signup-select {
  background: var(--pw-surface) !important;
  background-color: var(--pw-surface) !important;
  border: 1px solid var(--pw-border) !important;
  box-shadow: 0 6px 18px var(--pw-shadow) !important;
}

html[data-theme="dark"] .register-form .account-type .img-btn:hover,
html[data-theme="dark"] .register-form .img-btn.signup-select:hover {
  background: var(--pw-surface-2) !important;
  background-color: var(--pw-surface-2) !important;
  border-color: var(--pw-link) !important;
}

html[data-theme="dark"] .register-form .account-type .img-btn:has(> input:checked),
html[data-theme="dark"] .register-form .img-btn.signup-select:has(> input:checked) {
  background: var(--pw-surface-2) !important;
  background-color: var(--pw-surface-2) !important;
  border-color: var(--pw-link) !important;
}

html[data-theme="dark"] .register-form .account-type .img-btn .user_role_text,
html[data-theme="dark"] .register-form .account-type .img-btn h3 {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] .register-form .default-form .form-group input[type="text"],
html[data-theme="dark"] .register-form .default-form .form-group input[type="password"],
html[data-theme="dark"] .register-form .default-form .form-group input[type="number"],
html[data-theme="dark"] .register-form .default-form .form-group input[type="email"],
html[data-theme="dark"] .register-form .default-form .form-group input[type="url"],
html[data-theme="dark"] .register-form .default-form .form-group textarea,
html[data-theme="dark"] .register-form .default-form .form-group select,
html[data-theme="dark"] .register-form .input-group-text,
html[data-theme="dark"] .register-form .with-border,
html[data-theme="dark"] body .select2-container .select2-selection--single,
html[data-theme="dark"] #hearing_source_c {
  background: var(--pw-input-bg) !important;
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] .register-form input::placeholder,
html[data-theme="dark"] .register-form textarea::placeholder,
html[data-theme="dark"] .register-form .select2-selection__placeholder {
  color: var(--pw-placeholder) !important;
}

html[data-theme="dark"] .register-form .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] .register-form .select2-container--default .select2-selection--single .select2-selection__arrow,
html[data-theme="dark"] .register-form .select2-dropdown,
html[data-theme="dark"] .register-form .select2-results__option,
html[data-theme="dark"] .register-form .select2-search__field {
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] .register-form .alert.alert-info,
html[data-theme="dark"] .register-form .alert.alert-success,
html[data-theme="dark"] .register-form .alert.alert-danger {
  background-color: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  color: var(--pw-text) !important;
}

/* Auth modals (login + register): true-dark readability */
html[data-theme="dark"] #login #login-modal,
html[data-theme="dark"] #register #login-modal,
html[data-theme="dark"] #login #login-modal .login-form,
html[data-theme="dark"] #register #login-modal .login-form,
html[data-theme="dark"] #login #login-modal .form-inner,
html[data-theme="dark"] #register #login-modal .form-inner {
  background: var(--pw-bg) !important;
  background-color: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] #login #login-modal h1,
html[data-theme="dark"] #login #login-modal h2,
html[data-theme="dark"] #login #login-modal h3,
html[data-theme="dark"] #register #login-modal h1,
html[data-theme="dark"] #register #login-modal h2,
html[data-theme="dark"] #register #login-modal h3,
html[data-theme="dark"] #login #login-modal p,
html[data-theme="dark"] #register #login-modal p,
html[data-theme="dark"] #login #login-modal span,
html[data-theme="dark"] #register #login-modal span,
html[data-theme="dark"] #login #login-modal label,
html[data-theme="dark"] #register #login-modal label,
html[data-theme="dark"] #login #login-modal .text,
html[data-theme="dark"] #register #login-modal .text,
html[data-theme="dark"] #login #login-modal .default-form .form-group > label,
html[data-theme="dark"] #register #login-modal .default-form .form-group > label,
html[data-theme="dark"] #login #login-modal .checkboxes label,
html[data-theme="dark"] #register #login-modal .checkboxes label,
html[data-theme="dark"] #login #login-modal .field-outer .pwd,
html[data-theme="dark"] #register #login-modal .field-outer .pwd,
html[data-theme="dark"] #register #login-modal .user_role_text {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] #login #login-modal input,
html[data-theme="dark"] #login #login-modal textarea,
html[data-theme="dark"] #login #login-modal select,
html[data-theme="dark"] #register #login-modal input,
html[data-theme="dark"] #register #login-modal textarea,
html[data-theme="dark"] #register #login-modal select,
html[data-theme="dark"] #login #login-modal .default-form .form-group input[type="text"],
html[data-theme="dark"] #login #login-modal .default-form .form-group input[type="password"],
html[data-theme="dark"] #login #login-modal .default-form .form-group input[type="email"],
html[data-theme="dark"] #login #login-modal .default-form .form-group select,
html[data-theme="dark"] #register #login-modal .default-form .form-group input[type="text"],
html[data-theme="dark"] #register #login-modal .default-form .form-group input[type="password"],
html[data-theme="dark"] #register #login-modal .default-form .form-group input[type="email"],
html[data-theme="dark"] #register #login-modal .default-form .form-group select,
html[data-theme="dark"] #register #login-modal .input-group-text {
  background: var(--pw-input-bg) !important;
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] #login #login-modal input::placeholder,
html[data-theme="dark"] #register #login-modal input::placeholder,
html[data-theme="dark"] #login #login-modal textarea::placeholder,
html[data-theme="dark"] #register #login-modal textarea::placeholder {
  color: var(--pw-placeholder) !important;
}

html[data-theme="dark"] #register #login-modal .select2-container--default .select2-selection--single,
html[data-theme="dark"] #register #login-modal .select2-container--default .select2-selection--multiple,
html[data-theme="dark"] #register #login-modal .select2-container--default .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] #register #login-modal .select2-container--default .select2-selection--single .select2-selection__arrow,
html[data-theme="dark"] #register #login-modal .select2-dropdown,
html[data-theme="dark"] #register #login-modal .select2-results__option {
  background: var(--pw-input-bg) !important;
  background-color: var(--pw-input-bg) !important;
  border-color: var(--pw-input-border) !important;
  color: var(--pw-input-text) !important;
}

html[data-theme="dark"] #login #login-modal .checkboxes label:before,
html[data-theme="dark"] #register #login-modal .checkboxes label:before,
html[data-theme="dark"] #login #login-modal .checkboxes .custom-checkbox,
html[data-theme="dark"] #register #login-modal .checkboxes .custom-checkbox,
html[data-theme="dark"] #register #login-modal .checkboxes .checkbox-icon {
  background: var(--pw-input-bg) !important;
  border: 1px solid var(--pw-input-border) !important;
}

html[data-theme="dark"] #register #login-modal #terms-label,
html[data-theme="dark"] #register #login-modal #terms-label p,
html[data-theme="dark"] #register #login-modal .check-label,
html[data-theme="dark"] #register #login-modal .check-label a,
html[data-theme="dark"] #register #login-modal .check-label i {
  color: var(--pw-text) !important;
}

html[data-theme="dark"] #login #login-modal .bottom-box .divider,
html[data-theme="dark"] #register #login-modal .bottom-box .divider {
  border-top-color: var(--pw-border) !important;
  background: transparent !important;
}

html[data-theme="dark"] #login #login-modal .bottom-box .divider span,
html[data-theme="dark"] #register #login-modal .bottom-box .divider span {
  background: var(--pw-bg) !important;
  color: var(--pw-text) !important;
}

html[data-theme="dark"] #login #login-modal a.close-modal,
html[data-theme="dark"] #register #login-modal a.close-modal,
html[data-theme="dark"] #login #login-modal a.close-modal::before,
html[data-theme="dark"] #register #login-modal a.close-modal::before {
  background: var(--pw-surface-2) !important;
  color: #ffffff !important;
}

/* Align the shared custom checkbox tick with the legacy 18px checkbox square. */
.checkboxes input[type="checkbox"]:checked::before {
  content: none !important;
  background: none !important;
  margin: 0 !important;
}

.checkboxes label::after {
  top: 6px !important;
}

.checkboxes input[type="checkbox"]:checked + label::before {
  background-image: none !important;
}

.checkboxes input[type="checkbox"]:checked + label::after {
  opacity: 1 !important;
}

/* Final guardrail: /patchworktogether/blogs/all hero text should be black in dark mode */
html[data-theme="dark"] body[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .title-outer h1,
html[data-theme="dark"] body[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb,
html[data-theme="dark"] body[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb li,
html[data-theme="dark"] body[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb a,
html[data-theme="dark"] body[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb li::before,
html[data-theme="dark"] body[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb li::after,
html[data-theme="dark"] body[class*="path-patchworktogether-blogs-all"] .page-title .title-outer h1,
html[data-theme="dark"] body[class*="path-patchworktogether-blogs-all"] .page-title .page-breadcrumb,
html[data-theme="dark"] body[class*="path-patchworktogether-blogs-all"] .page-title .page-breadcrumb li,
html[data-theme="dark"] body[class*="path-patchworktogether-blogs-all"] .page-title .page-breadcrumb a,
html[data-theme="dark"] body[class*="path-patchworktogether-blogs-all"] .page-title .page-breadcrumb li::before,
html[data-theme="dark"] body[class*="path-patchworktogether-blogs-all"] .page-title .page-breadcrumb li::after,
body.hc-mode-active[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .title-outer h1,
body.hc-mode-active[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb,
body.hc-mode-active[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb li,
body.hc-mode-active[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb a,
body.hc-mode-active[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb li::before,
body.hc-mode-active[class*="patchworktogether"][class*="blogs"][class*="all"] .page-title .page-breadcrumb li::after {
  color: #000000 !important;
  text-decoration-color: #000000 !important;
}

/* Admin dark-mode hardening: ensure true dark surfaces + white readable text on all /admin pages */
html[data-theme="dark"] #app,
html[data-theme="dark"] #app .main-header,
html[data-theme="dark"] #app .main-sidebar,
html[data-theme="dark"] #app .main-content,
html[data-theme="dark"] #app .main-footer,
html[data-theme="dark"] #app .main-breadcrumb,
html[data-theme="dark"] #app .breadcrumb,
html[data-theme="dark"] #app .card,
html[data-theme="dark"] #app .panel,
html[data-theme="dark"] #app .box,
html[data-theme="dark"] #app .well,
html[data-theme="dark"] #app .dropdown-menu,
html[data-theme="dark"] #app .modal-content,
html[data-theme="dark"] #app .list-group-item,
html[data-theme="dark"] #app .table thead,
html[data-theme="dark"] #app table thead,
html[data-theme="dark"] #app table tbody tr,
html[data-theme="dark"] #app .select2-dropdown {
  background-color: #1c232c !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] #app {
  background-color: #151b22 !important;
}

html[data-theme="dark"] #app .main-header,
html[data-theme="dark"] #app .main-footer,
html[data-theme="dark"] #app .main-breadcrumb,
html[data-theme="dark"] #app .breadcrumb {
  background-color: #1c232c !important;
}

html[data-theme="dark"] #app .main-sidebar {
  background-color: #181e26 !important;
}

html[data-theme="dark"] #app .main-content {
  background-color: #151b22 !important;
}

html[data-theme="dark"] #app .card,
html[data-theme="dark"] #app .panel,
html[data-theme="dark"] #app .box,
html[data-theme="dark"] #app .well,
html[data-theme="dark"] #app .modal-content,
html[data-theme="dark"] #app .dropdown-menu,
html[data-theme="dark"] #app .list-group-item,
html[data-theme="dark"] #app .table thead,
html[data-theme="dark"] #app table thead,
html[data-theme="dark"] #app table tbody tr {
  background-color: #1f2730 !important;
}

html[data-theme="dark"] #app,
html[data-theme="dark"] #app .main-content,
html[data-theme="dark"] #app .main-content *,
html[data-theme="dark"] #app .main-sidebar,
html[data-theme="dark"] #app .main-sidebar *,
html[data-theme="dark"] #app .main-header,
html[data-theme="dark"] #app .main-header *,
html[data-theme="dark"] #app .main-footer,
html[data-theme="dark"] #app .main-footer *,
html[data-theme="dark"] #app .main-breadcrumb,
html[data-theme="dark"] #app .main-breadcrumb *,
html[data-theme="dark"] #app .breadcrumb-item,
html[data-theme="dark"] #app .breadcrumb-item a,
html[data-theme="dark"] #app .content-title,
html[data-theme="dark"] #app .page-title,
html[data-theme="dark"] #app .card-title,
html[data-theme="dark"] #app .card-header,
html[data-theme="dark"] #app .card-body,
html[data-theme="dark"] #app .table,
html[data-theme="dark"] #app .table th,
html[data-theme="dark"] #app .table td,
html[data-theme="dark"] #app .badge,
html[data-theme="dark"] #app .dropdown-item,
html[data-theme="dark"] #app .main-menu > li > a,
html[data-theme="dark"] #app .main-menu li .children li > a,
html[data-theme="dark"] #app .main-menu li .icon,
html[data-theme="dark"] #app .main-menu li .icon i,
html[data-theme="dark"] #app .main-menu li .btn-toggle i,
html[data-theme="dark"] #app .header-widgets .user-dropdown,
html[data-theme="dark"] #app .header-widgets .user-name,
html[data-theme="dark"] #app .header-widgets .user-role,
html[data-theme="dark"] #app .header-widgets .btn,
html[data-theme="dark"] #app .header-widgets a,
html[data-theme="dark"] #app .notification .media-body a,
html[data-theme="dark"] #app .dropdown-toolbar-title,
html[data-theme="dark"] #app .dropdown-toolbar-actions a,
html[data-theme="dark"] #app label,
html[data-theme="dark"] #app .form-text,
html[data-theme="dark"] #app .help-block,
html[data-theme="dark"] #app small,
html[data-theme="dark"] #app p,
html[data-theme="dark"] #app span,
html[data-theme="dark"] #app li,
html[data-theme="dark"] #app h1,
html[data-theme="dark"] #app h2,
html[data-theme="dark"] #app h3,
html[data-theme="dark"] #app h4,
html[data-theme="dark"] #app h5,
html[data-theme="dark"] #app h6 {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

html[data-theme="dark"] #app .main-sidebar .main-menu > li,
html[data-theme="dark"] #app .main-sidebar .main-menu > li.has-children > ul.children,
html[data-theme="dark"] #app .main-sidebar .main-menu > li > a,
html[data-theme="dark"] #app .main-sidebar .main-menu > li > ul.children > li > a {
  background-color: transparent !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] #app .main-sidebar .main-menu > li.active > a,
html[data-theme="dark"] #app .main-sidebar .main-menu > li:hover > a,
html[data-theme="dark"] #app .main-sidebar .main-menu > li > ul.children > li.active > a,
html[data-theme="dark"] #app .main-sidebar .main-menu > li > ul.children > li > a:hover {
  background-color: #2a313a !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #app input,
html[data-theme="dark"] #app textarea,
html[data-theme="dark"] #app select,
html[data-theme="dark"] #app .form-control,
html[data-theme="dark"] #app .custom-select,
html[data-theme="dark"] #app .select2-container--default .select2-selection--single,
html[data-theme="dark"] #app .select2-container--default .select2-selection--multiple {
  background-color: #242c35 !important;
  border-color: var(--pw-input-border) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #app .select2-container--default .select2-selection--multiple .select2-selection__rendered,
html[data-theme="dark"] #app .select2-container--default .select2-selection--multiple .select2-search__field {
  color: #f5f7fb !important;
}

html[data-theme="dark"] #app .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #39506c !important;
  border: 1px solid #5f7fa6 !important;
  color: #f7fbff !important;
}

html[data-theme="dark"] #app .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #dce8f6 !important;
}

html[data-theme="dark"] #app .select2-dropdown {
  background-color: #242c35 !important;
  border-color: var(--pw-input-border) !important;
}

html[data-theme="dark"] #app .select2-results__option,
html[data-theme="dark"] #app .select2-results__option[aria-selected="true"] {
  color: #f5f7fb !important;
}

html[data-theme="dark"] #app input::placeholder,
html[data-theme="dark"] #app textarea::placeholder,
html[data-theme="dark"] #app .select2-container--default .select2-selection__placeholder {
  color: #d2d8df !important;
}

html[data-theme="dark"] #app .table,
html[data-theme="dark"] #app .table td,
html[data-theme="dark"] #app .table th,
html[data-theme="dark"] #app table,
html[data-theme="dark"] #app table td,
html[data-theme="dark"] #app table th {
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] #app .seo-manager-panel .nav.nav-tabs .nav-link.active,
html[data-theme="dark"] #app .seo-manager-panel .nav.nav-tabs .nav-item.show .nav-link,
html[data-theme="dark"] #app .seo-manager-panel .nav.nav-tabs .nav-link.active:hover,
html[data-theme="dark"] #app .seo-manager-panel .nav.nav-tabs .nav-link.active:focus {
  color: #000000 !important;
}

html[data-theme="dark"] #app .pagination,
html[data-theme="dark"] #app ul.pagination {
  background: transparent !important;
}

html[data-theme="dark"] #app .pagination .page-link,
html[data-theme="dark"] #app .pagination li a,
html[data-theme="dark"] #app .pagination li span {
  background-color: #1f2730 !important;
  border: 1px solid var(--pw-border) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #app .pagination .page-link:hover,
html[data-theme="dark"] #app .pagination .page-link:focus,
html[data-theme="dark"] #app .pagination li a:hover {
  background-color: #2a313a !important;
  border-color: #465260 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #app .pagination .page-item.active .page-link,
html[data-theme="dark"] #app .pagination li.active a,
html[data-theme="dark"] #app .pagination li.active span {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #app .pagination .page-item.disabled .page-link,
html[data-theme="dark"] #app .pagination li.disabled a,
html[data-theme="dark"] #app .pagination li.disabled span {
  background-color: #1a2028 !important;
  border-color: #323b46 !important;
  color: #9ca7b4 !important;
}

html[data-theme="dark"] #app .language-navigation,
html[data-theme="dark"] #app .language-navigation .nav,
html[data-theme="dark"] #app .language-navigation .nav.nav-tabs,
html[data-theme="dark"] #app .lang-content-box {
  background-color: #1f2730 !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] #app .lang-content-box {
  background-color: #1c232c !important;
}

html[data-theme="dark"] #app .language-navigation .nav.nav-tabs .nav-link {
  background-color: #1f2730 !important;
  border-color: var(--pw-border) !important;
  color: #dce3ea !important;
}

html[data-theme="dark"] #app .language-navigation .nav.nav-tabs .nav-link:hover,
html[data-theme="dark"] #app .language-navigation .nav.nav-tabs .nav-link:focus {
  background-color: #2a313a !important;
  border-color: #465260 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #app .language-navigation .nav.nav-tabs .nav-item.show .nav-link,
html[data-theme="dark"] #app .language-navigation .nav.nav-tabs .nav-link.active {
  background-color: #2a313a !important;
  border-color: #465260 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #app .dungdt-upload-box,
html[data-theme="dark"] #app .dungdt-upload-multiple,
html[data-theme="dark"] #app .dungdt-upload-box .upload-box,
html[data-theme="dark"] #app .dungdt-upload-box .attach-demo,
html[data-theme="dark"] #app .dungdt-upload-box .upload-actions,
html[data-theme="dark"] #app .dungdt-upload-multiple .image-item .inner {
  background-color: #1f2730 !important;
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] #app .dungdt-upload-box .upload-box:hover,
html[data-theme="dark"] #app .dungdt-upload-multiple .image-item .inner:hover {
  background-color: #2a313a !important;
  border-color: #465260 !important;
}

html[data-theme="dark"] #app .main-header .header-widgets .widget-user,
html[data-theme="dark"] #app .main-header .header-widgets .widget-user:last-child {
  border-color: var(--pw-border) !important;
}

html[data-theme="dark"] #app .main-header .header-widgets .widget-user:hover,
html[data-theme="dark"] #app .main-header .header-widgets .widget-user.show {
  background-color: #2a313a !important;
}

html[data-theme="dark"] #app .main-header .header-widgets .header-widget .btn-link:hover,
html[data-theme="dark"] #app .main-header .header-widgets .header-widget .btn-link:focus,
html[data-theme="dark"] #app .main-header .header-widgets .header-widget .btn:hover,
html[data-theme="dark"] #app .main-header .header-widgets .header-widget .btn:focus,
html[data-theme="dark"] #app .main-header .header-widgets .header-widget a:hover,
html[data-theme="dark"] #app .main-header .header-widgets .header-widget a:focus,
html[data-theme="dark"] #app .main-header .header-widgets .widget-user .user-dropdown:hover,
html[data-theme="dark"] #app .main-header .header-widgets .widget-user .user-dropdown:focus {
  background-color: #2a313a !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Home revamp: force Community clouds style on iPhone SE/XR */
@media screen and (min-width: 370px) and (max-width: 380px),
       screen and (min-width: 410px) and (max-width: 430px) {
  body.path-home .community-section,
  html[data-theme="dark"] body.path-home .community-section {
    background-image: url('/images/revamp/clouds_connector.svg'), linear-gradient(88deg, #d7efef 0%, #d5eae9 50%, #d3e8e7 100%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: top center, center !important;
    background-size: 230%, auto, cover !important;
    margin-top: -1px !important;
    padding-top: 120px;
  }
}