/* Fix for all pagination colors across the website */

/* Override Bootstrap default pagination */
.pagination .page-link {
    color: #616161 !important;
    background-color: white !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-weight: 400 !important;
    transition: none !important;
    margin: 0 0.15rem !important;
    box-shadow: none !important;
    transform: none !important;
    padding: 0.5rem 0.85rem !important;
    min-width: 42px !important;
    min-height: 42px !important;
}

.pagination .page-link:hover {
    color: #007bff !important;
    background-color: white !important;
    border-color: #007bff !important;
    transform: none !important;
    box-shadow: none !important;
}

.pagination .page-item.active .page-link {
    color: white !important;
    background-color: #007bff !important;
    background-image: none !important;
    border-color: #007bff !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transform: none !important;
}

.pagination .page-item.disabled .page-link {
    color: #adb5bd !important;
    background-color: white !important;
    border-color: #e0e0e0 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
    transform: none !important;
    box-shadow: none !important;
}

.pagination .page-item.disabled .page-link:hover {
    color: #adb5bd !important;
    background-color: white !important;
    border-color: #e0e0e0 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Fix for Laravel default pagination */
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    color: #616161 !important;
    background-color: white !important;
    border-color: #e0e0e0 !important;
}

.pagination .page-item:first-child .page-link:hover,
.pagination .page-item:last-child .page-link:hover {
    color: #007bff !important;
    background-color: white !important;
    border-color: #007bff !important;
}

/* Fix for any custom pagination classes */
.page-link,
.page-item .page-link {
    color: #616161 !important;
    background-color: white !important;
    border-color: #e0e0e0 !important;
}

.page-link:hover,
.page-item .page-link:hover {
    color: #007bff !important;
    background-color: white !important;
    border-color: #007bff !important;
}

.page-item.active .page-link {
    color: white !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* Responsive fixes */
@media (max-width: 768px) {
    .pagination .page-link {
        padding: 0.4rem 0.6rem !important;
        font-size: 0.875rem !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }
}