/* Personnalisation DataTables Pagination Bootstrap */

/* Centrer la pagination */
.dataTables_wrapper .dataTables_paginate .pagination {
    justify-content: center;
    margin-top: 1rem;
}

/* Boutons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .45rem .9rem;
    margin: 0 .1rem;
    border-radius: .25rem;
    border: 1px solid #dee2e6;
    color: #0d6efd !important;
    background: #fff;
    transition: background .2s, color .2s;
}

/* Hover */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #e9ecef;
    border-color: #dee2e6;
}

/* Bouton actif */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #0d6efd !important;
    color: #fff !important;
    border: 1px solid #0d6efd !important;
    box-shadow: none;
}

/* Bouton disabled */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #6c757d !important;
    pointer-events: none;
    background: #fff;
    border: 1px solid #dee2e6;
}
/* Empêche la pagination de déborder sur mobile */
.dataTables_wrapper .dataTables_paginate {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_paginate .pagination {
    flex-wrap: wrap;            /* permet de passer à la ligne si besoin */
    justify-content: center;    /* centre la pagination */
    margin: 1rem 0;
}

/* Ajuste les boutons en mode compact */
@media (max-width: 576px) {
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: .25rem .5rem;
        margin: 0 .05rem;
        font-size: 0.8rem;
    }
}