/* ==========================================================================
   Shop / Product Archive Pagination — .woocommerce-pagination
   (VD: /all-products/, /product-category/*) — enqueue toàn trang Shop qua
   is_woocommerce(). Đã xác nhận qua DevTools thật: ul.page-numbers mặc định
   display:block (không phải flex) nên !important là bắt buộc để thắng.
   ========================================================================== */

.woocommerce-pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}

.woocommerce-pagination ul.page-numbers {
  display: flex !important;
  align-items: center;
  justify-content: center !important;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 32px auto;
  width: auto;
}

.woocommerce-pagination ul.page-numbers li {
  display: inline-flex;
}

.woocommerce-pagination ul.page-numbers a.page-numbers,
.woocommerce-pagination ul.page-numbers span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #173F2B;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.woocommerce-pagination ul.page-numbers a.page-numbers:hover {
  background: #FAF8F3;
  color: #173F2B;
}

.woocommerce-pagination ul.page-numbers span.page-numbers.current {
  background: #173F2B;
  color: #fff;
}

.woocommerce-pagination ul.page-numbers a.prev.page-numbers,
.woocommerce-pagination ul.page-numbers a.next.page-numbers {
  font-weight: 700;
}