/* ─── NIE Divi Better Paginator ─────────────────────────────────────────── */

.nie-paginator {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.nie-page-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.nie-page-item {
  display: flex;
}

/* Base appearance for every page link / span */
.nie-page-item a,
.nie-page-item span {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  background: #fff;
  transition:
    background 0.15s,
    color 0.15s,
    border-color 0.15s;
}

/* Hover */
.nie-page-item a:hover {
  background: #0073aa;
  border-color: #0073aa;
  color: #fff;
}

/* Current / active page */
.nie-page-item.nie-active span {
  background: #0073aa;
  border-color: #0073aa;
  color: #fff;
  font-weight: 600;
}

/* Disabled prev / next */
.nie-page-item.nie-disabled span {
  opacity: 0.35;
  cursor: not-allowed;
}

/* Ellipsis — no border */
.nie-page-item.nie-ellipsis span {
  border-color: transparent;
  background: transparent;
  cursor: default;
}