/* Job-board grid cards (/vacancies) — scoped overrides. Do NOT touch the theme bundle. */

/* Bootstrap .card sets word-wrap: break-word, which splits words character-by-character
   when the inner columns get narrow (3 cards per row on md/lg widths). Cancel it here. */
.vacancy-card,
.vacancy-card * {
  overflow-wrap: normal;
  word-wrap: normal;
  word-break: normal;
}

/* Allow only genuinely-too-long tokens to wrap (between is fine), without per-char breaks. */
.vacancy-card .card-label,
.vacancy-card .font-weight-bolder {
  overflow-wrap: break-word;
}

/* Bootstrap 4 / theme bundle has no min-width utility — needed so long titles wrap
   inside the flex header instead of distending it. */
.vacancy-card .min-w-0 {
  min-width: 0;
}

/* Spacing between job-board cards.
   Each card is a direct col-* child of .row, so the white .card box fills the column
   edge-to-edge and neighbours touch. Fix: move the visible surface (bg/border/radius)
   onto .card-body — which sits inside the column's 15px gutter — and turn the column
   itself into a transparent spacer. Result: ~30px horizontal gap with the outer card
   edges still flush to the container; vertical gap via margin-bottom. */
.vacancy-card {
  margin-bottom: 1.5rem;          /* vertical gap between rows */
  background-color: transparent;
  border: 0;
}
.vacancy-card > .card-body {
  background-color: #ffffff;
  border: 1px solid #EBEDF3;
  border-radius: 0.42rem;
}