/* ============================================================================
   SHARED COMPONENT: pagination overrides (A9) — near-ubiquitous, BASE-LINKED — SKIN tier — from site-buypopart-V2.0.css
   Migrated 2026-07-05 (A-tail sweep). PHASE-A FIDELITY: verbatim relocation.
   ============================================================================ */
.pagination .page-link,
.pagination a.page-link {
  background-color: var(--white, #FFFFFF) !important;
  border: 2px solid var(--ink, #000000) !important;
  border-radius: 0 !important;
  color: var(--ink, #000000) !important;
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: background-color .2s, color .2s;
}

.pagination .page-link:visited {
  color: var(--ink, #000000) !important;
}

.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover {
  background-color: var(--ink, #000000) !important;
  border-color: var(--ink, #000000) !important;
  color: var(--white, #FFFFFF) !important;
}

.pagination .page-item:first-child .page-link {
  background-color: var(--white, #FFFFFF) !important;
  color: var(--ink, #000000) !important;
}

.pagination .page-item:first-child .page-link:hover,
.pagination .page-item:first-child.active .page-link {
  background-color: var(--ink, #000000) !important;
  color: var(--white, #FFFFFF) !important;
}

.pagination .page-link::before {
  content: none;
}