/* DataTables Custom CSS - Masquer les éléments par défaut */
.dt-layout-row:has(.dt-search),
.dt-layout-row:has(.dt-length),
.dt-layout-row:has(.dt-paging) {
  display: none !important;
}

/* Styles supplémentaires pour DataTables avec Tailwind */
.dataTables_wrapper {
  width: 100%;
}

.dataTables_wrapper table {
  width: 100% !important;
}

/* Masquer les contrôles par défaut de DataTables */
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
  display: none !important;
}

/* Masquer les boutons DataTables par défaut */
.dt-buttons,
.dataTables_wrapper .dt-buttons {
  display: none !important;
}

/* Intégration avec Preline UI - Style des en-têtes triables */
#result_list thead th {
  user-select: none;
}

#result_list thead th.sorting,
#result_list thead th.sorting_asc,
#result_list thead th.sorting_desc {
  cursor: pointer;
  position: relative;
}

/* Icônes de tri intégrées avec Tailwind/Preline */
#result_list thead th.sorting:after,
#result_list thead th.sorting_asc:after,
#result_list thead th.sorting_desc:after {
  display: none !important;
}

/* Style du tri actif avec les couleurs Preline */
#result_list thead th.sorting_asc,
#result_list thead th.sorting_desc {
  color: rgb(59 130 246) !important; /* blue-500 */
}

/* Dark mode */
.dark #result_list thead th.sorting_asc,
.dark #result_list thead th.sorting_desc {
  color: rgb(96 165 250) !important; /* blue-400 */
}

/* Wrapper container */
.dataTables_wrapper .dataTables_scroll {
  width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
  #result_list {
    font-size: 0.875rem;
  }
}