/* DataTables Dark Mode Overrides */

/* ========================================
   DataTables Table Styling
   ======================================== */

html.dark-mode table.dataTable tbody tr.odd,
html.dark-mode table.dataTable tbody tr.odd td {
  background-color: #2a3d4a !important;
  color: #e0e0e0 !important;
}

html.dark-mode table.dataTable tbody tr.even,
html.dark-mode table.dataTable tbody tr.even td {
  background-color: #3a3a3a !important;
  color: #e0e0e0 !important;
}

html.dark-mode table.dataTable thead th {
  background-color: #2d2d2d !important;
  color: #e0e0e0 !important;
  border-bottom-color: #4a4a4a !important;
}

/* ========================================
   DataTables Search Field
   ======================================== */

html.dark-mode .dataTables_filter input[type="search"] {
  background-color: #2b3035 !important;
  border-color: #495057 !important;
  color: #dee2e6 !important;
}

html.dark-mode .dataTables_filter input[type="search"]::placeholder {
  color: #adb5bd !important;
  opacity: 0.75;
}

html.dark-mode .dataTables_filter input[type="search"]:focus {
  background-color: #343a40 !important;
  border-color: #6c757d !important;
  color: #f8f9fa !important;
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.25);
}

html.dark-mode .dataTables_filter label {
  color: #dee2e6;
}

/* ========================================
   Custom Search Fields
   ======================================== */

html.dark-mode .custom-search-field {
  background-color: #2b3035 !important;
  border-color: #495057 !important;
  color: #dee2e6 !important;
}

html.dark-mode .custom-search-field::placeholder {
  color: #adb5bd !important;
  opacity: 0.75;
}

html.dark-mode .custom-search-field:focus {
  background-color: #343a40 !important;
  border-color: #6c757d !important;
  color: #f8f9fa !important;
}

html.dark-mode #spells-search,
html.dark-mode #card-footer-text {
  background-color: #2b3035 !important;
  border-color: #495057 !important;
  color: #dee2e6 !important;
}

html.dark-mode #spells-search::placeholder,
html.dark-mode #card-footer-text::placeholder {
  color: #adb5bd !important;
  opacity: 0.75;
}

html.dark-mode #spells-search:focus,
html.dark-mode #card-footer-text:focus {
  background-color: #343a40 !important;
  border-color: #6c757d !important;
  color: #f8f9fa !important;
}