@charset "UTF-8";

/* =========================
   VARIABLES
========================= */
:root {
  --colorPrimary900: #BD0519;
  --colorPrimary600: #171717;

  --fontHeading: "Kesslertext Trial", serif;
  --fontBody: "ABC Diatype Trial", Arial, sans-serif;

  --borderRadiusButton: 8px;
  --borderRadiusContainer: 8px;
  --borderRadiusControl: 8px;

  --widthMaxJobBoard: 800px;

  --colorAppBackground: transparent;
}


/* Declare layer order — redpine wins over ashby-default */
@layer ashby-default, redpine;


@layer redpine {

  /* =========================
     GLOBAL — body font + dark color
  ========================= */
  .ashby-application-form-autofill-input-base-layer,
  .ashby-application-form-autofill-input-description,
  .ashby-application-form-autofill-input-form-alert,
  .ashby-application-form-autofill-input-icon,
  .ashby-application-form-autofill-input-root,
  .ashby-application-form-autofill-input-title,
  .ashby-application-form-autofill-pane,
  .ashby-application-form-autofill-uploader,
  .ashby-application-form-blocked-application-container,
  .ashby-application-form-container,
  .ashby-application-form-failure-container,
  .ashby-application-form-field-entry,
  .ashby-application-form-question-description,
  .ashby-application-form-question-title,
  .ashby-application-form-section-container,
  .ashby-application-form-section-header,
  .ashby-application-form-section-header-description,
  .ashby-application-form-section-header-title,
  .ashby-application-form-success-container,
  .ashby-application-form-texting-consent-description,
  .ashby-job-board-filter,
  .ashby-job-board-heading-count,
  .ashby-job-posting-brief,
  .ashby-job-posting-brief-details,
  .ashby-job-posting-brief-list,
  .ashby-job-posting-header,
  .ashby-job-posting-left-pane,
  .ashby-job-posting-right-pane,
  .ashby-job-posting-right-pane-application-tab,
  .ashby-job-posting-right-pane-overview-tab,
  .ashby-job-posting-right-pane-tab-slider,
  .ashby-survey-form-container {
    font-family: var(--fontBody);
    color: var(--colorPrimary600);
  }


  /* =========================
     HEADINGS — Kesslertext + red
  ========================= */
  .ashby-job-board-heading,
  .ashby-job-posting-heading,
  .ashby-job-posting-brief-title,
  .ashby-department-heading,
  .ashby-department-heading-level,
  .ashby-job-posting-brief-department-heading,
  .ashby-job-posting-brief-department-heading-level {
    font-family: var(--fontHeading);
    color: var(--colorPrimary900);
    letter-spacing: -0.01em;
  }

  .ashby-job-board-heading {
    font-size: 2rem;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin-bottom: 1rem;
  }

  .ashby-job-posting-brief-title {
    font-weight: 500;
    line-height: 1.2;
  }


  /* =========================
     FILTERS
  ========================= */
  .ashby-job-board-filter {
    font-family: var(--fontBody);
    color: var(--colorPrimary600);
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: var(--borderRadiusControl);
    transition: border-color 0.2s ease;
    cursor: pointer;
  }

  .ashby-job-board-filter:hover {
    border-color: var(--colorPrimary900);
  }

  .ashby-job-board-filter:focus {
    outline: none;
    border-color: var(--colorPrimary900);
    box-shadow: 0 0 0 2px rgba(189, 5, 25, 0.12);
  }

  .ashby-job-board-filters-label {
    font-family: var(--fontBody);
    font-weight: 600;
    color: var(--colorPrimary900);
  }

  .ashby-job-board-reset-filters-label {
    font-family: var(--fontBody);
    color: var(--colorPrimary900);
    text-decoration: underline;
    cursor: pointer;
  }


  /* =========================
     BUTTONS
  ========================= */
  .ashby-application-form-submit-button,
  .ashby-job-board-back-to-all-jobs-button {
    font-family: var(--fontBody);
    background-color: var(--colorPrimary900);
    color: #fff;
    border-radius: var(--borderRadiusButton);
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    text-decoration: none;
  }

  .ashby-application-form-submit-button:hover,
  .ashby-job-board-back-to-all-jobs-button:hover {
    background-color: var(--colorPrimary600);
  }


  /* =========================
     CARDS
  ========================= */
  .ashby-job-posting-brief {
    border-radius: var(--borderRadiusContainer);
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 1rem;
    transition: box-shadow 0.2s ease;
  }

  .ashby-job-posting-brief:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  }

}