/* Dark Mode CSS for LootUp */

body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

/* Card styles */
body.dark-mode .card {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-color: #333;
}

body.dark-mode .card-header {
    background-color: #2d2d2d;
    border-color: #333;
}

body.dark-mode .card-footer {
    background-color: #2d2d2d;
    border-color: #333;
}

/* Form controls */
body.dark-mode .form-control {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #444;
}

body.dark-mode .form-control:focus {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #0275d8;
}

body.dark-mode .input-group-text {
    background-color: #333;
    color: #e0e0e0;
    border-color: #444;
}

/* Text colors */
body.dark-mode .text-muted {
    color: #aaa !important;
}

body.dark-mode .text-dark {
    color: #e0e0e0 !important;
}

/* Tables */
body.dark-mode .table {
    color: #e0e0e0;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

body.dark-mode .table td,
body.dark-mode .table th {
    border-top-color: #444;
}

body.dark-mode .table thead th {
    border-bottom-color: #444;
}

/* Navbar */
body.dark-mode .navbar-light {
    background-color: #1e1e1e !important;
}

body.dark-mode .navbar-light .navbar-brand,
body.dark-mode .navbar-light .navbar-nav .nav-link {
    color: #e0e0e0;
}

body.dark-mode .navbar-light .navbar-nav .nav-link:hover,
body.dark-mode .navbar-light .navbar-nav .nav-link:focus {
    color: #ffffff;
}

/* Dropdown menus */
body.dark-mode .dropdown-menu {
    background-color: #2d2d2d;
    border-color: #444;
}

body.dark-mode .dropdown-item {
    color: #e0e0e0;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #3d3d3d;
    color: #ffffff;
}

body.dark-mode .dropdown-divider {
    border-top-color: #444;
}

/* Buttons */
body.dark-mode .btn-light {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .btn-light:hover {
    background-color: #3d3d3d;
    border-color: #555;
    color: #ffffff;
}

/* Alerts */
body.dark-mode .alert-secondary {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .alert-light {
    background-color: #333;
    border-color: #444;
    color: #e0e0e0;
}

/* List groups */
body.dark-mode .list-group-item {
    background-color: #1e1e1e;
    border-color: #444;
    color: #e0e0e0;
}

/* Modal */
body.dark-mode .modal-content {
    background-color: #1e1e1e;
    border-color: #444;
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    border-color: #444;
}

/* Pagination */
body.dark-mode .page-link {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .page-item.disabled .page-link {
    background-color: #1e1e1e;
    border-color: #333;
    color: #777;
}

body.dark-mode .page-item.active .page-link {
    background-color: #0275d8;
    border-color: #0275d8;
}

/* Custom elements */
body.dark-mode hr {
    border-top-color: #444;
}

body.dark-mode code {
    background-color: #333;
    color: #e0e0e0;
}

body.dark-mode pre {
    background-color: #333;
    color: #e0e0e0;
    border-color: #444;
}