/* Bottom spacing for pagination container */
.pagination-container { margin: 2rem 0; }

/* Ensure pagination block has enough height */
.pagination { min-height: 2.5rem; }

/* Tailwind-like button styles fallback (list styles kept for compatibility) */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 1rem 0;
    padding: 0;
}

.pagination li { margin: 0 0.25rem; }

.pagination li a,
.pagination li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-decoration: none;
}

.pagination li a { background-color: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb; }
.pagination li a:hover { background-color: #e5e7eb; }
.pagination li.active span { background-color: #2563eb; color: #fff; }
.pagination li.disabled span { color: #9ca3af; cursor: not-allowed; }

/* Compatibility for ul-based pagination */
.pagination-container ul { display: flex; justify-content: center; align-items: center; list-style: none; margin: 1rem 0; padding: 0; flex-wrap: wrap; gap: 0.25rem; }
.pagination-container ul li { margin: 0 0.25rem; }
.pagination-container ul a,
.pagination-container ul span { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; padding: 0 0.5rem; border-radius: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; text-decoration: none; }
.pagination-container ul a { background-color: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb; }
.pagination-container ul a:hover { background-color: #e5e7eb; }
.pagination-container ul li.active span,
.pagination-container ul span.current { background-color: #2563eb; color: #fff; padding: 0 0.5rem; min-width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.375rem; }
.pagination-container .ellipsis { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; color: #4b5563; }
.pagination-container .disabled { color: #9ca3af; cursor: not-allowed; }
.pagination-container .disabled span { background-color: #f3f4f6; color: #9ca3af; border: 1px solid #e5e7eb; opacity: 0.7; }