/* Entry Data custom styles: green-themed pagination */

/***** Pagination *****/
.pagination-bar {
  gap: 16px;
  flex-wrap: wrap; /* allow wrapping on narrow screens */
}
.pagination-bar .text-muted { font-size: 0.875rem; line-height: 1.25rem; }

.pagination {
  gap: 10px;
  flex-wrap: wrap; /* allow wrapping of page numbers */
  --entry-font-size: 0.85rem;
}
.pagination .page-item .page-link {
  color: #16a34a; /* green text */
  border: 1px solid #e5e7eb; /* gray-200 */
  background-color: #ffffff;
  border-radius: 12px;
  padding: 6px 12px; /* compact yet readable */
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transition: all .15s ease-in-out;
  font-size: var(--entry-font-size);
  line-height: 1.2;
  min-width: 36px; /* ensure numbers don't feel cramped */
  text-align: center;
}
.pagination .page-item .page-link:hover {
  color: #15803d; /* darker green */
  border-color: #cbd5e1; /* gray-300 */
  background-color: #f8fafc; /* slate-50 */
}
.pagination .page-item.disabled .page-link,
.pagination .page-item.disabled .page-link:hover {
  color: #9ca3af; /* gray-400 */
  background-color: #f9fafb; /* gray-50 */
  border-color: #e5e7eb; /* gray-200 */
  cursor: not-allowed;
}
.pagination .page-item.active .page-link {
  color: #ffffff;
  background: linear-gradient(180deg, #16a34a 0%, #15803d 100%);
  border-color: #15803d;
  box-shadow: 0 8px 16px rgba(22, 163, 74, 0.25);
}

/* Small size support (Bootstrap uses .pagination-sm) */
.pagination-sm .page-link { border-radius: 10px; }

/* Remove default Bootstrap focus ring, add custom */
.pagination .page-link:focus {
  box-shadow: 0 0 0 0.15rem rgba(22, 163, 74, 0.25);
}

/* Per-page select spacing and font */
.pagination-bar .form-select.form-select-sm {
  font-size: 0.875rem;
  padding: 4px 28px 4px 8px;
}
.pagination-bar label { font-size: 0.875rem; }