/* Pager (pager.html.twig): <nav class="sv-pager" aria-label="Pagination">. */

.sv-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--sv-space-3) var(--sv-space-4);
  margin-top: var(--sv-space-4);
}
.sv-pager__summary {
  margin: 0;
  color: var(--sv-color-text-muted);
  font-size: var(--sv-text-sm);
  font-variant-numeric: tabular-nums;
}
.sv-pager__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sv-space-1);
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none;
}
.sv-pager__items li { margin: 0; }
.sv-pager__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sv-space-1);
  min-width: var(--sv-control-height);
  min-height: var(--sv-control-height);
  padding: 0 var(--sv-space-2);
  border: 1px solid transparent;
  border-radius: var(--sv-radius-md);
  color: var(--sv-color-text);
  font-size: var(--sv-text-sm);
  font-weight: var(--sv-weight-medium);
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
.sv-pager__link:hover {
  border-color: var(--sv-color-border-strong);
  background: var(--sv-color-surface);
  text-decoration: none;
}
.sv-pager__link[aria-current="page"] {
  border-color: var(--sv-color-primary);
  background: var(--sv-color-primary);
  color: var(--sv-color-on-primary);
}
.sv-pager__ellipsis { padding: 0 var(--sv-space-1); color: var(--sv-color-text-muted); }
@media (max-width: 47.99em) {
  .sv-pager { justify-content: center; }
  .sv-pager__items { margin: 0; }
  .sv-pager__item--page:not(.is-active),
  .sv-pager__ellipsis { display: none; }
  .sv-pager__text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
}