/*
 * Skillfinder Appearance v0.1.35 — UI V2 Foundation
 * Opt-in, reversible global foundation. Detailed page-layout migrations remain
 * deliberately outside this file.
 */

body.sfc-ui-v2 {
  --sfc-ui-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sfc-ui-page: var(--sf-page-bg, #f7f8fa);
  --sfc-ui-surface: var(--sf-surface, #ffffff);
  --sfc-ui-surface-muted: #f7f8f9;
  --sfc-ui-surface-hover: #f2f5f6;
  --sfc-ui-text: var(--sf-body-text, #17191c);
  --sfc-ui-heading: var(--sf-heading, #15171a);
  --sfc-ui-muted: var(--sf-muted-text, #69717a);
  --sfc-ui-border: #e7eaed;
  --sfc-ui-border-strong: #d8dde2;
  --sfc-ui-primary: var(--sf-primary, #1b8996);
  --sfc-ui-primary-hover: var(--sf-primary-hover, #157784);
  --sfc-ui-primary-soft: rgba(27, 137, 150, .09);
  --sfc-ui-success: var(--sf-success, #047857);
  --sfc-ui-warning: var(--sf-warning, #b7791f);
  --sfc-ui-danger: var(--sf-danger, #dc2626);
  --sfc-ui-radius-sm: 9px;
  --sfc-ui-radius: 12px;
  --sfc-ui-radius-lg: 18px;
  --sfc-ui-control-height: 48px;
  --sfc-ui-space-1: 4px;
  --sfc-ui-space-2: 8px;
  --sfc-ui-space-3: 12px;
  --sfc-ui-space-4: 16px;
  --sfc-ui-space-5: 24px;
  --sfc-ui-space-6: 32px;
  --sfc-ui-space-7: 48px;
  --sfc-ui-popover-shadow: 0 14px 34px rgba(15, 23, 42, .10);
  color: var(--sfc-ui-text);
  font-family: var(--sfc-ui-font);
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.sfc-ui-v2 a {
  text-underline-offset: 3px;
}

body.sfc-ui-v2 :where(main, .workreap-main, .wr-main, .site-content) :where(h1, h2, h3, h4, h5, h6, .wr-title) {
  color: var(--sfc-ui-heading);
  font-family: inherit;
}

body.sfc-ui-v2 :where(p, li, dd, dt, label, input, select, textarea, button) {
  font-family: inherit;
}

body.sfc-ui-v2 :where(.wr-description, .wr-text-light, .wr-muted, .sfc-muted, .sfpa-privacy-note) {
  color: var(--sfc-ui-muted);
}

/* Page shell. Elementor remains responsible for page-specific section widths and heading sizes. */
body.sfc-ui-v2.sfc-ui-v2-shell,
body.sfc-ui-v2.sfc-ui-v2-shell :where(.site, .site-content, .workreap-main, .wr-main, .wr-main-section, .wr-main-content, .wr-mainwrapper, .wr-page-wrapper) {
  background-color: var(--sfc-ui-page);
}

body.sfc-ui-v2.sfc-ui-v2-shell :where(.wr-main, .workreap-main, .site-content) {
  color: var(--sfc-ui-text);
}

body.sfc-ui-v2.sfc-ui-v2-shell :where(hr, .wr-separator, .wr-border-top, .wr-border-bottom) {
  border-color: var(--sfc-ui-border);
}

/* Public Workreap header only. Dashboard navigation is intentionally deferred. */
body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) {
  border: 0;
  border-bottom: 1px solid var(--sfc-ui-border);
  background: var(--sfc-ui-surface);
  box-shadow: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenav_wrapper {
  border: 0;
  background: var(--sfc-ui-surface);
  box-shadow: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenavwrap {
  min-height: 64px;
  gap: var(--sfc-ui-space-5);
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-logo-wrapper,
body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-logo {
  display: inline-flex;
  align-items: center;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-logo img {
  width: auto;
  height: auto;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenav ul.menu > li > a,
body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-navbar-nav > li > a {
  padding: 21px 13px;
  color: #4f565e;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  text-decoration: none;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenav ul.menu > li:hover > a,
body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenav ul.menu > li.current-menu-item > a,
body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenav ul.menu > li.current-menu-ancestor > a {
  color: var(--sfc-ui-primary);
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) :where(.sub-menu, .children) {
  padding: 8px;
  border: 1px solid var(--sfc-ui-border);
  border-radius: var(--sfc-ui-radius);
  background: var(--sfc-ui-surface);
  box-shadow: var(--sfc-ui-popover-shadow);
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) :where(.sub-menu, .children) li + li {
  border-top: 0;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) :where(.sub-menu, .children) a {
  padding: 10px 12px;
  border-radius: 8px;
  color: #4f565e;
  font-size: 14px;
  font-weight: 500;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) :where(.sub-menu, .children) a:hover {
  background: var(--sfc-ui-surface-muted);
  color: var(--sfc-ui-heading);
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-navbarbtn {
  gap: 10px;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-navbarbtn :where(.wr-login, .wr-register, .wr-btn, .wr-btn-solid-lg) {
  min-height: 44px !important;
  padding: 0 17px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-navbarbtn .wr-login {
  border: 1px solid var(--sfc-ui-border-strong) !important;
  background: var(--sfc-ui-surface) !important;
  color: var(--sfc-ui-heading) !important;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-navbarbtn .wr-login:hover,
body.sfc-ui-v2.sfc-ui-v2-header .wr-navbarbtn .wr-login:focus-visible {
  border-color: rgba(27, 137, 150, .38) !important;
  background: var(--sfc-ui-primary-soft) !important;
  color: var(--sfc-ui-primary-hover) !important;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-navbarbtn :where(.wr-register, .wr-btn-solid-lg) {
  border: 1px solid var(--sfc-ui-primary) !important;
  background: var(--sfc-ui-primary) !important;
  background-image: none !important;
  color: #fff !important;
}

body.sfc-ui-v2.sfc-ui-v2-header .wr-navbarbtn :where(.wr-register, .wr-btn-solid-lg):hover,
body.sfc-ui-v2.sfc-ui-v2-header .wr-navbarbtn :where(.wr-register, .wr-btn-solid-lg):focus-visible {
  border-color: var(--sfc-ui-primary-hover) !important;
  background: var(--sfc-ui-primary-hover) !important;
  background-image: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-header .navbar-toggler {
  width: 44px;
  height: 44px;
  border: 1px solid var(--sfc-ui-border);
  border-radius: 11px;
  background: #fff;
  box-shadow: none;
}

/* Shared control normalization. Intentionally excludes raw Elementor widgets. */
body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-main, .workreap-main, [class^="sfc-"], [class*=" sfc-"], [class^="sfpa-"], [class*=" sfpa-"], [class^="wrb-"], [class*=" wrb-"]) :where(
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  select,
  textarea,
  .form-control,
  .select2-selection--single,
  .select2-selection--multiple
) {
  border: 1px solid var(--sfc-ui-border-strong) !important;
  border-radius: var(--sfc-ui-radius) !important;
  background: #fff !important;
  color: var(--sfc-ui-text) !important;
  box-shadow: none !important;
  transition: border-color .16s ease, background-color .16s ease, outline-color .16s ease !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-main, .workreap-main, [class^="sfc-"], [class*=" sfc-"], [class^="sfpa-"], [class*=" sfpa-"], [class^="wrb-"], [class*=" wrb-"]) :where(
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  select,
  .form-control,
  .select2-selection--single
) {
  min-height: var(--sfc-ui-control-height);
  padding: 10px 14px;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-main, .workreap-main, [class^="sfc-"], [class*=" sfc-"], [class^="sfpa-"], [class*=" sfpa-"], [class^="wrb-"], [class*=" wrb-"]) textarea {
  min-height: 132px;
  padding: 13px 14px;
  line-height: 1.6;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-main, .workreap-main, [class^="sfc-"], [class*=" sfc-"], [class^="sfpa-"], [class*=" sfpa-"], [class^="wrb-"], [class*=" wrb-"]) :where(
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  select,
  textarea,
  .form-control,
  .select2-selection--single,
  .select2-selection--multiple
):focus,
body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-main, .workreap-main, [class^="sfc-"], [class*=" sfc-"], [class^="sfpa-"], [class*=" sfpa-"], [class^="wrb-"], [class*=" wrb-"]) .select2-container--focus :where(.select2-selection--single, .select2-selection--multiple) {
  border-color: var(--sfc-ui-primary) !important;
  outline: 3px solid rgba(27, 137, 150, .12) !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-main, .workreap-main, [class^="sfc-"], [class*=" sfc-"], [class^="sfpa-"], [class*=" sfpa-"], [class^="wrb-"], [class*=" wrb-"]) ::placeholder {
  color: #9299a1;
  opacity: 1;
}

body.sfc-ui-v2.sfc-ui-v2-components .select2-dropdown {
  overflow: hidden;
  border: 1px solid var(--sfc-ui-border);
  border-radius: var(--sfc-ui-radius);
  background: #fff;
  box-shadow: var(--sfc-ui-popover-shadow);
}

body.sfc-ui-v2.sfc-ui-v2-components .select2-results__option {
  padding: 10px 12px;
}

body.sfc-ui-v2.sfc-ui-v2-components .select2-results__option--highlighted[aria-selected] {
  background: var(--sfc-ui-primary-soft);
  color: var(--sfc-ui-heading);
}

/* Buttons. Elementor buttons remain owned by Elementor in UI V2. */
body.sfc-ui-v2.sfc-ui-v2-components :where(
  .wr-btn,
  .wr-btn-solid-lg,
  .wr-btn-solid-sm,
  .wr-tabs-button,
  .wrb-btn,
  .sfc-btn,
  .sfc-button,
  .sfpa-button,
  input[type="submit"].wr-btn,
  button.wr-btn,
  button.wrb-btn,
  a.wr-btn,
  a.wrb-btn
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 17px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(
  .wr-btn,
  .wr-btn-solid-lg,
  .wr-btn-solid-sm,
  .wr-tabs-button,
  .wrb-btn:not(.wrb-btn-light):not(.wrb-btn-secondary):not(.wrb-btn-danger),
  .sfc-btn-primary,
  .sfpa-button-primary,
  .button-primary
) {
  border: 1px solid var(--sfc-ui-primary) !important;
  background: var(--sfc-ui-primary) !important;
  background-image: none !important;
  color: #fff !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(
  .wr-btn,
  .wr-btn-solid-lg,
  .wr-btn-solid-sm,
  .wr-tabs-button,
  .wrb-btn:not(.wrb-btn-light):not(.wrb-btn-secondary):not(.wrb-btn-danger),
  .sfc-btn-primary,
  .sfpa-button-primary,
  .button-primary
):hover,
body.sfc-ui-v2.sfc-ui-v2-components :where(
  .wr-btn,
  .wr-btn-solid-lg,
  .wr-btn-solid-sm,
  .wr-tabs-button,
  .wrb-btn:not(.wrb-btn-light):not(.wrb-btn-secondary):not(.wrb-btn-danger),
  .sfc-btn-primary,
  .sfpa-button-primary,
  .button-primary
):focus-visible {
  border-color: var(--sfc-ui-primary-hover) !important;
  background: var(--sfc-ui-primary-hover) !important;
  background-image: none !important;
  color: #fff !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(
  .wr-login,
  .wr-btn-two,
  .wr-secondary-btn,
  .wrb-btn-light,
  .wrb-btn-secondary,
  .sfc-btn-secondary,
  .sfpa-button-secondary
) {
  border: 1px solid var(--sfc-ui-border-strong) !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--sfc-ui-heading) !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(
  .wr-login,
  .wr-btn-two,
  .wr-secondary-btn,
  .wrb-btn-light,
  .wrb-btn-secondary,
  .sfc-btn-secondary,
  .sfpa-button-secondary
):hover,
body.sfc-ui-v2.sfc-ui-v2-components :where(
  .wr-login,
  .wr-btn-two,
  .wr-secondary-btn,
  .wrb-btn-light,
  .wrb-btn-secondary,
  .sfc-btn-secondary,
  .sfpa-button-secondary
):focus-visible {
  border-color: rgba(27, 137, 150, .34) !important;
  background: var(--sfc-ui-primary-soft) !important;
  color: var(--sfc-ui-primary-hover) !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wrb-btn-danger, .sfc-btn-danger, .sf-btn-danger) {
  border-color: var(--sfc-ui-danger) !important;
  background: var(--sfc-ui-danger) !important;
  color: #fff !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.sfpa-text-button, .sfc-link-action, .wrb-link-action) {
  min-height: auto !important;
  padding: 4px 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--sfc-ui-primary) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-btn, .wr-btn-solid-lg, .wr-btn-solid-sm, .wrb-btn, .sfc-btn, .sfpa-button):focus-visible {
  outline: 3px solid rgba(27, 137, 150, .17) !important;
  outline-offset: 2px !important;
}

/* Quiet surfaces: subtle dividers, no decorative card shadow. */
body.sfc-ui-v2.sfc-ui-v2-components :where(main, .workreap-main, .wr-main, .site-content, [class^="sfc-"], [class*=" sfc-"], [class^="sfpa-"], [class*=" sfpa-"], [class^="wrb-"], [class*=" wrb-"]) :where(
  .wr-theme-box,
  .wr-widgetbox,
  .wr-asidebox,
  .wr-dbsection,
  .wr-card,
  .wr-profile-card,
  .sfc-wr-profile-card-shell,
  .sfc-wr-profile-side-panel,
  .sfc-dashboard-withdraw-card,
  .sfpa-intake,
  .sfpa-summary-item,
  .sfpa-budget-review,
  .wrb-card
) {
  border-color: var(--sfc-ui-border) !important;
  border-radius: var(--sfc-ui-radius-lg) !important;
  background: var(--sfc-ui-surface) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.sfpa-intake, .sfc-wr-profile-card-shell, .sfc-wr-profile-side-panel) {
  border-width: 1px !important;
  border-style: solid !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.sfpa-summary-item, .sfpa-budget-review, .wr-performance-list, .wr-stat-item) {
  background: var(--sfc-ui-surface-muted) !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-tabs, .wr-nav-tabs, .wr-tablist, .wr-filterbtns) {
  border-color: var(--sfc-ui-border) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-tabs a, .wr-nav-tabs a, .wr-tablist a) {
  color: var(--sfc-ui-muted);
  font-size: 14px;
  font-weight: 500;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-tabs .active a, .wr-nav-tabs .active a, .wr-tablist .active a) {
  color: var(--sfc-ui-primary);
  font-weight: 600;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-tag, .wr-badge, .wr-status, .sfc-badge, .sfpa-field-badge) {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid var(--sfc-ui-border);
  border-radius: 999px;
  background: var(--sfc-ui-surface-muted);
  color: #59616a;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  box-shadow: none;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(table, .shop_table) {
  border-color: var(--sfc-ui-border);
  box-shadow: none;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(table, .shop_table) :where(th, td) {
  border-color: var(--sfc-ui-border);
}

body.sfc-ui-v2.sfc-ui-v2-components :where(table, .shop_table) th {
  color: var(--sfc-ui-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: uppercase;
}

/* Preserve commonly used accent utilities without legacy gradients. */
body.sfc-ui-v2 :where(.sfc-accent-soft, .sfc-soft-gradient, .sfc-profile-strength-strip) {
  border-color: rgba(27, 137, 150, .14) !important;
  background: #edf8f7 !important;
  background-image: none !important;
  color: #173b40 !important;
  box-shadow: none !important;
}

body.sfc-ui-v2 :where(.sfc-accent-dark, .sfc-premium-gradient, .sfc-premium-hero) {
  background: #153b42 !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2 :where(.sfc-accent-dark, .sfc-premium-gradient, .sfc-premium-hero) p {
  color: rgba(255, 255, 255, .76) !important;
}

@media (max-width: 1199px) {
  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenavwrap {
    min-height: 68px;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenav {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid var(--sfc-ui-border);
    border-radius: var(--sfc-ui-radius);
    background: #fff;
    box-shadow: var(--sfc-ui-popover-shadow);
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenav ul.menu > li > a,
  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-navbar-nav > li > a {
    padding: 11px 12px;
    border-radius: 8px;
  }
}

@media (max-width: 767px) {
  body.sfc-ui-v2 {
    --sfc-ui-radius-lg: 15px;
    --sfc-ui-space-7: 36px;
  }

  body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-btn, .wr-btn-solid-lg, .wr-btn-solid-sm, .wrb-btn, .sfc-btn, .sfpa-button) {
    min-height: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sfc-ui-v2 *,
  body.sfc-ui-v2 *::before,
  body.sfc-ui-v2 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* v0.1.43 — Keep composite marketplace search bars to one visible border. */
body.sfc-ui-v2 .wrb-job-board .wrb-job-search-main > .wrb-search-keyword > input,
body.sfc-ui-v2 .wrb-job-board .wrb-job-search-main .wrb-search-location > .wr-select,
body.sfc-ui-v2 .wrb-job-board .wrb-job-search-main .wrb-search-location select,
body.sfc-ui-v2 .wrb-job-board .wrb-job-search-main .wrb-search-location .select2-selection--single,
body.sfc-ui-v2 .sfc-wr-project-search .sfc-wr-project-hero-search__field > input,
body.sfc-ui-v2 .sfc-wr-project-search .sfc-wr-project-hero-search__field select,
body.sfc-ui-v2 .sfc-wr-project-search .sfc-wr-project-hero-search__field .select2-selection--single,
body.sfc-ui-v2 .sfc-wr-project-search .sfc-wr-project-hero-search__field .select2-selection--multiple {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.sfc-ui-v2 .wrb-job-board .wrb-job-search-main > .wrb-search-keyword > input:focus,
body.sfc-ui-v2 .wrb-job-board .wrb-job-search-main .wrb-search-location select:focus,
body.sfc-ui-v2 .wrb-job-board .wrb-job-search-main .wrb-search-location .select2-container--focus .select2-selection--single,
body.sfc-ui-v2 .sfc-wr-project-search .sfc-wr-project-hero-search__field > input:focus,
body.sfc-ui-v2 .sfc-wr-project-search .sfc-wr-project-hero-search__field select:focus,
body.sfc-ui-v2 .sfc-wr-project-search .sfc-wr-project-hero-search__field .select2-container--focus .select2-selection--single {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body.sfc-ui-v2 .wrb-job-board .wrb-job-search-main:focus-within,
body.sfc-ui-v2 .sfc-wr-project-search .sfc-wr-project-hero-search:focus-within {
  border-color: var(--sfc-ui-primary, #1b8996) !important;
  outline: 3px solid rgba(27, 137, 150, .10) !important;
  outline-offset: 0 !important;
}


/* v0.1.48 — footer isolation, compact public header and guest search treatment. */
body.sfc-ui-v2 :where(.wr-footer, .wr-footer-two, .site-footer) :where(h1, h2, h3, h4, h5, h6, .wr-title) {
  color: inherit !important;
  font-family: inherit;
}

body.sfc-ui-v2.sfc-ui-v2-components :where(.wr-footer, .wr-footer-two, .site-footer) :where(.wr-widgetbox, .wr-theme-box, .wr-card) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper {
  border: 1px solid var(--sfc-ui-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper .wt-formbanner,
body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper .wt-formbanner fieldset,
body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper .wt-formbanner .form-group,
body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper .wt-formoptions {
  background: transparent !important;
}

body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper .wt-formbanner fieldset .form-group .form-control,
body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper .wt-dropdown > span {
  border: 0 !important;
  background: transparent !important;
  color: var(--sfc-ui-text) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper .wt-formbanner fieldset .form-group .form-control::placeholder,
body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper .wt-dropdown > span > em {
  color: var(--sfc-ui-muted) !important;
}

body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header-search-wrapper .wt-radioholder {
  border: 1px solid var(--sfc-ui-border) !important;
  background: #fff !important;
  box-shadow: var(--sfc-ui-popover-shadow) !important;
}


/* v0.1.50 — compact public mobile header and visible navigation controls. */
@media (max-width: 575px) {
  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenav_wrapper > :where(.container, .container-fluid) {
    padding-inline: 12px !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-themenavwrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 58px !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-logo-wrapper {
    flex: 0 1 108px !important;
    min-width: 86px !important;
    margin: 0 !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-logo {
    width: 108px !important;
    max-width: 108px !important;
    margin: 0 !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-logo img {
    width: 108px !important;
    max-width: 100% !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) :where(.wr-header-actions-wrapper, .wr-user-menu-wrapper) {
    min-width: 0 !important;
    margin-left: auto !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-navbarbtn {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-navbarbtn :where(.wr-login, .wr-register, .wr-btn, .wr-btn-solid-lg) {
    min-height: 40px !important;
    padding-inline: 11px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .navbar-toggler {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    flex: 0 0 40px !important;
    border-color: rgba(27, 137, 150, .18) !important;
    background: var(--sfc-ui-primary-soft) !important;
    color: var(--sfc-ui-primary-hover) !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .navbar-toggler :where(.wr-icon-menu, .wr-icon-menu::before) {
    color: currentColor !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-dropdowarrow {
    border: 0 !important;
    background: var(--sfc-ui-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-dropdowarrow i,
  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-dropdowarrow i::before {
    color: #fff !important;
  }
}

@media (max-width: 390px) {
  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-logo-wrapper {
    flex-basis: 92px !important;
    min-width: 78px !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-logo,
  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-logo img {
    width: 92px !important;
  }

  body.sfc-ui-v2.sfc-ui-v2-header .wr-header:not(.wr-dashboard-header) .wr-navbarbtn :where(.wr-login, .wr-register, .wr-btn, .wr-btn-solid-lg) {
    padding-inline: 9px !important;
    font-size: 12px !important;
  }
}


/* v0.1.56 — logged-out outer-header background only.
   Preserve the existing logo, navigation, search and authentication controls. */
body.sfc-ui-v2.sfc-ui-v2-header:not(.logged-in) .wr-header:not(.wr-dashboard-header) {
  background: #1e1e1e !important;
}