/* Fonts */
@font-face {
  font-family: "Alliance No 1";
  src: url("https://cdn.prod.website-files.com/66f40c40b0d838a32422f138/66f57a46b36a21338e89e13e_AllianceNo1Regular-8427321.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PP Supply Sans";
  src: url("https://cdn.prod.website-files.com/66f40c40b0d838a32422f138/6707d07f9306704365f94617_PPSupplySans-Ultralight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Theme tokens */
:root {
  --colorPrimary600: #FF6E42;
  --colorPrimary900: #FF8762;
  --colorNeutral100: #09090A;
  --colorAppBackground: #0d0e11;

  --fontFamily: "Alliance No 1", "Helvetica Neue", Arial, sans-serif;
  --widthMaxJobBoard: 2000px;
  --widthMaxContent: 2000px;

  --borderRadiusContainer: 2px;
  --borderRadiusControl: 2px;
  --borderRadiusButton: 2px;

  --borderWidthNormal: 1px;
  --borderWidthBold: 2px;

  --fontSizeSmall: 12px;
  --dividerColor: #2E2E31;
}

/* Base */
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane,
.ashby-job-posting-header,
.ashby-job-posting-brief,
.ashby-job-posting-brief-list,
.ashby-application-form-container,
.ashby-application-form-section-container,
.ashby-application-form-success-container,
.ashby-application-form-failure-container,
.ashby-survey-form-container {
  color: #e2e2e2;
  font-family: var(--fontFamily);
  background: transparent;
}

/* Background */
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane { background: var(--colorAppBackground); }

/* Headings */
.ashby-job-board-heading,
.ashby-job-posting-heading,
.ashby-job-posting-brief-title,
.ashby-department-heading,
.ashby-department-heading-level,
.ashby-application-form-section-header-title,
.ashby-application-form-question-title {
  font-family: "Alliance No 1", sans-serif;
  color: #e2e2e2;
  font-weight: 400;
}

/* Muted text */
.ashby-job-board-heading-count,
.ashby-application-form-question-description,
.ashby-application-form-section-header-description { color: #a0a0a0; }

/* Labels / small UI */
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label,
.ashby-job-posting-brief-department-heading,
.ashby-job-posting-brief-department-heading-level,
.ashby-department-heading,
.ashby-department-heading-level,
.ashby-job-posting-right-pane-application-tab,
.ashby-job-posting-right-pane-overview-tab {
  font-family: "PP Supply Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: .12rem;
  font-weight: 200;
  color: #a0a0a0;
  font-size: var(--fontSizeSmall);
  line-height: 1.2;
}

/* Buttons (filled) */
.ashby-application-form-submit-button,
.ashby-job-posting-right-pane [role="button"],
.ashby-job-board-back-to-all-jobs-button {
  font-family: "PP Supply Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: .08rem;
  border-radius: var(--borderRadiusButton);
  color: #fff;
}
.ashby-application-form-submit-button,
.ashby-job-posting-right-pane [role="button"] {
  background: var(--colorPrimary600);
  border: none;
}
.ashby-application-form-submit-button:hover,
.ashby-job-posting-right-pane [role="button"]:hover {
  background: var(--colorPrimary600) !important;
}

/* “All Jobs” button sizing/alignment */
.ashby-job-board-back-to-all-jobs-button {
  background: var(--colorPrimary600);
  border: none;
  font-size: var(--fontSizeSmall) !important;
  padding: 10px 10px 6px 10px !important; /* +2px top */
  line-height: 1.2;
  display: inline-flex; align-items: center; gap: 6px;
  margin-left: var(--spacingLarge, 24px); /* align with headline margin */
}
.ashby-job-board-back-to-all-jobs-button:hover { background: var(--colorPrimary600) !important; }
.ashby-job-board-back-to-all-jobs-button svg {
  width: 12px; height: 12px; fill: currentColor !important; stroke: currentColor !important;
}

/* Outlined buttons (Upload File, etc.) */
.ashby-application-form-autofill-uploader button,
.ashby-application-form-autofill-input-base-layer button,
.ashby-application-form-autofill-pane button {
  background: transparent;
  color: var(--colorPrimary600);
  border: var(--borderWidthNormal) solid var(--colorPrimary600);
  border-radius: var(--borderRadiusButton);
  font-family: "PP Supply Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: .08rem;
}
.ashby-application-form-autofill-uploader button:hover,
.ashby-application-form-autofill-input-base-layer button:hover,
.ashby-application-form-autofill-pane button:hover {
  background: var(--colorPrimary600) !important;
  color: #ffffff !important;
}

/* Yes/No segmented buttons in fields: 1px border */
.ashby-application-form-field-entry button {
  border-width: var(--borderWidthNormal) !important;
}

/* Spacing */
.ashby-job-posting-brief { margin-bottom: 10px; }

/* Active tab underline */
.ashby-job-posting-right-pane-tab-slider { background: var(--colorPrimary600); }

/* Remove shadows */
.ashby-job-board-filter,
.ashby-application-form-field-entry input,
.ashby-application-form-field-entry textarea,
.ashby-application-form-field-entry select,
.ashby-application-form-submit-button,
.ashby-job-board-back-to-all-jobs-button,
.ashby-job-posting-brief,
.ashby-job-posting-right-pane-tab-slider,
.ashby-job-posting-header { box-shadow: none !important; filter: none !important; }

/* Job card hover */
.ashby-job-posting-brief:hover,
.ashby-job-posting-brief-details:hover { background: #09090A; }

/* Underlined fields */
.ashby-application-form-field-entry input,
.ashby-application-form-field-entry textarea,
.ashby-application-form-field-entry select {
  background: transparent; color: #e2e2e2;
  border: none; border-bottom: 1px solid var(--dividerColor);
  border-radius: 0; padding: 10px 0; box-shadow: none; outline: none;
}
.ashby-application-form-field-entry input:focus,
.ashby-application-form-field-entry textarea:focus,
.ashby-application-form-field-entry select:focus {
  border-bottom-color: var(--colorPrimary600); box-shadow: none; outline: none;
}
.ashby-application-form-field-entry input::placeholder,
.ashby-application-form-field-entry textarea::placeholder { color: #8a8a8a; }

/* Top filters: underlined style, no extra caret */
.ashby-job-board-filter {
  background: transparent; color: #e2e2e2;
  border: none; border-bottom: 1px solid var(--dividerColor);
  border-radius: 0; padding: 8px 22px 8px 0;
  box-shadow: none; outline: none; -webkit-appearance: none; appearance: none;
  background-image: none !important;
}
.ashby-job-board-filter::before,
.ashby-job-board-filter::after { content: none !important; }
.ashby-job-board-filter::-ms-expand { display: none; }
.ashby-job-board-filter:focus,
.ashby-job-board-filter[aria-expanded="true"] { border-bottom-color: #ffffff !important; }
.ashby-job-board-filter option {
  background: #09090A; color: #e2e2e2; line-height: 1.6; padding: 6px 10px;
}

/* h2 headings: orange + small */
.ashby-job-posting-left-pane h2,
.ashby-job-posting-right-pane h2 {
  color: var(--colorPrimary600) !important;
  font-size: var(--fontSizeSmall) !important;
  font-family: "Alliance No 1", sans-serif;
  font-weight: 400;
}

/* Tabs typography size */
.ashby-job-posting-right-pane-application-tab,
.ashby-job-posting-right-pane-overview-tab {
  font-size: var(--fontSizeSmall) !important;
  line-height: 1.2;
}

/* Right-pane content card transparent */
.ashby-job-posting-right-pane [role="tabpanel"] {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Left-pane dividers darker */
.ashby-job-posting-left-pane,
.ashby-job-posting-left-pane * { border-color: var(--dividerColor) !important; }
.ashby-job-posting-left-pane hr,
.ashby-job-posting-left-pane [role="separator"] {
  background-color: var(--dividerColor) !important;
  color: var(--dividerColor) !important;
}

/* Autofill card: move white bg to inner base layer only */
.ashby-application-form-autofill-input-root {
  background: transparent !important;
  border: none !important;
}
.ashby-application-form-autofill-input-base-layer {
  background: #ffffff !important;
  border-radius: var(--borderRadiusContainer) !important; /* 2px */
  border: none !important;
}

/* Autofill: move white bg from pane → input root */
.ashby-application-form-autofill-pane {
  background: transparent !important;
  border: none !important;
}

.ashby-application-form-autofill-input-root {
  background: #ffffff !important;
  border-radius: var(--borderRadiusContainer) !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ensure the base layer itself stays transparent so the white
   doesn’t extend past the 2px radius of the root */
.ashby-application-form-autofill-input-base-layer {
  background: transparent !important;
  border: none !important;
}

/* Department headings: force brand orange */
.ashby-department-heading,
.ashby-department-heading-level,
.ashby-job-posting-brief-department-heading,
.ashby-job-posting-brief-department-heading-level {
  color: var(--colorPrimary600) !important;
}

/* 1) "Apply for this Job" button → match Submit (PP Supply Sans, orange fill) */
.ashby-job-posting-right-pane [role="tabpanel"][aria-labelledby="job-overview"] button {
  font-family: "PP Supply Sans", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .08rem;
  background: var(--colorPrimary600) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--borderRadiusButton) !important;
}
.ashby-job-posting-right-pane [role="tabpanel"][aria-labelledby="job-overview"] button:hover {
  background: var(--colorPrimary600) !important;
}

/* 2) Add dark divider under each job list section */
.ashby-job-posting-brief-list a {
  border-bottom: 1px solid var(--dividerColor, #2E2E31);
}

/* (Reinforce in case something resets it) Department headings = orange */
.ashby-department-heading,
.ashby-department-heading-level {
  color: var(--colorPrimary600) !important;
}

.ashby-job-posting-brief-title {
  font-size: var(--fontSizeXxlarge);
}

.ashby-job-posting-brief-details {
  margin-top: var(--spacingXsmall);
}

.ashby-job-posting-brief {
  padding: var(--spacingNormal) var(--spacingNormal);
}

.ashby-job-board-filter option {
  padding-block: 8px;
  padding-inline: 12px;
  line-height: 1.45;
}

/* Inputs, textareas, selects inside Ashby fields */
.ashby-application-form-field-entry input:focus,
.ashby-application-form-field-entry input:focus-visible,
.ashby-application-form-field-entry textarea:focus,
.ashby-application-form-field-entry textarea:focus-visible,
.ashby-application-form-field-entry select:focus,
.ashby-application-form-field-entry select:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Some templates add focus to the wrapper */
.ashby-application-form-field-entry:focus-within {
  outline: none !important;
  box-shadow: none !important;
}

/* Job description tabs bar: dark background */
.ashby-job-posting-right-pane [role="tablist"] {
  background: var(--colorAppBackground) !important; /* #0d0e11 */
  box-shadow: none !important;
  border-radius: 0 !important;
  border: 0 !important;
  /* optional subtle separator under the bar */
  border-bottom: 1px solid var(--dividerColor, #2E2E31) !important;
}

/* Make the individual tab buttons transparent on the dark bar */
.ashby-job-posting-right-pane-application-tab,
.ashby-job-posting-right-pane-overview-tab {
  background: transparent !important;
}

/* Keep the active underline in brand orange (already set) */
.ashby-job-posting-right-pane-tab-slider {
  background: var(--colorPrimary600) !important;
}

/* Autofill confirmation (positive) — green bg + dark-gray text */
.ashby-application-form-autofill-input-form-alert[data-highlight="positive"] {
  background: #aaddaa !important;
  color: #1f1f1f !important;
  border: none !important;
}

/* Ensure both the alert title and body copy are dark-gray */
.ashby-application-form-autofill-input-form-alert[data-highlight="positive"] h2,
.ashby-application-form-autofill-input-form-alert[data-highlight="positive"] p {
  color: #1f1f1f !important;
  font-family: "Alliance No 1", sans-serif;
}