/* ═══════════════════════════════════════════════════════════
   components/pagination.css — пагинация (WP/WooCommerce/nav-links)
   ═══════════════════════════════════════════════════════════ */

.page-numbers,
.wp-block-query-pagination a,
.wp-block-query-pagination span,
.pagination a,
.pagination span,
.nav-links a,
.nav-links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--pagi-h);
  padding: 0 12px;
  border-radius: var(--pagi-radius);
  border: 1px solid var(--pagi-border);
  background: var(--pagi-bg);
  color: var(--pagi-text);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background-color .18s ease;
}

.page-numbers.current,
.wp-block-query-pagination span.current,
.pagination span.current,
.nav-links span.current {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.page-numbers:hover,
.wp-block-query-pagination a:hover,
.pagination a:hover,
.nav-links a:hover {
  background: var(--pagi-bg-hover);
  border-color: var(--primary);
  box-shadow: var(--pagi-shadow);
  transform: translateY(-1px);
}

.page-numbers:focus-visible,
.wp-block-query-pagination a:focus-visible,
.pagination a:focus-visible,
.nav-links a:focus-visible {
  outline: none;
  border-color: var(--primary);
  box-shadow: var(--pagi-ring);
}