/* ============================================================
   pagination.css — 페이징 공용
   상품목록 · 검색결과 · 게시판이 같이 쓴다.
   목업에 없던 요소라 새로 만든 것.
   색은 var(--accent) 만 참조하므로 body.cat-* 테마를 그대로 따라간다.
   ============================================================ */
.pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin:32px 0 8px;
}

/* 숫자·화살표 공통 */
.pagination .page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:var(--r-soft);
  background:#fff;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.pagination a.page-link:hover{
  border-color:var(--accent);
  color:var(--accent);
}

/* 현재 페이지 — strong 이라 hover 없음 */
.pagination .page-link.is-active{
  border-color:var(--accent);
  background:var(--accent);
  color:#fff;
}

@media (max-width:640px){
  .pagination{ flex-wrap:wrap; gap:3px; }
  .pagination .page-link{ min-width:30px; height:30px; font-size:12px; }
}