/**
 * WPSlash pagination — shared across archives, search, blog.
 * Targets WordPress get_the_posts_pagination() / paginate_links() markup.
 */

.navigation.pagination,
.wps-pagination,
nav.pagination {
  width: 100%;
  margin: 0;
  padding: 8px 0 0;
  font-family: var(--wps-font, 'Plus Jakarta Sans', system-ui, sans-serif);
}

.navigation.pagination .screen-reader-text,
.wps-pagination .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.navigation.pagination .nav-links,
.wps-pagination .nav-links,
.wps-pagination-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation.pagination .page-numbers,
.wps-pagination .page-numbers,
.wps-pagination-links .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: var(--wps-radius, 10px);
  border: 1px solid var(--wps-border, rgba(11, 18, 32, 0.08));
  background: var(--wps-bg, #fff);
  color: var(--wps-text-2, #334155) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: var(--wps-shadow-sm, 0 1px 2px rgba(11, 18, 32, 0.06));
  transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.navigation.pagination .page-numbers svg,
.wps-pagination .page-numbers svg {
  width: 18px;
  height: 18px;
  display: block;
}

.navigation.pagination a.page-numbers:hover,
.wps-pagination a.page-numbers:hover {
  background: var(--wps-bg-alt, #F7F8FA);
  border-color: var(--wps-border-2, rgba(11, 18, 32, 0.12));
  color: var(--wps-ink, #0B1220) !important;
  box-shadow: var(--wps-shadow-md, 0 8px 24px rgba(11, 18, 32, 0.08));
}

.navigation.pagination .page-numbers.current,
.wps-pagination .page-numbers.current {
  background: var(--wps-accent, #E11D48);
  border-color: var(--wps-accent, #E11D48);
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(225, 29, 72, 0.22);
  pointer-events: none;
}

.navigation.pagination .page-numbers.dots,
.wps-pagination .page-numbers.dots {
  border: 0;
  background: transparent;
  box-shadow: none;
  min-width: 28px;
  color: var(--wps-text-4, #94A3B8) !important;
  pointer-events: none;
}

.navigation.pagination .prev.page-numbers,
.navigation.pagination .next.page-numbers,
.wps-pagination .prev.page-numbers,
.wps-pagination .next.page-numbers {
  padding: 0 12px;
}

.navigation.pagination .nav-links .nav-previous a,
.navigation.pagination .nav-links .nav-next a,
.navigation.pagination .nav-links .page-numbers.prev,
.navigation.pagination .nav-links .page-numbers.next,
.nav-links .nav-previous a,
.nav-links .nav-next a {
  background: var(--wps-bg, #fff) !important;
  border: 1px solid var(--wps-border, rgba(11, 18, 32, 0.08)) !important;
  color: var(--wps-text-2, #334155) !important;
  border-radius: var(--wps-radius, 10px) !important;
}

.navigation.pagination .nav-links .nav-previous a:hover,
.navigation.pagination .nav-links .nav-next a:hover,
.navigation.pagination .nav-links .page-numbers.prev:hover,
.navigation.pagination .nav-links .page-numbers.next:hover,
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
  background: var(--wps-bg-alt, #F7F8FA) !important;
  border-color: var(--wps-border-2) !important;
  color: var(--wps-ink, #0B1220) !important;
}

@media (max-width: 560px) {
  .navigation.pagination .page-numbers,
  .wps-pagination .page-numbers {
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    font-size: 13px;
  }
}