/* stylelint-disable */

/* ==========================================================================
   Progress Partners - Ashby job board
   One idea: a single page color everywhere.

   The app background is set to #F7F5FC (light tint of the banner purple),
   and every surface that ships white by default - job cards, filter boxes,
   the posting page panes, form containers and inputs - is made transparent
   so it shows that same page color. On Ashby's stock white page these
   surfaces are invisible; this simply restores that uniform look on the
   tinted background.

   Deliberately untouched (Ashby defaults): fonts, link colors, hover
   animations, buttons, and floating popups (dropdown results, date picker),
   which need their own solid background to be readable while open.
   ========================================================================== */

:root {
  /* Background color of the application */
  --colorAppBackground: #F7F5FC;
}

/* --------------------------------------------------------------------------
   Job board list - flat rows, no white cards.
   (Default hover highlight still works; it's Ashby's own rule.)
   -------------------------------------------------------------------------- */
.ashby-job-posting-brief {
  background: transparent;
}

/* Hover highlight - Ashby's default gray fill swapped for a lavender that
   matches the page tint (#F7F5FC page -> #EFEAFC hover). Same behavior,
   on-palette color. */
.ashby-job-posting-brief:hover {
  background: #EFEAFC;
}

/* Filter select boxes match the page color */
.ashby-job-board-filter {
  background: transparent;
}

/* --------------------------------------------------------------------------
   Job posting page - panes sit flat on the page
   -------------------------------------------------------------------------- */
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane,
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab,
.ashby-job-posting-description-container {
  background: transparent;
}

/* The header (with the logo) and the tab strip stay ON TOP of content while
   scrolling, so they need a solid fill - same color as the page, not
   transparent, or the text shows through behind the logo. */
.ashby-job-posting-header,
.ashby-job-posting-right-pane-tab-slider {
  background: var(--colorAppBackground);
}

/* --------------------------------------------------------------------------
   Application form - containers, the autofill box, and inputs match the page
   (borders stay, so fields remain clearly visible)
   -------------------------------------------------------------------------- */
.ashby-application-form-container,
.ashby-application-form-section-container,
.ashby-application-form-autofill-pane,
.ashby-application-form-autofill-input-root,
.ashby-application-form-input-text,
.ashby-application-form-input-textarea,
.ashby-application-form-input-dropdown,
.ashby-application-form-input-dropdown-select,
.ashby-application-form-input-date,
.ashby-application-form-input-autocomplete,
.ashby-application-form-input-file-dropzone,
.ashby-application-form-input-yesno-option,
.ashby-application-form-input-education-entry {
  background: transparent;
}

/* --------------------------------------------------------------------------
   Resume-autofill section. With the recruiting-consent block enabled, Ashby
   wraps this section (and the form) in extra containers that default to
   white - make the whole wrapper chain transparent so the section sits on
   the page color again. The autofill box keeps its own border.
   -------------------------------------------------------------------------- */
.ashby-application-form-autofill-uploader,
.ashby-application-form-autofill-input-base-layer,
div:has(> .ashby-application-form-autofill-pane),
div:has(> .ashby-application-form-autofill-uploader),
div:has(> .ashby-application-form-autofill-input-root),
div:has(> .ashby-application-form-container) {
  background: transparent;
}

/* --------------------------------------------------------------------------
   Submit area + recruiting policy link.
   The strip holding the policy link and the Submit button ships with a white
   background (invisible on Ashby's stock white page, a visible band on the
   tinted one). Paint it the page color - solid, not transparent, so it still
   covers content if the strip stays pinned while the form scrolls.
   -------------------------------------------------------------------------- */
div:has(> .ashby-application-form-submit-button),
div:has(.ashby-application-form-submit-button) {
  background: var(--colorAppBackground);
}

/* The white strip around the policy link itself - it sits BESIDE the submit
   button (not around it), so target containers in the form area that hold a
   link. Harmless for other matches: they just take the page color. */
.ashby-application-form-container div:has(a),
.ashby-job-posting-right-pane-application-tab div:has(a),
.ashby-job-posting-right-pane div:has(a),
.ashby-job-posting-right-pane footer:has(a) {
  background: var(--colorAppBackground);
}

/* --------------------------------------------------------------------------
   Links on the application form (recruiting policy link included) - brand
   purple to match the rest of the page, deep purple on hover. Scoped to the
   form area only, so tab labels keep Ashby's own active/inactive colors.
   -------------------------------------------------------------------------- */
.ashby-application-form-container a,
.ashby-job-posting-right-pane-application-tab a,
.ashby-application-blocking-disclosure a {
  color: #6130E2;
}

.ashby-application-form-container a:hover,
.ashby-job-posting-right-pane-application-tab a:hover,
.ashby-application-blocking-disclosure a:hover {
  color: #4C21BD;
}