/* Royal Bloomaa Site Pagination
   Purpose: Pagination styles used across list/search pages consistent with brand. */
/* Centralized pagination styling aligned with site colors */
/* Brand accent inferred from wishlist page: #0098da */

.pagination {
  display: flex;
  gap: 8px;
}

.pagination .page-link {
  padding: 8px 14px;
  border-radius: 6px;
  border: 1px solid #e5e7eb; /* light gray */
  color: #0a1f33; /* dark navy text used in emails */
  background-color: #ffffff;
}

.pagination .page-link:hover {
  color: #0098da;
  border-color: #0098da;
  text-decoration: none;
}

.pagination .page-item.active .page-link {
  background-color: #0098da;
  border-color: #0098da;
  color: #ffffff;
}

.pagination .page-item.disabled .page-link {
  color: #9aa5b1; /* muted */
  background-color: #f8f9fa;
  border-color: #e5e7eb;
}

/* Center the pagination controls when used without Bootstrap utility classes */
.rb-pagination-center { 
  display: flex; 
  justify-content: center; 
}