/* ============================================================
   PAGINATION — Shared pagination controls.
   Root class: .pagination-wrap
   ============================================================ */

.pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-m) 0 var(--space-2xs);
}

.pagination-wrap ul {
  display: flex;
  gap: var(--space-3xs);
  list-style: none;
  margin: 0;
  padding: 0;
}

.pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0 var(--space-2xs);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius);
  color: var(--text-primary);
  font-size: var(--step--1);
  text-decoration: none;
  transition: border-color 0.15s, color 0.15s;
}

.pagination-btn:hover:not(.disabled) {
  border-color: var(--accent-primary);
  color: var(--accent-primary);
}

.pagination-btn.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.pagination-info {
  font-size: var(--step--1);
  color: var(--text-secondary);
  padding: 0 var(--space-2xs);
}

.page-current {
  font-weight: 600;
  color: var(--text-primary);
}