/* Qonto job board - card layout (inspired by Mistral)
 * Colors: NOT overridden. Primary colors come from Ashby admin theme settings.
 * Only uses classes listed in Ashby's official example:
 * https://www.ashbyhq.com/job_board_example_css/full-job-board.css
 */

:root {
  --borderRadiusContainer: 10px;
}

/* Space between departments + separator line under each department/team name.
 * Targets both naming variants Ashby lists, since the job list page
 * may use .ashby-department-heading rather than the -brief- one. */
.ashby-department-heading {
  margin-top: 40px !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #E5E5E5 !important;
}

/* Each job = a card */
.ashby-job-posting-brief {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Hover = Qonto primary color border (pulled from admin theme).
 * If Ashby rejects the upload, delete this block first. */
.ashby-job-posting-brief:hover {
  border-color: var(--colorPrimary600);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Job title + subtitle spacing */
.ashby-job-posting-brief-title {
  margin-bottom: 4px;
}

.ashby-job-posting-brief-details {
  opacity: 0.8;
}