/* ─── Wrapper ──────────────────────────────────────────────────────────── */
.sss-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  /* height is set inline via shortcode */
}

/* ─── Track: the scrolling belt ────────────────────────────────────────── */
.sss-track {
  display: flex;
  align-items: center;
  width: max-content; /* shrink-wrap to content */
  will-change: transform;
  /* animation is applied by JS once widths are known */
}

/* ─── Individual image item ─────────────────────────────────────────────── */
.sss-item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.sss-item img {
  display: block;
  max-width: none; /* never constrain by parent */
  object-fit: cover;
}

.sss-item a {
  display: block;
  line-height: 0;
}

/* ─── Pause state ────────────────────────────────────────────────────────── */
.sss-wrapper.sss-paused .sss-track {
  animation-play-state: paused !important;
}

/* ─── "No images" fallback ───────────────────────────────────────────────── */
.sss-no-images {
  padding: 1em;
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
}