/* Pagination */
.pagination {
    --bs-pagination-color: var(--primary-color);
    --bs-pagination-hover-color: var(--primary-color);
    --bs-pagination-hover-bg: var(--secondary-color);
    --bs-pagination-hover-border-color: var(--secondary-color);
    --bs-pagination-focus-color: var(--primary-color);
    --bs-pagination-focus-bg: var(--secondary-color);
    --bs-pagination-focus-box-shadow: 0 0 0 .2rem rgba(81, 39, 155, .14);
    --bs-pagination-active-color: var(--primary-color);
    --bs-pagination-active-bg: var(--secondary-color);
    --bs-pagination-active-border-color: var(--secondary-color);
    --bs-pagination-disabled-color: #ffffff;
    --bs-pagination-disabled-bg: var(--primary-color);
    --bs-pagination-disabled-border-color: var(--primary-color);
}

.pagination-limit-form {
    max-width: 18rem;
    width: 100%;
}

.pagination-limit-controls {
    align-items: stretch;
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.pagination-limit-field {
    flex: 1 1 15rem;
    min-width: 15rem;
}

.pagination-limit-field .form-select {
    min-width: 15rem;
    width: 100%;
}

.pagination-limit-submit {
    flex: 0 0 auto;
    min-width: 4.5rem;
}

.pagination-limit-spinner {
    align-self: center;
    color: var(--primary-color);
    flex: 0 0 auto;
}

.active > .page-link,
.page-link.active {
    font-weight: 600;
}

.active-link-pagination {
    background-color: var(--secondary-color) !important;
    color: var(--primary-color) !important;
}

.page-link {
    min-width: 40px;
    text-align: center;
    text-decoration: none;
}

.active > .page-link,
.page-link.active,
.page-item.disabled .page-link {
    cursor: not-allowed;
}

@media (max-width: 575.98px) {
    .pagination-limit-form {
        max-width: 100%;
    }

    .pagination-limit-controls {
        flex-wrap: wrap;
    }

    .pagination-limit-field {
        flex-basis: 100%;
        min-width: 0;
    }

    .pagination-limit-field .form-select {
        min-width: 0;
    }
}