/* Pagination Base */
.pagination .page-link {
    border-radius: 50px !important;
    padding: 8px 16px;
    font-weight: 600;
    border: 2px solid #004282;
    color: #004282;
    transition: 0.3s ease;
    background: #ffffff;
}
.pagination {
    display: flex !important;
}
/* Hover */
.pagination .page-link:hover {
    background: #004282;
    color: #fff;
    transform: translateY(-2px);
}



/* Disabled Buttons */
.pagination .disabled .page-link {
    opacity: 0.4;
    background: #f1f1f1;
    border-color: #ccc;
    color: #999;
    cursor: default;
    transform: none;
}

/* Previous + Next Buttons */
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    background: #004282;
    color: white;
    border: none;
    min-width: 44px;
}

    .pagination .page-item:first-child .page-link:hover,
    .pagination .page-item:last-child .page-link:hover {
        background: #002c5a;
    }

/* Dots (...) */
.pagination .page-item.disabled .page-link {
    background: transparent;
    border: none;
    color: #6c757d;
    font-weight: 700;
}


.order-btn {
    background-color: #87c508 !important;
    color: white !important;
    border-radius: 50px !important;
    transition: background-color 0.3s ease;
}
.bg-success-products {
    background-color: #87c508 !important;
}
.bg-danger-products {
    background-color: #004282 !important;
}
.filter-btn {
    background-color: #004282 !important;
    color: white !important;
}
.filter-btn:hover {
    background-color: #87c508 !important;
    color: white !important;
}