/* =============================================================
   TechVistaar — Pagination
   Styles WordPress's native the_posts_pagination() output
   (.pagination > .page-numbers), used on the blog, search results
   and category archives.
============================================================= */

.pagination{ display:flex; justify-content:center; gap:8px; margin-top:50px; }
.pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 12px;
  border:1px solid var(--line); border-radius:10px;
  font-size:14px; font-weight:600; color:var(--ink);
  transition:background .18s ease, border-color .18s ease;
}
.pagination .page-numbers:hover{ border-color:var(--amber); }
.pagination .page-numbers.current{ background:var(--ink); border-color:var(--ink); color:var(--paper); }
.pagination .page-numbers.dots{ border:none; color:var(--slate); }