/* Generic, reusable "smart" pagination style - shared between admin
   pages and public-facing pages, so both use the exact same
   compact/responsive behavior via pb_smart_pagination_range()
   (includes/pagination.php) rather than each page reinventing it. */
.smart-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
}
.smart-page-link {
    min-width: 38px;
    height: 38px;
    padding: 0 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--border, #E2E8E4);
    border-radius: 10px;
    color: var(--text-dark, #0F172A);
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    background: var(--bg-card, #fff);
    transition: background 0.15s, border-color 0.15s;
}
.smart-page-link:hover {
    border-color: var(--primary, #00A878);
    color: var(--primary, #00A878);
}
.smart-page-link.is-active {
    background: var(--primary, #00A878);
    color: #fff;
    border-color: var(--primary, #00A878);
}
.smart-page-ellipsis {
    color: var(--text-muted, #64748B);
    font-weight: 700;
    padding: 0 0.3rem;
}
.smart-page-arrow {
    min-width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--border, #E2E8E4);
    border-radius: 10px;
    color: var(--text-dark, #0F172A);
    background: var(--bg-card, #fff);
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
}
.smart-page-arrow:hover {
    border-color: var(--primary, #00A878);
    color: var(--primary, #00A878);
}
.smart-page-arrow.is-disabled {
    opacity: 0.35;
    pointer-events: none;
}
@media (max-width: 480px) {
    .smart-page-link {
        min-width: 32px;
        height: 32px;
        font-size: 0.78rem;
    }
}