/**
 * Skillfinder UI V2 — public search QA and freelancer-search parity.
 * Presentation only. Elementor remains authoritative for heading typography.
 */

body.sfc-ui-v2-public-search {
  --sfc-public-search-page: var(--sfc-ui-page-bg, #f7f8fa);
  --sfc-public-search-surface: #fff;
  --sfc-public-search-border: var(--sfc-ui-border, #e7eaed);
  --sfc-public-search-border-strong: var(--sfc-ui-border-strong, #d8dde2);
  --sfc-public-search-primary: var(--sfc-ui-primary, #1b8996);
  --sfc-public-search-primary-soft: rgba(27, 137, 150, .08);
  background: var(--sfc-public-search-page) !important;
}

/* Search Freelancer: move the established custom template into the flat UI V2 system. */
body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-search {
  padding: 0 0 64px !important;
  background: var(--sfc-public-search-page) !important;
}

body.sfc-ui-v2-public-search-freelancer-search :where(
  .sfc-wr-freelancer-search-hero,
  .sfc-wr-freelancer-search-hero--full
) {
  margin: 0 0 34px !important;
  padding: 48px 0 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-search-hero__decor {
  display: none !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-search-hero__inner {
  max-width: 1240px !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-search-hero__copy {
  margin-bottom: 20px !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-search-hero__copy p {
  margin: 0 !important;
  color: var(--sfc-ui-muted, #69717a) !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-hero-search {
  border: 1px solid var(--sfc-public-search-border-strong) !important;
  border-radius: 14px !important;
  background: var(--sfc-public-search-surface) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-hero-search:focus-within {
  border-color: var(--sfc-public-search-primary) !important;
  box-shadow: 0 0 0 3px rgba(27, 137, 150, .10) !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-hero-search :where(input, select, .select2-selection) {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.sfc-ui-v2-public-search-freelancer-search form.wr-searchlist,
body.sfc-ui-v2-public-search-freelancer-search .wr-sidebar,
body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-card {
  border: 1px solid var(--sfc-public-search-border) !important;
  border-radius: 16px !important;
  background: var(--sfc-public-search-surface) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-freelancer-search form.wr-searchlist {
  padding: 18px !important;
}

body.sfc-ui-v2-public-search-freelancer-search .wr-sidebar {
  border: 0 !important;
  border-radius: 0 !important;
}

body.sfc-ui-v2-public-search-freelancer-search .wr-aside-holder,
body.sfc-ui-v2-public-search-freelancer-search .wr-sidebarcontent,
body.sfc-ui-v2-public-search-freelancer-search .wr-checkboxholder {
  border-color: var(--sfc-public-search-border) !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-sort-options__link {
  border-color: var(--sfc-public-search-border) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-sort-options__link:hover,
body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-sort-options__link.is-active {
  border-color: var(--sfc-public-search-primary) !important;
  background: var(--sfc-public-search-primary-soft) !important;
  color: var(--sfc-public-search-primary) !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-card:hover {
  border-color: rgba(27, 137, 150, .42) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-card-content,
body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-card-side {
  border-color: var(--sfc-public-search-border) !important;
}

/* Recruitment Jobs: remove remaining gradient surfaces and keep one flat hierarchy. */
body.sfc-ui-v2-public-search-recruitment-jobs :where(
  .wrb-job-board,
  .wrb-board-layout,
  .wrb-job-list,
  .wrb-job-preview
) {
  background: transparent !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card,
body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card-employer,
body.sfc-ui-v2-public-search-recruitment-jobs .wrb-support-card-resume {
  background: #fff !important;
  background-image: none !important;
  border-color: var(--sfc-public-search-border) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-recruitment-jobs .wrb-job-search-main,
body.sfc-ui-v2-public-search-recruitment-jobs .wrb-job-list-card,
body.sfc-ui-v2-public-search-recruitment-jobs .wrb-job-preview-wrap,
body.sfc-ui-v2-public-search-recruitment-jobs .wrb-job-empty {
  background: #fff !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-search-hero,
  body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-search-hero--full {
    padding: 36px 0 24px !important;
  }
}

@media (max-width: 767px) {
  body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-search {
    padding-bottom: 42px !important;
  }

  body.sfc-ui-v2-public-search-freelancer-search form.wr-searchlist {
    padding: 16px !important;
  }

  body.sfc-ui-v2-public-search-freelancer-search .sfc-wr-freelancer-card {
    border-radius: 14px !important;
  }
}


/* v0.1.49 — restore the neutral recruitment canvas; content cards remain white. */
body.sfc-ui-v2-public-search-recruitment-jobs,
body.sfc-ui-v2-public-search-recruitment-jobs :where(.workreap-main, .wr-main, .site-content, .elementor, .elementor-location-single, .wrb-job-board) {
  background: var(--sfc-public-search-page) !important;
}

body.sfc-ui-v2-public-search-service-search .sfc-wr-task-search {
  padding: 0 0 64px !important;
  background: var(--sfc-public-search-page) !important;
}

body.sfc-ui-v2-public-search-service-search .sfc-wr-task-search-hero {
  margin: 0 0 34px !important;
  padding: 44px 0 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-service-search .sfc-wr-task-search-hero__copy p {
  color: var(--sfc-ui-muted, #69717a) !important;
}

body.sfc-ui-v2-public-search-service-search .sfc-wr-task-hero-search {
  border: 1px solid var(--sfc-public-search-border-strong) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-service-search .sfc-wr-task-hero-search:focus-within {
  border-color: var(--sfc-public-search-primary) !important;
  box-shadow: 0 0 0 3px rgba(27, 137, 150, .10) !important;
}

body.sfc-ui-v2-public-search-service-search .sfc-wr-task-hero-search :where(input, select, .select2-selection) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-service-search :where(form.wr-searchlist, .wr-asidebox, .wr-topservice) {
  border: 1px solid var(--sfc-public-search-border) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-service-search .wr-topservice:hover {
  border-color: rgba(27, 137, 150, .42) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.sfc-ui-v2-public-search-service-search .sfc-wr-task-sort-options__link {
  border-color: var(--sfc-public-search-border) !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-search-service-search .sfc-wr-task-sort-options__link:hover,
body.sfc-ui-v2-public-search-service-search .sfc-wr-task-sort-options__link.is-active {
  border-color: var(--sfc-public-search-primary) !important;
  background: var(--sfc-public-search-primary-soft) !important;
  color: var(--sfc-public-search-primary) !important;
}

@media (max-width: 767px) {
  body.sfc-ui-v2-public-search-service-search .sfc-wr-task-search {
    padding-bottom: 42px !important;
  }

  body.sfc-ui-v2-public-search-service-search .sfc-wr-task-search-hero {
    padding: 34px 0 22px !important;
  }
}