/**
 * Skillfinder UI V2 — public freelancer and employer profiles.
 * Loaded only on the audited profile routes.
 */

body.sfc-ui-v2-public-profile {
  background: var(--sfc-ui-page, #f7f8fa) !important;
}

body.sfc-ui-v2-public-profile :where(
  .sfc-wr-freelancer-profile-page,
  .wrb-employer-profile-page.sfc-wr-freelancer-profile-page
) {
  padding: 44px 0 72px !important;
  background: var(--sfc-ui-page, #f7f8fa) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-container {
  width: min(1240px, calc(100% - 48px)) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-card-shell {
  overflow: hidden !important;
  margin: 0 0 24px !important;
  border: 1px solid var(--sfc-ui-border, #e7eaed) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-hero-card {
  gap: 28px !important;
  padding: 32px 34px !important;
  border-bottom: 1px solid var(--sfc-ui-border, #e7eaed) !important;
  background: #fff !important;
  background-image: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-avatar :where(figure, img) {
  width: 112px !important;
  height: 112px !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-avatar img {
  border: 1px solid var(--sfc-ui-border-strong, #d8dde2) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-kicker {
  color: var(--sfc-ui-primary, #1b8996) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-name {
  color: var(--sfc-ui-heading, #17191c) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-location,
body.sfc-ui-v2-public-profile .sfc-wr-profile-statline,
body.sfc-ui-v2-public-profile .sfc-wr-profile-statline li,
body.sfc-ui-v2-public-profile .sfc-wr-profile-rate span {
  color: var(--sfc-ui-muted, #69717a) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-rate strong {
  color: var(--sfc-ui-heading, #17191c) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-actions :where(
  .wr-btn,
  .sfc-wr-message-btn,
  .sfc-wr-hire-btn,
  .sfc-wr-save-btn
) {
  min-height: 44px !important;
  padding: 10px 17px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-actions .sfc-wr-save-btn {
  width: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  border: 1px solid var(--sfc-ui-border-strong, #d8dde2) !important;
  background: #fff !important;
  color: var(--sfc-ui-primary, #1b8996) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-body-grid {
  grid-template-columns: 300px minmax(0, 1fr) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-side-panel {
  padding: 30px !important;
  border: 0 !important;
  border-right: 1px solid var(--sfc-ui-border, #e7eaed) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-content-panel {
  padding: 30px 34px !important;
  background: #fff !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-detail-list {
  gap: 0 !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-detail-list li {
  padding: 14px 0 !important;
  border-bottom: 1px solid var(--sfc-ui-border, #e7eaed) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-detail-list li:first-child {
  padding-top: 0 !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-detail-list li:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-detail-list span {
  color: var(--sfc-ui-muted, #69717a) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-detail-list span i {
  background: var(--sfc-ui-primary-soft, #edf8f7) !important;
  color: var(--sfc-ui-primary, #1b8996) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-detail-list strong,
body.sfc-ui-v2-public-profile .sfc-wr-profile-about :where(.wr-description-area, .wr-description-area p, .wr-description-container, .wr-description-container p) {
  color: var(--sfc-ui-text, #4f565e) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-skills :where(a, span, .wr-blog-tags) {
  border-color: var(--sfc-ui-border, #e7eaed) !important;
  border-radius: 999px !important;
  background: var(--sfc-ui-surface-muted, #f7f8fa) !important;
  color: var(--sfc-ui-text, #4f565e) !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-sections {
  display: grid !important;
  gap: 20px !important;
  margin-top: 20px !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-sections > :where(.wr-asidebox, .wr-freelancerinfo, section) {
  margin: 0 !important;
  padding: 28px 30px !important;
  border: 1px solid var(--sfc-ui-border, #e7eaed) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-sections .wr-themeaccordion {
  gap: 14px !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-sections .wr-themeaccordion_item,
body.sfc-ui-v2-public-profile .sfc-wr-profile-sections .wr-portfolio-item,
body.sfc-ui-v2-public-profile .sfc-wr-profile-sections .wr-service-card,
body.sfc-ui-v2-public-profile .sfc-wr-profile-sections .wr-tasksitem {
  border: 1px solid var(--sfc-ui-border, #e7eaed) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-sections :where(.wr-themeaccordion_item, .wr-portfolio-item, .wr-service-card, .wr-tasksitem):hover {
  border-color: rgba(27, 137, 150, .35) !important;
  box-shadow: none !important;
}

/* Employer shortcode profile uses the same quiet profile shell. */
body.sfc-ui-v2-public-profile-employer :where(
  .wrb-employer-profile-display,
  .wrb-employer-profile,
  .wrb-employer-profile-page,
  .wrb-employer-profile-parity
) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile-employer .wrb-employer-profile-page .sfc-wr-profile-container {
  width: 100% !important;
  max-width: none !important;
}

body.sfc-ui-v2-public-profile-employer .wrb-employer-profile-sections {
  gap: 20px !important;
  margin-top: 20px !important;
}

body.sfc-ui-v2-public-profile-employer .wrb-employer-profile-sections > :where(
  section,
  .wrb-employer-open-jobs-bottom,
  .wrb-employer-projects-bottom
) {
  padding: 28px 30px !important;
  border: 1px solid var(--sfc-ui-border, #e7eaed) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile-employer :where(.wrb-employer-job-list, .wrb-employer-project-list) {
  gap: 14px !important;
}

body.sfc-ui-v2-public-profile-employer :where(.wrb-employer-job-card, .wrb-employer-project-card) {
  padding: 20px !important;
  border-color: var(--sfc-ui-border, #e7eaed) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile-employer :where(.wrb-employer-job-card, .wrb-employer-project-card):hover {
  border-color: rgba(27, 137, 150, .35) !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  body.sfc-ui-v2-public-profile :where(
    .sfc-wr-freelancer-profile-page,
    .wrb-employer-profile-page.sfc-wr-freelancer-profile-page
  ) {
    padding: 28px 0 52px !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-container {
    width: min(100% - 32px, 1240px) !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-hero-card,
  body.sfc-ui-v2-public-profile .sfc-wr-profile-identity,
  body.sfc-ui-v2-public-profile .sfc-wr-profile-rate-actions {
    align-items: flex-start !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-hero-card {
    flex-direction: column !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-rate-actions {
    width: 100% !important;
    margin-left: 0 !important;
    justify-content: space-between !important;
    text-align: left !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-body-grid {
    grid-template-columns: 1fr !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-side-panel {
    border-right: 0 !important;
    border-bottom: 1px solid var(--sfc-ui-border, #e7eaed) !important;
  }
}

@media (max-width: 640px) {
  body.sfc-ui-v2-public-profile .sfc-wr-profile-container {
    width: min(100% - 24px, 1240px) !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-hero-card,
  body.sfc-ui-v2-public-profile .sfc-wr-profile-content-panel,
  body.sfc-ui-v2-public-profile .sfc-wr-profile-side-panel,
  body.sfc-ui-v2-public-profile .sfc-wr-profile-sections > :where(.wr-asidebox, .wr-freelancerinfo, section),
  body.sfc-ui-v2-public-profile-employer .wrb-employer-profile-sections > :where(section, .wrb-employer-open-jobs-bottom, .wrb-employer-projects-bottom) {
    padding: 22px !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-identity {
    flex-direction: column !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-rate-actions,
  body.sfc-ui-v2-public-profile .sfc-wr-profile-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-actions :where(.wr-btn, .sfc-wr-message-btn, .sfc-wr-hire-btn) {
    width: 100% !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-actions .sfc-wr-save-btn {
    width: 100% !important;
  }

  body.sfc-ui-v2-public-profile .sfc-wr-profile-sections .wr-themeaccordion,
  body.sfc-ui-v2-public-profile .sfc-wr-profile-sections .wr-portfolio-wrapper,
  body.sfc-ui-v2-public-profile-employer :where(.wrb-employer-job-list, .wrb-employer-project-list) {
    grid-template-columns: 1fr !important;
  }
}

/* Keep Elementor responsible for the employer shortcode page's outer spacing. */
body.sfc-ui-v2-public-profile-employer .wrb-employer-profile-page.sfc-wr-freelancer-profile-page {
  padding: 0 !important;
}

/* v0.1.44: quieter About/Skills and clearer lower-section separation. */
body.sfc-ui-v2-public-profile .sfc-wr-profile-content-panel > .sfc-wr-profile-section {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-content-panel > .sfc-wr-profile-skills {
  margin-top: 28px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--sfc-ui-border, #e7eaed) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-content-panel > .sfc-wr-profile-section > :where(h2, h3) {
  margin-top: 0 !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-sections {
  gap: 24px !important;
  background: transparent !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-sections > :where(.wr-asidebox, .wr-freelancerinfo) {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-sections > :where(.wr-asidebox, .wr-freelancerinfo) + :where(.wr-asidebox, .wr-freelancerinfo) {
  margin-top: 0 !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-lower {
  gap: 18px !important;
  padding: 28px 30px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-lower > .sfc-wr-section-heading {
  margin: 0 !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--sfc-ui-border, #e7eaed) !important;
}

body.sfc-ui-v2-public-profile .sfc-wr-profile-lower .wr-tasklist,
body.sfc-ui-v2-public-profile .sfc-wr-profile-lower .wr-tasks-listv2,
body.sfc-ui-v2-public-profile .sfc-wr-profile-lower .row {
  margin-top: 0 !important;
}

@media (max-width: 640px) {
  body.sfc-ui-v2-public-profile .sfc-wr-profile-lower {
    padding: 22px !important;
  }
}