/* =========================================
   Universal Dark Mode Overrides
========================================= */

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

body.dark-mode p,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,
body.dark-mode span, body.dark-mode td, body.dark-mode th,
body.dark-mode label, body.dark-mode div, body.dark-mode li {
    color: #e0e0e0 !important;
}

/* =========================================
   Frontend Specific Overrides
========================================= */

body.dark-mode #header {
    background: #1e1e1e !important;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.5) !important;
}

body.dark-mode #footer {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
}

body.dark-mode .card,
body.dark-mode .about .icon-box,
body.dark-mode .php-email-form {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5) !important;
}

body.dark-mode .php-email-form input,
body.dark-mode .php-email-form textarea {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode table, 
body.dark-mode table tr,
body.dark-mode table td {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode .alert-success {
    background-color: #155724 !important;
    color: #d4edda !important;
    border-color: #c3e6cb !important;
}

/* =========================================
   Admin (Limitless) Specific Overrides
========================================= */

body.dark-mode .page-container,
body.dark-mode .content-wrapper,
body.dark-mode .page-header {
    background-color: #121212 !important;
}

body.dark-mode .panel {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode .panel-heading {
    background-color: #2a2a2a !important;
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .sidebar {
    background-color: #1a1a1a !important;
}

body.dark-mode .table > thead > tr > th, 
body.dark-mode .table > tbody > tr > th, 
body.dark-mode .table > tfoot > tr > th, 
body.dark-mode .table > thead > tr > td, 
body.dark-mode .table > tbody > tr > td, 
body.dark-mode .table > tfoot > tr > td {
    border-top: 1px solid #333 !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #242424 !important;
}

body.dark-mode .form-control {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .dropdown-menu {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode .dropdown-menu > li > a {
    color: #e0e0e0 !important;
}

body.dark-mode .dropdown-menu > li > a:hover {
    background-color: #333 !important;
}

body.dark-mode .breadcrumb > li > a {
    color: #bbb !important;
}

body.dark-mode .modal-content {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode .modal-header {
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .modal-footer {
    border-top: 1px solid #333 !important;
}