/* Bootstrap utility classes — only what is used in this project */

/* Display */
.d-flex { display: flex !important; }
.w-100  { width: 100% !important; }

/* Text */
.text-center { text-align: center !important; }

/* Flex alignment */
.align-items-center   { align-items: center !important; }
.justify-content-center  { justify-content: center !important; }

/* Responsive: sm ≥576px */
@media (min-width: 576px) {
  .justify-content-sm-between { justify-content: space-between !important; }
}

/* Responsive: lg ≥992px */
@media (min-width: 992px) {
  .justify-content-lg-start { justify-content: flex-start !important; }
}

/* Spacing — Bootstrap 5 scale (1rem base) */
.mt-2 { margin-top:    0.5rem !important; }
.mt-4 { margin-top:    1.5rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem   !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

/* Pagination */
.pagination {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  gap: 4px;
}

.page-link {
  display: block;
  padding: 0.375rem 0.75rem;
  color: #8bc34a;
  background-color: #fff;
  border: 1px solid #dee2e6;
  text-decoration: none;
  border-radius: 4px;
  line-height: 1.5;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.page-link:hover {
  color: #fff;
  background-color: #8bc34a;
  border-color: #8bc34a;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #8bc34a;
  border-color: #8bc34a;
}

.page-item.disabled .page-link {
  color: #adb5bd;
  background-color: #fff;
  border-color: #dee2e6;
  pointer-events: none;
  cursor: default;
}