/* ── Pagination styles ───────────────────────────────────────── */

/* li-based pagination (standard Bootstrap) */
.pagination { display:flex; flex-wrap:wrap; gap:4px; margin:12px 0; justify-content:center; list-style:none; padding:0; }
.pagination li a,
.pagination li span {
  display:inline-block;
  padding:6px 12px;
  border:1px solid #ccc;
  border-radius:4px;
  font-size:13px;
  color:#009900;
  text-decoration:none;
}
.pagination li a:hover { background:#009900; color:#fff; border-color:#009900; }
.pagination li.active span,
.pagination li span[aria-current="page"] {
  background:#009900; color:#fff; border-color:#009900; font-weight:700;
}
.pagination li.disabled span { color:#aaa; cursor:default; }

/* Critical: never let any CSS float pagination anchors — kills flex layout */
.pagination a { float:none !important; }