/* ============================================================
   Erigo Core — list slider (F03, Lastuvka 002/4+5)
   ============================================================
   Career list ("Slider" checkbox in the Display tab): `columns` cards are visible,
   the rest scrolls sideways (scroll-snap, dots from behaviors/slider.js).
   Loaded on demand through <f:asset.css> only when a list actually renders as a
   slider; nothing per client, all values from --erigo-* tokens with fallbacks.
   ============================================================ */

/* The grid rule `.career-list.columns-N .career-list__grid` (display: grid) is more
   specific than `.erigo-slider-active`, so the slider needs its own, stronger selector. */
.career-list .career-list__grid.erigo-slider-active {
  display: flex;
  grid-template-columns: none;
  gap: var(--erigo-space-md, 1.5rem);
}

.career-list .career-list__grid.erigo-slider-active > * {
  flex: 0 0 clamp(15rem, 78%, 22rem);
  height: auto;
}

@media (min-width: 768px) {
  .career-list .career-list__grid.erigo-slider-active > * {
    flex: 0 0 calc(
      (100% - (var(--erigo-slider-columns, 3) - 1) * var(--erigo-space-md, 1.5rem)) /
        var(--erigo-slider-columns, 3)
    );
  }
}

/* "Seznam" layout: a plain UL-LI of links (footer, home page). */
.career-list__links {
  margin: 0;
  padding: 0;
  list-style: none;
  column-gap: var(--erigo-space-lg, 2rem);
  column-count: var(--career-links-columns, 1);
}

.career-list__links-item {
  break-inside: avoid;
  padding-block: var(--erigo-space-3xs, 0.25rem);
}