/* ============================================================
   Pagination (extracted from main.css)
   ============================================================ */

.pagination {
  text-align: center;
  padding: 20px 0;
}

.pagination .current-page {
  display: inline-block;
  font-weight: bold;
  color: var(--text-inverse);
  background-color: var(--primary-color) !important;
  padding: 12px 17px;
  border-radius: 28px;
  text-decoration: none;
  margin: 0 5px 5px 5px;
  font-size: var(--fs-md);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination .btn-page {
  display: inline-block;
  font-weight: bold;
  color: var(--text-inverse);
  background-color: var(--neutral-gray);
  padding: 10px 15px;
  border-radius: 28px;
  text-decoration: none;
  margin: 10px 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination .btn-page:hover {
  background-color: var(--primary-color);
  color: var(--text-inverse);
}

.pagination .disabled {
  pointer-events: none;
  opacity: 0.6;
}