@import url('https://fonts.cdnfonts.com/css/creato-display');

/* stylelint-disable */

/* kAIgentic brand-aligned Ashby careers CSS.
   Source of truth for tokens: https://kaigentic.com/wp-content/themes/kaigentic/style.css */

:root {
  /* Primary blue (kAIgentic .section-heading). Also wired through Ashby's theme settings. */
  --colorPrimary900: #0146AB;

  /* Bright blue accent. */
  --colorPrimary600: #056beb;

  /* Job board container width. */
  --widthMaxJobBoard: 880px;

  /* Container corner radius — matches homepage soft surfaces. */
  --borderRadiusContainer: 14px;

  /* Inputs stay slightly squared for readability. */
  --borderRadiusControl: 10px;

  /* Pill buttons, matches .btn-new on kaigentic.com. */
  --borderRadiusButton: 50px;

  /* Creato Display, with safe system fallbacks. */
  --fontFamily: 'Creato Display', "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;

  --colorAppBackground: #ffffff;
}

/* === Headings === */

.ashby-job-board-heading,
.ashby-job-posting-heading,
.ashby-job-posting-brief-title {
  font-family: 'Creato Display', sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  color: #0146AB;
}

.ashby-department-heading,
.ashby-job-posting-brief-department-heading {
  font-family: 'Creato Display', sans-serif;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #2e2e2e;
}

.ashby-application-form-section-header-title,
.ashby-application-form-question-title {
  font-family: 'Creato Display', sans-serif;
  font-weight: 400;
  color: #2e2e2e;
}

/* === Submit button — pill + dark gradient (.btn-new) === */

.ashby-application-form-submit-button {
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(5, 38, 86, 1) 50%, rgba(9, 77, 175, 1) 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 28px 12px 32px !important;
  font-family: 'Creato Display', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 0.3px;
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  cursor: pointer;
}

.ashby-application-form-submit-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(1, 70, 171, 0.25);
}

/* === Back-to-jobs button — outlined pill === */

.ashby-job-board-back-to-all-jobs-button {
  font-family: 'Creato Display', sans-serif;
  border-radius: 50px;
  border: 1px solid #0146AB;
  color: #0146AB;
  background: transparent;
  padding: 6px 16px;
  transition: 0.3s;
}

.ashby-job-board-back-to-all-jobs-button:hover {
  background: #0146AB;
  color: #ffffff;
}

/* === Job posting brief card === */

.ashby-job-posting-brief {
  background: #ffffff;
  border: 1px solid #f0f1f3;
  border-radius: 14px;
  padding: 18px 22px;
  margin-bottom: 14px;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.ashby-job-posting-brief:hover {
  border-color: #0146AB;
  box-shadow: 0 4px 16px rgba(1, 70, 171, 0.08);
}

/* === Form inputs and filters === */

.ashby-job-board-filter,
.ashby-application-form-field-entry input,
.ashby-application-form-field-entry textarea,
.ashby-application-form-field-entry select {
  font-family: 'Creato Display', sans-serif !important;
  border: 1px solid #d8dae0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

.ashby-application-form-field-entry input:focus,
.ashby-application-form-field-entry textarea:focus,
.ashby-application-form-field-entry select:focus,
.ashby-job-board-filter:focus {
  border-color: #0146AB !important;
  box-shadow: 0 0 0 3px rgba(1, 70, 171, 0.12) !important;
  outline: none !important;
}

/* === Filter labels and counts === */

.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label,
.ashby-job-board-heading-count {
  font-family: 'Creato Display', sans-serif;
  color: #72a1bb;
  font-weight: 400;
}

.ashby-job-board-reset-filters-label:hover {
  color: #0146AB;
  cursor: pointer;
}

/* === Autofill / success / failure / blocked containers === */

.ashby-application-form-autofill-input-root,
.ashby-application-form-success-container,
.ashby-application-form-failure-container,
.ashby-application-form-blocked-application-container {
  background: #f6f6f6;
  border-radius: 14px;
  font-family: 'Creato Display', sans-serif;
}

/* === Tab slider — brand blue underline === */

.ashby-job-posting-right-pane-tab-slider {
  background: #0146AB !important;
}