/* admin-dark.css - Dark theme for Admin panels */

body.dark-admin-theme {
  /* Overriding Bootstrap UI Colors */
  --bs-body-bg: #2f2f2f;
  --bs-body-color: #e0e0e0;
  --bs-table-bg: transparent;
  --bs-table-color: #e0e0e0;
  --bs-table-striped-bg: #2c2c2c;
  --bs-table-hover-bg: #3a3a3a;

  background: var(--bs-body-bg);
  color: var(--bs-body-color);

  #content {
    background: var(--bs-body-bg);
  }

  /* Base elements */
  .card,
  .modal-content,
  .dropdown-menu {
    background-color: #2a2a2a;
    color: var(--bs-body-color);
    border-color: #444;

    &.modal-content {
      background-color: #232323;
      color: var(--bs-body-color);
      border-color: #444;
    }

    .card-header-tabs {
      margin-bottom: -0.81rem;
    }

    .card-footer,
    .card-header,
    .modal-header {
      background-color: #232323;
      color: var(--bs-body-color);
      border-bottom-color: #444;
      &.modal-header {
        background-color: #2a2a2a;
      }
    }

    .card-footer {
      border-top-color: #444;
    }
  }
  .modal-footer {
    background-color: #2a2a2a;
    color: var(--bs-body-color);
    border-top-color: #444;
  }

  .dropdown-item {
    color: var(--bs-body-color);

    &:hover,
    &:focus {
      background-color: #3a3a3a;
      color: #fff;
    }
  }

  /* Navbars & Topbar */
  .navbar {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333;
  }

  /* Table styling */
  .table {
    color: var(--bs-table-color);
    border-color: #444;

    thead {
      border-top: 1px solid #444 !important;

      .table-search th input {
        background-color: #2a2a2a;
        color: #e0e0e0;
        border-color: #555;

        &:focus {
          background-color: #3a3a3a;
          color: #fff;
          border-color: #6ea8fe;
        }
      }
      th {
        background-color: #161616;
        color: #ffffff;
        border-bottom: 2px solid #555;
      }
    }

    td,
    th {
      border-color: #444;
    }
  }

  /* Forms */
  button.form-control,
  input.form-control,
  select.form-select,
  textarea.form-control,
  input[type="search"] {
    background-color: #333;
    color: #e0e0e0;
    border-color: #555;

    &:focus {
      background-color: #3a3a3a;
      color: #fff;
      border-color: #6ea8fe;
    }
  }

  /* Disable white backgrounds forced by utility classes */
  .bg-white {
    background-color: #2a2a2a !important;
  }

  .bg-light {
    background-color: #333 !important;
  }

  .text-dark,
  .text-gray-800,
  .text-gray-900 {
    color: #e0e0e0 !important;
  }

  /* Tabs & Navs */
  .nav-tabs {
    border-bottom-color: #444;

    .nav-link {
      color: #a0a0a0 !important;

      &:hover {
        border-color: #444 #444 #2a2a2a !important;
        color: #fff !important;
      }

      &.active {
        background-color: #2a2a2a !important;
        color: #fff !important;
        border-color: #444 #444 #2a2a2a !important;
      }
    }
  }

  /* Pagination */
  .page-link {
    background-color: #333;
    border-color: #444;
    color: #e0e0e0;

    &:hover {
      background-color: #444;
      color: #fff;
    }
  }

  .page-item {
    &.active .page-link {
      background-color: #0d6efd;
      border-color: #0d6efd;
    }

    &.disabled .page-link {
      background-color: #222;
      border-color: #333;
      color: #666;
    }
  }

  /* Buttons overriding */
  .btn-light {
    background-color: #444;
    color: #e0e0e0;
    border-color: #555;

    &:hover {
      background-color: #555;
      color: #fff;
    }
  }

  /* Scrollbars styling */
  /* Webkit browsers (Chrome, Safari, Edge) */
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    background: #1a1a1a;
  }

  ::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 5px;

    &:hover {
      background: #666;
    }
  }

  /* Firefox */
  * {
    scrollbar-color: #555 #1a1a1a;
    scrollbar-width: thin;
  }
}