/* Black & White Theme Enforcer */
/* This file overrides all colors to create a pure black and white theme */

/* Universal color reset */
* {
  color: #fff !important;
}

/* Body and main containers */
body, html {
  background-color: #111 !important;
  color: #fff !important;
}

/* All background colors */
[class*="bg-"]:not(.bg-transparent) {
  background-color: #111 !important;
}

.bg-white, .bg-light, .bg-secondary {
  background-color: #222 !important;
}

/* All text colors */
[class*="text-"] {
  color: #fff !important;
}

/* Buttons and interactive elements */
.btn, [class*="btn-"], button {
  background-color: #222 !important;
  border-color: #333 !important;
  color: #fff !important;
}

.btn:hover, [class*="btn-"]:hover, button:hover {
  background-color: #333 !important;
  border-color: #444 !important;
  color: #fff !important;
}

/* Navigation */
.navbar, .nav, .navbar-nav, .navigation-menu {
  background-color: #111 !important;
}

.navbar-nav .nav-link, .navigation-menu > li > a {
  color: #fff !important;
}

.navbar-nav .nav-link:hover, .navigation-menu > li > a:hover {
  color: #ccc !important;
}

/* Cards and panels */
.card, .panel, .box {
  background-color: #111 !important;
  border-color: #333 !important;
  color: #fff !important;
}

.card-header, .card-body, .card-footer {
  background-color: #111 !important;
  color: #fff !important;
}

/* Headers and titles */
h1, h2, h3, h4, h5, h6, .title, .heading {
  color: #fff !important;
}

/* Forms */
.form-control, .form-input, input, textarea, select {
  background-color: #222 !important;
  border-color: #333 !important;
  color: #fff !important;
}

.form-control:focus, input:focus, textarea:focus, select:focus {
  background-color: #222 !important;
  border-color: #444 !important;
  color: #fff !important;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1) !important;
}

/* Tables */
.table, .table-responsive {
  background-color: #111 !important;
  color: #fff !important;
}

.table td, .table th {
  background-color: #111 !important;
  color: #fff !important;
  border-color: #333 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #222 !important;
}

/* Borders */
[class*="border-"], .border {
  border-color: #333 !important;
}

/* Dropdowns */
.dropdown-menu {
  background-color: #222 !important;
  border-color: #333 !important;
}

.dropdown-item {
  color: #fff !important;
}

.dropdown-item:hover {
  background-color: #333 !important;
  color: #fff !important;
}

/* Modals */
.modal-content {
  background-color: #111 !important;
  color: #fff !important;
}

.modal-header, .modal-body, .modal-footer {
  background-color: #111 !important;
  color: #fff !important;
  border-color: #333 !important;
}

/* Alerts */
.alert {
  background-color: #222 !important;
  border-color: #333 !important;
  color: #fff !important;
}

/* Badges */
.badge, [class*="badge-"] {
  background-color: #222 !important;
  color: #fff !important;
}

/* Progress bars */
.progress {
  background-color: #222 !important;
}

.progress-bar {
  background-color: #333 !important;
}

/* Lists */
.list-group-item {
  background-color: #111 !important;
  border-color: #333 !important;
  color: #fff !important;
}

/* Footer */
.footer, footer {
  background-color: #111 !important;
  color: #fff !important;
}

/* Links */
a {
  color: #fff !important;
}

a:hover {
  color: #ccc !important;
}

/* Sidebar */
.sidebar {
  background-color: #111 !important;
  color: #fff !important;
}

/* Content areas */
.content, .main-content, .container, .container-fluid {
  background-color: #111 !important;
  color: #fff !important;
}

/* Icons */
.icon, i {
  color: #fff !important;
}

/* Pagination */
.pagination .page-link {
  background-color: #222 !important;
  border-color: #333 !important;
  color: #fff !important;
}

.pagination .page-link:hover {
  background-color: #333 !important;
  color: #fff !important;
}

/* Breadcrumbs */
.breadcrumb {
  background-color: #222 !important;
}

.breadcrumb-item a {
  color: #fff !important;
}

/* Remove any box shadows that might show colors */
* {
  box-shadow: none !important;
}

/* Add subtle dark shadows where needed */
.card, .modal-content, .dropdown-menu {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

/* Ensure no gradients remain */
* {
  background-image: none !important;
}