/* ==========================================================
   Miaplaza Job Board – Custom Theme
   By: Isaac Albanese with ChatGPT
   Description: Applies Lexend font family and Miaplaza brand colors
   with refined header hierarchy (Ashby-compliant selectors only)
   ========================================================== */

/* Load Lexend */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');

/* ------------------------------
   BASE TEXT
   ------------------------------ */
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane,
.ashby-job-posting-brief,
.ashby-job-posting-brief-details,
.ashby-job-posting-brief-list,
.ashby-application-form-container,
.ashby-application-form-section-container,
.ashby-application-form-section-header,
.ashby-application-form-autofill-pane,
.ashby-survey-form-container,
.ashby-application-form-success-container,
.ashby-application-form-failure-container,
.ashby-application-form-blocked-application-container {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #333333;
  font-weight: 300;
}

/* ------------------------------
   HEADERS
   ------------------------------ */

/* H1 – Job board heading */
.ashby-job-board-heading {
  color: #333333;
  font-weight: 600;
}

/* H2 – Job titles */
.ashby-job-posting-brief-title,
.ashby-job-posting-heading {
  color: #25B4AD;
  font-weight: 600;
}

/* H3 – Department headings (ORANGE) */
.ashby-department-heading,
.ashby-job-posting-brief-department-heading {
  color: #F79141;
  font-weight: 500;
}

/* H4 – Team / level headings (RED) */
.ashby-department-heading-level,
.ashby-job-posting-brief-department-heading-level {
  color: #EA654E;
  font-weight: 500;
}

/* H5–H6 – Supporting headers */
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label,
.ashby-application-form-section-header-title {
  color: #000000;
  font-weight: 400;
}

/* Application form question titles */
.ashby-application-form-question-title {
  color: #25B4AD;
  font-weight: 600;
}

/* Descriptions */
.ashby-application-form-section-header-description,
.ashby-application-form-question-description {
  color: #333333;
  font-weight: 300;
}

/* ------------------------------
   BUTTONS (NO SHADOW)
   ------------------------------ */
.ashby-job-board-back-to-all-jobs-button,
.ashby-application-form-submit-button {
  background-color: #25B4AD;
  color: #ffffff;
  box-shadow: none;
  font-weight: 500;
}

/* Ensure SVG back arrow is visible */
.ashby-job-board-back-to-all-jobs-button svg path {
  fill: #ffffff;
}

/* ------------------------------
   RESPONSIVE
   ------------------------------ */
@media (max-width: 768px) {
  .ashby-job-posting-heading,
  .ashby-job-posting-brief-title {
    font-size: 1.15rem;
  }
}
