/* snps/_pagination — vertical-side pager for the research results list */
.snp-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-8);
  margin-top: var(--spacing-32);
}

.snp-pagination-summary {
  width: 100%;
  text-align: center;
  margin-bottom: var(--spacing-8);
  color: var(--text-tertiary);
  font-size: var(--font-size-14);
  line-height: 1.25rem;
}

.snp-pagination-link,
.snp-pagination-current,
.snp-pagination-gap {
  min-width: 2rem;
  padding-inline: var(--spacing-8);
  padding-block: var(--spacing-4);
  border-radius: var(--corner-radius-sm);
  font-size: var(--font-size-14);
  line-height: 1.25rem;
  text-align: center;
}

.snp-pagination-link {
  color: var(--text-secondary);
  background-color: var(--background-surface-1);
  border-width: var(--stroke-weight-1);
  border-style: solid;
  border-color: var(--border-default);
  transition-property: color, background-color, border-color;
  transition-duration: 150ms;
}

.snp-pagination-link:hover {
  color: var(--text-primary);
  border-color: var(--border-strong);
}

.snp-pagination-link--disabled {
  color: var(--text-disabled);
  pointer-events: none;
}

.snp-pagination-current {
  color: var(--text-primary);
  background-color: var(--background-surface-2);
  border-width: var(--stroke-weight-1);
  border-style: solid;
  border-color: var(--border-strong);
  font-weight: var(--font-weight-600);
}

.snp-pagination-gap {
  color: var(--text-tertiary);
}