/* ==========================================================
   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');

/* ------------------------------
   TYPOGRAPHY / BASE TEXT
   (Apply Lexend 300 + #333 to key content containers only)
   ------------------------------ */
.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;
  letter-spacing: 0.01em;
}

/* ------------------------------
   HEADERS HIERARCHY (BY CLASS)
   ------------------------------ */
/* H1 equivalent – Main board heading: gray + 600 */
.ashby-job-board-heading {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #333333;
  font-weight: 600;
}

/* H2 equivalent – Job posting titles (teal + 600) */
.ashby-job-posting-brief-title,
.ashby-job-posting-heading {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #25B4AD;
  font-weight: 600;
}

/* H3 equivalent – Department headings (orange + 500) */
.ashby-department-heading,
.ashby-job-posting-brief-department-heading {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #F79141;
  font-weight: 500;
}

/* H4 equivalent – Team / level headings (red + 500) */
.ashby-department-heading-level,
.ashby-job-posting-brief-department-heading-level {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #EA654E;
  font-weight: 500;
}

/* H5–H6 equivalent – Supporting headers (black + 400) */
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label,
.ashby-application-form-section-header-title {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #000000;
  font-weight: 400;
}

/* Section header descriptions keep body styling */
.ashby-application-form-section-header-description,
.ashby-application-form-question-description {
  color: #333333;
  font-weight: 300;
}

/* Application form question titles can read like subheaders */
.ashby-application-form-question-title {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #25B4AD; /* align with H2 color for emphasis */
  font-weight: 600;
}

/* ------------------------------
   COUNTS / BADGES
   ------------------------------ */
.ashby-job-board-heading-count {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #25B4AD;
  font-weight: 600;
}

/* ------------------------------
   FILTERS / CONTROLS
   ------------------------------ */
.ashby-job-board-filter {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #333333;
  font-weight: 300;
  border-radius: 10px;
}

/* ------------------------------
   BUTTONS
   ------------------------------ */
/* Back-to-all-jobs button & Submit button share the same style */
.ashby-job-board-back-to-all-jobs-button,
.ashby-application-form-submit-button {
  font-family: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  background-color: #25B4AD;
  color: #ffffff;
  border-radius: 10px; /* uses Ashby var default; matching ours */
  box-shadow: 0 4px 10px #0C998F33;
  transition: all 0.25s ease-in-out;
}

.ashby-job-board-back-to-all-jobs-button:hover,
.ashby-application-form-submit-button:hover {
  background-color: #0C998F;
  box-shadow: 0 4px 12px #0C998F55;
}

/* ------------------------------
   LAYOUT TWEAKS
   ------------------------------ */
.ashby-job-posting-brief {
  margin-bottom: 10px; /* keep from sample */
}

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

  .ashby-application-form-question-title { font-size: 1.05rem; }
}