/* stylelint-disable */

/* ---------- Brand variables ---------- */
:root {
  /* Primary (clickable/active) — tuned for contrast on white with white text */
  --colorPrimary600: #D03C84; /* Jua Hot Pink (#E34290) darkened for AA */

  /* Brand dark (hover/focus/pressed) */
  --colorPrimary900: #752D88; /* Jua Purple */

  /* Subtle surface + accents */
  --colorPeachBg: #FEF0E6;    /* Jua Peach */
  --colorOrange: #FABD8F;     /* Jua Orange */

  /* Base */
  --widthMaxJobBoard: 800px;
  --borderRadiusContainer: 12px;
  --borderRadiusControl: 10px;
  --borderRadiusButton: 10px;
  --fontFamily: "Whitney SSm", -apple-system, BlinkMacSystemFont, "Segoe UI",
                Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}

/* NOTE:
   Ashby only allows whitelisted classes. Removed selectors like `body`,
   `.ashby-embed-root`, `.ashby-job-board-container` to avoid validation errors.
*/

/* ---------- Layout / container ---------- */
.ashby-job-board-heading,
.ashby-job-posting-header {
  font-family: var(--fontFamily);
}

.ashby-job-posting-brief-list {
  max-width: var(--widthMaxJobBoard);
  margin: 0 auto;
  border-radius: var(--borderRadiusContainer);
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* Apply a soft peach background to panels we control instead of page root */
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane {
  background: var(--colorPeachBg);
  border-radius: var(--borderRadiusContainer);
}

/* ---------- Links, buttons, interactive states ---------- */
.ashby-job-posting-brief-title a,
.ashby-job-board-reset-filters-label {
  color: var(--colorPrimary600);
  text-decoration: none;
}

.ashby-job-posting-brief-title a:hover,
.ashby-job-board-reset-filters-label:hover {
  color: var(--colorPrimary900);
}

/* Primary buttons (Apply / Submit / Tabs active indicator) */
.ashby-application-form-submit-button,
.ashby-job-posting-right-pane-tab-slider [data-state="active"],
.ashby-job-board-filter [data-variant="primary"] {
  background: var(--colorPrimary600);
  color: #fff;
  border-radius: var(--borderRadiusButton);
  border: 0;
}
.ashby-application-form-submit-button:hover,
.ashby-job-posting-right-pane-tab-slider [data-state="active"]:hover,
.ashby-job-board-filter [data-variant="primary"]:hover {
  background: var(--colorPrimary900);
}

/* Secondary/ghost buttons */
.ashby-job-board-filter,
.ashby-job-board-back-to-all-jobs-button {
  border-radius: var(--borderRadiusButton);
}
.ashby-job-board-back-to-all-jobs-button {
  color: var(--colorPrimary600);
}
.ashby-job-board-back-to-all-jobs-button:hover {
  color: var(--colorPrimary900);
}

/* ---------- Item rows ---------- */
.ashby-job-posting-brief {
  margin-bottom: 0;
  border-bottom: 1px solid var(--colorOrange); /* soft brand divider */
  padding: 18px 20px;
}
.ashby-job-posting-brief:last-child {
  border-bottom: 0;
}

/* Job titles */
.ashby-job-posting-brief-title {
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* ---------- Tabs (Overview / Application) ---------- */
.ashby-job-posting-right-pane-tab-slider {
  --tabHeight: 40px;
}
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab {
  min-height: var(--tabHeight);
}
.ashby-job-posting-right-pane-tab-slider [data-state="active"] {
  /* active tab uses primary; hover goes to brand dark via rules above */
  background: var(--colorPrimary600);
  color: #fff;
  border-radius: 999px;
}

/* ---------- Form controls ---------- */
input, select, textarea {
  border-radius: var(--borderRadiusControl);
}
input:focus, select:focus, textarea:focus {
  outline: 2px solid var(--colorPrimary600);
  box-shadow: 0 0 0 3px rgba(208, 60, 132, 0.18); /* #D03C84 alpha */
}

/* ---------- Alerts (example) ---------- */
.ashby-application-form-autofill-input-form-alert[data-highlight="positive"] {
  border-left: 4px solid var(--colorPrimary600);
}
.ashby-application-form-autofill-input-form-alert[data-highlight="negative"] {
  border-left: 4px solid var(--colorPrimary900);
}