/* dark-theme.css */

/* General Backgrounds and Text */
body,
.container,
.card,
.modal-content,
.navbar,
.dropdown-menu,
.list-group,
input,
select,
textarea,
.tab-content,
.nav-tabs {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* General text colors */
.text-dark,
.text-muted,
.text-secondary,
label,
small,
.form-text,
.badge,
.table .text-muted {
    color: #ccc !important;
}

h1, h2, h3, h4, h5, h6,
p, span, div {
    color: #e0e0e0 !important;
}

/* Placeholder text */
::placeholder {
    color: #aaa !important;
    opacity: 1 !important;
}

/* Buttons */
.btn,
.btn-primary,
.btn-danger,
.btn-info,
.btn-success,
.btn-warning,
.btn-secondary {
    color: #fff !important;
    border-color: #444 !important;
}

.btn-primary    { background-color: #1e88e5 !important; }
.btn-danger     { background-color: #e53935 !important; }
.btn-info       { background-color: #00acc1 !important; }
.btn-success    { background-color: #43a047 !important; }
.btn-warning    { background-color: #fbc02d !important; color: #000 !important; }
.btn-secondary  { background-color: #6c757d !important; }

/* Forms */
input.form-control,
select.form-control,
textarea.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
    background-color: #222 !important;
    color: #fff !important;
    border-color: #444 !important;
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #555 !important;
    box-shadow: none !important;
}

/* Nav tabs */
.nav-tabs .nav-link {
    background-color: #1a1a1a !important;
    color: #bbb !important;
    border: none !important;
}

.nav-tabs .nav-link.active {
    background-color: #333 !important;
    color: #fff !important;
}

.nav-link:hover {
    background-color: #2a2a2a !important;
    color: #fff !important;
}


/* Unordered and ordered list base style for dark theme */
ul, ol {
    color: #f0f0f0;         /* Light text */
    background-color: transparent;
    padding-left: 1.25rem;
}

/* List items */
li {
    color: #f0f0f0;
    background-color: transparent;
    margin-bottom: 0.25rem;
}

/* Nested list handling */
ul ul, ol ol {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

/* Optional: customize list marker colors if needed */
ul li::marker,
ol li::marker {
    color: #bbb;
}


/* Base dark theme for list group items */
.list-group-item {
    background-color: #2c2c2c;
    color: #f0f0f0;
    border: 1px solid #444;
    font-size: 0.875rem; /* Small text */
    padding: 0.4rem 0.75rem;
}

/* Active item */
.list-group-item.active {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

/* Hover/focus states */
.list-group-item:hover,
.list-group-item:focus {
    background-color: #3a3a3a;
    color: #fff;
}

/* Dropdowns */
.dropdown-menu {
    background-color: #2c2c2c !important;
    color: #fff !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #444 !important;
    color: #fff !important;
}

/* Modals and alerts */
.modal-content,
.alert {
    background-color: #1e1e1e !important;
    color: #fff !important;
    border-color: #444 !important;
}

/* Tables */
.table {
    color: #ccc !important;
    background-color: #1a1a1a !important;
}

.table th {
    background-color: #2a2a2a !important;
    color: #eee !important;
    border-color: #444 !important;
}

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

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

.table-hover tbody tr:hover {
    background-color: #333 !important;
    color: #fff !important;
}

/* Cards */
.card {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

/* Misc */
hr {
    border-top: 1px solid #444 !important;
}

.form-check-label {
    color: #ccc !important;
}

.chartjs-render-monitor {
    background-color: #1e1e1e !important;
}


/* Force all text inside cards to be light */
.card,
.card * {
    color: #e0e0e0 !important;
}

/* Specifically fix common Bootstrap text utility classes inside cards */
.card .text-dark,
.card .text-body,
.card .text-muted,
.card .form-text,
.card small,
.card label {
    color: #ccc !important;
}

/* Also fix badges, pill labels, and buttons inside cards */
.card .badge,
.card .btn {
    color: #fff !important;
}

/* Placeholder inside card inputs */
.card input::placeholder,
.card textarea::placeholder {
    color: #aaa !important;
}