/* Job Wizard additions */

/* Recruiter wizard: stepper num is bold (seeker uses 600 from shared) */
#company-job-wizard .job-wizard__num { font-weight: 700; }


#company-job-wizard .job-wizard-workplace-none-row,
#company-job-wizard .job-wizard-driving-license-none-row,
#company-job-wizard .salary-confidential-toggle {
  margin-left: 6px;
  margin-top: 19px;
}

#company-job-wizard .job-wizard-driving-license-none-label,
#company-job-wizard .job-wizard-inline-checkbox-label,
#company-job-wizard .salary-confidential-toggle .job-wizard-inline-checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-weight: 600;
  cursor: pointer;
}

#company-job-wizard .job-wizard-driving-license-none-label:hover,
#company-job-wizard .job-wizard-inline-checkbox-label:hover,
#company-job-wizard .salary-confidential-toggle .job-wizard-inline-checkbox-label:hover {
  border: 0;
  background: transparent;
  box-shadow: none;
}

#company-job-wizard .job-wizard-driving-license-none-label input[type="checkbox"],
#company-job-wizard .job-wizard-inline-checkbox-label input[type="checkbox"],
#company-job-wizard .salary-confidential-toggle .job-wizard-inline-checkbox-label input[type="checkbox"] {
  position: static;
  width: 18px;
  height: 18px;
  margin: 0;
  opacity: 1;
  accent-color: var(--wp--preset--color--accent-1);
  cursor: pointer;
}

#company-job-wizard .job-wizard-driving-license-none-label span,
#company-job-wizard .job-wizard-inline-checkbox-label span,
#company-job-wizard .salary-confidential-toggle .job-wizard-inline-checkbox-label span {
  display: inline;
}

#company-job-wizard .languages-select-wrap {
  width: 100%;
}


@media screen and (max-width: 781px) {
  #company-job-wizard .job-wizard-workplace-none-row,
  #company-job-wizard .job-wizard-driving-license-none-row,
  #company-job-wizard .salary-confidential-toggle {
    width: 100%;
    margin-left: 0;
  }
}


/* ── Step 1 — locked job title (chip style, mirrors seeker) ─────────────── */

#company-job-wizard .block-content--job-title.is-locked {
    justify-content: center;
}

#company-job-wizard .job-wizard-step-1__job-titles-locked {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

#company-job-wizard .job-wizard-step-1__job-titles-locked.is-locking {
    animation: j50WizardWobbleTop .82s cubic-bezier(.175, .885, .32, 1.12);
    transform-origin: center top;
}

#company-job-wizard .job-wizard-step-1__job-title-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 20px;
    border-radius: 9999em;
    background: var(--wp--preset--color--accent-1);
    color: #fff;
    font-family: var(--j50-font-display, "Google Sans Flex", Inter, system-ui, sans-serif);
    font-size: clamp(16px, 2vw, 19px);
    line-height: 1.25;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}


#company-job-wizard #fieldset_industry .ts-wrapper {
  width: 100%;
}


/* Workplace TomSelect visuals are centralized in job50-core/assets/shared-wizard.css.
   This plugin keeps only workflow-specific layout/visibility rules. */
:is(#company-job-wizard, #company-job-search-wizard) .js-workplace-state-wrap[hidden],
:is(#company-job-wizard, #company-job-search-wizard) .js-workplace-city-wrap[hidden] {
    display: none !important;
}

/* ── Tom Select featured chips / exclusive option source handling ─────────── */
.ts-dropdown .job50-ts-source-hidden {
  display: none !important;
}

.ts-dropdown .job50-ts-option-disabled {
  opacity: .45 !important;
  pointer-events: none !important;
}


/* ── Salary range bubbles: merge labels when min/max values overlap ───────── */
#company-job-wizard .salary-range-slider {
  overflow: visible;
}

#company-job-wizard .salary-range-bubble-merged {
  opacity: 0;
  z-index: 6;
  white-space: nowrap;
  pointer-events: none;
}

#company-job-wizard .salary-range-wrapper.is-salary-bubbles-merged .js-salary-bubble-low,
#company-job-wizard .salary-range-wrapper.is-salary-bubbles-merged .js-salary-bubble-high {
  opacity: 0;
}

#company-job-wizard .salary-range-wrapper.is-salary-bubbles-merged .salary-range-bubble-merged {
  opacity: 1;
}


/* ── Step 3 select / Tom Select text: prevent clipped descenders without increasing field height ── */
/* Native select closed-state typography is centralized in job50-core/shared-wizard.css. */
:is(#company-job-wizard, #company-job-search-wizard) .ts-wrapper.single .ts-control,
:is(#company-job-wizard, #company-job-search-wizard) .ts-wrapper.multi .ts-control {
  line-height: 1.35;
}

:is(#company-job-wizard, #company-job-search-wizard) .ts-wrapper.single .ts-control .item,
:is(#company-job-wizard, #company-job-search-wizard) .ts-wrapper.multi .ts-control > div,
:is(#company-job-wizard, #company-job-search-wizard) .ts-dropdown .option,
:is(#company-job-wizard, #company-job-search-wizard) .ts-dropdown .create,
:is(#company-job-wizard, #company-job-search-wizard) .job50-ts-featured-chip {
  line-height: 1.35 !important;
  padding-top: 7px;
  padding-bottom: 7px;
}

/* ── Mobile salary range: stable two-handle noUiSlider ──────────────────── */
#company-job-wizard .job50-salary-mobile-range {
  display: none;
}

@media (max-width: 781px), (max-width: 1024px) and (max-height: 500px) {
  #company-job-wizard #fieldset_salary .salary-range-slider {
    display: none !important;
  }

  #company-job-wizard #fieldset_salary .job50-salary-mobile-range:not([hidden]) {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0 10px 6px;
  }

  #company-job-wizard .job50-salary-mobile-range__value {
    display: block;
    width: 100%;
    min-height: 1.2em;
    margin: 0 0 22px;
    color: #333;
    font-family: inherit;
    font-size: clamp(16px, 4.2vw, 22px);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }

  #company-job-wizard .job50-salary-mobile-range__slider.noUi-target {
    height: 6px;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: #d3d3d3;
    box-shadow: none;
  }

  #company-job-wizard .job50-salary-mobile-range__slider .noUi-connects {
    border-radius: inherit;
  }

  #company-job-wizard .job50-salary-mobile-range__slider .noUi-connect {
    background: var(--wp--preset--color--accent-1);
  }

  #company-job-wizard .job50-salary-mobile-range__slider.noUi-horizontal .noUi-handle {
    top: -19px;
    right: -22px;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    cursor: grab;
  }

  #company-job-wizard .job50-salary-mobile-range__slider.noUi-horizontal .noUi-handle:active {
    cursor: grabbing;
  }

  #company-job-wizard .job50-salary-mobile-range__slider .noUi-handle::before,
  #company-job-wizard .job50-salary-mobile-range__slider .noUi-handle::after {
    display: none;
  }

  #company-job-wizard .job50-salary-mobile-range__slider .noUi-touch-area {
    position: relative;
    border-radius: 50%;
  }

  #company-job-wizard .job50-salary-mobile-range__slider .noUi-touch-area::before {
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: var(--wp--preset--color--accent-1);
    content: "";
  }
}