/**
 * Pagination (Figma 168:12183). The caret icon points to the inline end;
 * "previous" mirrors it.
 */
.c-pagination {
  margin-block-start: var(--space-12);
}

.c-pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-pagination__item .page-numbers {
  display: grid;
  place-items: center;
  min-inline-size: 2rem;
  block-size: 2rem;
  padding-inline: var(--space-1);
  border: 1px solid var(--color-secondary-50);
  border-radius: var(--radius-sm);
  background: var(--color-white);
  color: var(--color-secondary);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-s);
  text-decoration: none;
}

.c-pagination__item a.page-numbers:hover {
  border-color: var(--color-secondary-200);
}

.c-pagination__item .current {
  border-color: var(--color-secondary);
  background: var(--color-page-50);
  font-weight: var(--font-weight-medium);
}

.c-pagination__item .dots {
  color: var(--color-secondary-600);
}

.c-pagination__item .page-numbers .c-icon {
  inline-size: 1.5rem;
  block-size: 1.5rem;
}

.c-pagination__item--prev .c-icon {
  transform: scaleX(-1);
}

.c-pagination__item .is-disabled {
  opacity: 0.5;
}