/* dark_mode.css */

@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212 !important;
    color: #e0e0e0;
  }

  .header,
  .topnav,
  .topnav-inner,
  #myLinks,
  nav.menu_list {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
  }

  nav.menu_list a {
    color: #9ac8ff !important;
  }

  nav.menu_list a:hover {
    color: #ffffff !important;
  }

  .close-icon {
    color: #fff;
  }

  .centered-form input[type="text"] {
    background-color: #2c2c2c;
    color: #f0f0f0;
    border: 1px solid #444;
  }

  .centered-form input[type="submit"] {
    background-color: #3c3c3c;
    color: #fff;
    border: 1px solid #555;
    cursor: pointer;
  }

  .centered-form input[type="submit"]:hover {
    background-color: #555;
  }

  .section, .modal, .messageBox, .table, .navbar, .links, .container, .filter-row, .search-row, .flex-sections {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
  }

  .section h3,
  .modal-content h2,
  .error-box {
    color: #ffffff !important;
  }

  button, select, input[type="text"], input[type="search"], textarea {
    background-color: #2c2c2c !important;
    color: #f0f0f0 !important;
    border: 1px solid #444 !important;
  }

  button:hover {
    background-color: #444 !important;
  }

  select option {
    background-color: #2c2c2c;
    color: #f0f0f0;
  }

  table {
    background-color: #1e1e1e !important;
    color: #ccc;
    border-color: #333;
  }

  th {
    background-color: #333 !important;
    color: #f0f0f0;
  }

  td {
    background-color: #1e1e1e !important;
    border-color: #444 !important;
  }

  a {
    color: #9ac8ff;
  }

  a:hover {
    color: #ffffff;
  }

  .error-box {
    background-color: #3c0d0d;
    color: #ffb3b3;
    border-color: #822;
  }

  .progress-bar {
    background-color: #4a90e2;
  }

  .modal-content {
    background-color: #1c1c1c !important;
    color: #f0f0f0;
  }

  .close-button, .btnGreen, .btnBlue, .btnRed {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #666 !important;
  }

  .close-button:hover, .btnGreen:hover, .btnBlue:hover, .btnRed:hover {
    background-color: #555 !important;
  }

  canvas {
    background-color: #1e1e1e;
  }

  /* Fix for Section background still appearing light */
  .flex-sections .section,
  .advanced-search-row,
  #category-filter,
  .advanced-form,
  .advanced-form .advanced-search-row,
  .advanced-form select,
  .advanced-form input,
  .advanced-form button {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
  }

  .advanced-form select option,
  #category-filter option {
    background-color: #2c2c2c;
    color: #f0f0f0;
  }

  /* Toggle Switch Styling */
  #toggleForm {
    background-color: #121212 !important;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
  }

  .switch-label {
    color: #e0e0e0 !important;
  }

  .switch input:checked + .slider {
    background-color: #4a90e2;
  }

  .slider {
    background-color: #444;
    border: 1px solid #666;
  }

  .slider:before {
    background-color: #e0e0e0;
  }

  br {
    display: none !important;
  }
  
  td.label {
  color: #ffffff !important;
  }
  
  
  /* Advanced Search dark mode fix */
#advanced-search-form input.advanced-search-query,
#advanced-search-form input[type="number"],
#advanced-search-form input[name="search_query[]"] {
    background-color: #2c2c2c !important;
    color: #f0f0f0 !important;
    -webkit-text-fill-color: #f0f0f0 !important;
    border: 1px solid #444 !important;
}

#advanced-search-form input.advanced-search-query::placeholder {
    color: #bdbdbd !important;
    -webkit-text-fill-color: #bdbdbd !important;
}
  
  
  

}