.pagination-wrapper {
    border-top: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
    padding: 0 1rem;
}

.pagination .page-link {
    border: none;
    background: transparent;
    color: var(--bs-body-color);
    padding: 0.5rem 0.75rem;
    margin: 0 2px;
    border-radius: var(--bs-border-radius);
    transition: all 0.15s ease-in-out;
}

.pagination .page-link:hover {
    background: var(--bs-primary);
    color: white;
}

.pagination .page-item.active .page-link {
    background: var(--bs-primary);
    color: white;
    font-weight: 600;
}

.pagination .page-item.disabled .page-link {
    background: transparent;
    color: var(--bs-secondary-color);
    opacity: 0.5;
}

.pagination-sm .page-link {
    padding: 0.375rem 0.5rem;
    font-size: 0.875rem;
}

@media (max-width: 576px) {
    .pagination-wrapper {
        padding: 0.5rem;
    }

    .pagination .page-link {
        padding: 0.4rem 0.6rem;
    }

    .pagination-info {
        order: 2;
    }
}