/* Pagination Styles */
.pagination {
    margin-top: 20px;
}

.pagination .page-item.active .page-link {
    background-color: var(--qrowd-base); /* Warna latar aktif */
    border-color: var(--qrowd-border); /* Warna border aktif */
    color: #fff; /* Warna teks aktif */
}

.pagination .page-link {
    color: var(--qrowd-base); /* Warna teks link */
    border: 1px solid var(--qrowd-border); /* Warna border default */
}

.pagination .page-link:hover {
    background-color: #e9ecef; /* Warna latar saat hover */
}

.pagination .page-item.disabled .page-link {
    color: #b8b8b8; /* Warna teks untuk tombol non-aktif */
    pointer-events: none; /* Menonaktifkan interaksi untuk tombol non-aktif */
    background-color: #fff; /* Warna latar untuk tombol non-aktif */
    border-color: var(--qrowd-border); /* Warna border untuk tombol non-aktif */
}

.pagination .page-link:focus {
    box-shadow: none; /* Menghilangkan shadow saat focus pada link */
}

/* Tombol navigasi */
.pagination .page-item .page-link i {
    font-size: 16px; /* Ukuran ikon */
}

/* Tambahan untuk float-sm-end */
.float-sm-end {
    text-align: end; /* Untuk penyesuaian float-sm-end */
}

@media (max-width: 576px) {
    .pagination {
        justify-content: center; /* Menengahkan semua elemen pagination */
    }
    .data {
        text-align: center;
    }
    .pagination .page-item {
        display: inline-block;
        margin: 0 2px; /* Spasi antar elemen */
    }
}