/*
 * ODC — Backpack 7 avec le thème coreuiv2 (Bootstrap 4).
 * Le tableau des listes de Backpack 7 (DataTables 2) produit du balisage Bootstrap 5,
 * que le thème coreuiv2 ne met pas en forme. On remet le rendu de Backpack 6.
 */

/* Sélecteur « enregistrements par page » : classes Bootstrap 5 (form-select),
   inconnues de Bootstrap 4. Même style que les selects du thème (form-control). */
.dt-length select.form-select {
    display: inline-block;
    width: auto;
    min-width: 68px;
    height: 38px;
    padding: 6px 12px;
    font-size: 15px;
    color: rgb(80, 102, 144);
    background-color: #fff;
    border: 1px solid rgba(0, 40, 100, 0.12);
    border-radius: 3px;
}

.dt-length label {
    margin-left: 3px;
    margin-bottom: 0;
}

/* Recherche : Backpack 7 réserve à gauche la place d'une loupe que le thème masque. */
.datatable_search_stack .input-icon input[type=search] {
    padding-left: 12px;
}

/* Pagination : DataTables 2 utilise des <button> (des <a> avant), et le thème coreuiv2 2.x
   les met en couleur principale (violet). On reprend son sélecteur pour garder le rendu de
   Backpack 6 : chiffres en gris foncé, flèche désactivée en gris clair. */
div.dt-container .dt-paging .dt-paging-button .page-link {
    font-size: 15px;
    line-height: 20px;
}

div.dt-container .dt-paging .dt-paging-button:not(.active) .page-link {
    color: rgb(54, 54, 54);
}

div.dt-container .dt-paging .dt-paging-button.disabled .page-link {
    color: rgb(171, 185, 206);
}

/* Colonnes numériques : DataTables 2 les aligne à droite (classe dt-type-numeric).
   On garde l'alignement à gauche de Backpack 6. En première colonne (codes des départements,
   communes, classes comptables…), la colonne prend la largeur de son contenu. */
table.dataTable th.dt-type-numeric,
table.dataTable td.dt-type-numeric {
    text-align: left;
}

table.dataTable th.dt-type-numeric:first-child {
    width: 1%;
    white-space: nowrap;
}

/* Boutons du bas (actions groupées) : un espace sous le tableau. */
.bottom_buttons {
    margin-top: 10px;
}

/* En-têtes triables : DataTables 2 réserve 30 px à droite pour l'icône de tri, ce qui fait
   masquer une colonne de plus qu'en Backpack 6 (Affectation bancaire dans la liste des dons).
   On reprend presque les valeurs de sa variante compacte (table-sm) : 20 px, icône à 3 px du bord. */
table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > th.dt-ordering-asc,
table.dataTable thead > tr > th.dt-ordering-desc {
    padding-right: 20px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order {
    right: 3px;
}

/* Selects avec recherche (select2) : Backpack 7 pousse « × Effacer » de 30 px vers la gauche
   (common.css), ce qui coupe le texte dans les champs étroits (ventilation des dons).
   On remet la marge du thème select2-bootstrap, comme en Backpack 6. */
.select2-container--bootstrap .select2-selection--single .select2-selection__clear {
    margin-right: 10px;
}