/* ============================================================
   PAGINATION
   ============================================================ */

.pagination, .pagination2 {
  float: none;
  clear: none;
  margin: 10px;
}

.pagination a, .pagination2 a {
  text-decoration: none;
  transition: background-color var(--transition-normal), color var(--transition-normal);
  border-radius: var(--radius-sm);
  background-color: var(--color-background2);
  color: var(--color-text);
}

.pagination a.active,
.pagination2 a.active {
  background-color: var(--color-primary);
  color: #fff;
}

.pagination a:hover:not(.active),
.pagination2 a:hover:not(.active) {
  background-color: var(--color-neutral-200);
}

.pagination a:focus-visible,
.pagination2 a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

/* ── Fake paging (free mode) — uses DataTables native classes ── */

.fake-paging {
  text-align: right;
  clear: both;
  padding: 12px 0;
  position: relative;
  z-index: 3;
  background: var(--color-background, #fff);
}

html.dark-mode .fake-paging {
  background: var(--color-background, #1a1a2e);
}

.fake-paging .fake-page-locked {
  cursor: pointer;
}

.fake-paging .fake-page-locked:hover {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}