/* Pagination override.

   The theme styles `.pagination li a` with its own padding, margin and border.
   Laravel's bootstrap-4 paginator renders the *active* page as
   <span class="page-link"> rather than an <a>, so that item never picked up
   those rules — hence the mismatched sizes and vertical offset between the
   current page and its neighbours. The margin also broke Bootstrap 5's flex
   row, which is what pushed the items out of line.

   Style .page-link itself so anchors and spans match, and drop the margin. */
.de_light .pagination li .page-link,
.pagination li .page-link {
  margin: 0;
  padding: .5rem .9rem;
  border: 1px solid #ccc;
  border-radius: 0;
  background: none;
  color: #888;
  line-height: 1.5;
}

.pagination { justify-content: center; }

.pagination li:first-child .page-link {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.pagination li:last-child .page-link {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.de_light .pagination li.active .page-link,
.pagination li.active .page-link {
  background: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}

.de_light .pagination li.disabled .page-link,
.pagination li.disabled .page-link { color: #ccc; }