/* Dark Mode Overrides for Argon Dashboard 2 */
body.dark-mode {
    background-color: #111;
    color: #a0aec0;
}

/* Main content area */
body.dark-mode .main-content {
    background-color: #111 !important;
}

/* Cards */
body.dark-mode .card {
    background-color: #1a1d29 !important;
    border-color: #2d3748 !important;
}

body.dark-mode .card-header {
    background-color: #1a1d29 !important;
    border-bottom-color: #2d3748 !important;
}

body.dark-mode .card-body {
    background-color: #1a1d29 !important;
}

body.dark-mode .card-footer {
    background-color: #1a1d29 !important;
    border-top-color: #2d3748 !important;
}

/* Sidebar */
body.dark-mode .sidenav {
    background-color: #1a1d29 !important;
    border-right: 1px solid #2d3748 !important;
}

body.dark-mode .sidenav .navbar-brand span,
body.dark-mode .sidenav .nav-link span {
    color: #a0aec0 !important;
}

body.dark-mode .sidenav .nav-link.active {
    background-color: #2d3748 !important;
}

body.dark-mode .sidenav .nav-link.active span {
    color: #fff !important;
}

body.dark-mode .sidenav .nav-link:hover {
    background-color: #2d3748 !important;
}

body.dark-mode .sidenav .nav-link .icon i {
    opacity: 0.6 !important;
}

body.dark-mode .sidenav .nav-link.active .icon i {
    opacity: 1 !important;
}

body.dark-mode .sidenav-header .navbar-brand img {
    filter: brightness(0.8) invert(1);
}

body.dark-mode .horizontal.dark {
    background-color: #2d3748 !important;
}

body.dark-mode h6.text-uppercase {
    color: #718096 !important;
}

/* Top navbar */
body.dark-mode .navbar-main {
    background-color: #1a1d29 !important;
    border-bottom: 1px solid #2d3748 !important;
}

body.dark-mode .navbar-main .nav-link {
    color: #a0aec0 !important;
}

body.dark-mode .navbar-main .nav-link:hover {
    color: #fff !important;
}

/* Tables */
body.dark-mode .table {
    color: #a0aec0 !important;
}

body.dark-mode .table thead th {
    color: #718096 !important;
    border-bottom-color: #2d3748 !important;
}

body.dark-mode .table tbody td {
    border-bottom-color: #2d3748 !important;
}

body.dark-mode .table tbody tr:hover {
    background-color: #1a1d29 !important;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(45, 55, 72, 0.3) !important;
}

/* Dropdown menus */
body.dark-mode .dropdown-menu {
    background-color: #1a1d29 !important;
    border-color: #2d3748 !important;
}

body.dark-mode .dropdown-item {
    color: #a0aec0 !important;
}

body.dark-mode .dropdown-item:hover {
    background-color: #2d3748 !important;
    color: #fff !important;
}

body.dark-mode .dropdown-divider {
    border-top-color: #2d3748 !important;
}

/* Form controls */
body.dark-mode .form-control {
    background-color: #111 !important;
    border-color: #2d3748 !important;
    color: #a0aec0 !important;
}

body.dark-mode .form-control:focus {
    background-color: #111 !important;
    border-color: #4a5568 !important;
    color: #fff !important;
}

body.dark-mode .form-control::placeholder {
    color: #4a5568 !important;
}

body.dark-mode .input-group-text {
    background-color: #1a1d29 !important;
    border-color: #2d3748 !important;
    color: #a0aec0 !important;
}

/* Buttons */
body.dark-mode .btn-outline-dark {
    border-color: #2d3748 !important;
    color: #a0aec0 !important;
}

body.dark-mode .btn-outline-dark:hover {
    background-color: #2d3748 !important;
    color: #fff !important;
}

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

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

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

/* Modals */
body.dark-mode .modal-content {
    background-color: #1a1d29 !important;
    border-color: #2d3748 !important;
}

body.dark-mode .modal-header {
    border-bottom-color: #2d3748 !important;
}

body.dark-mode .modal-footer {
    border-top-color: #2d3748 !important;
}

/* Alerts */
body.dark-mode .alert {
    background-color: #1a1d29 !important;
    border-color: #2d3748 !important;
    color: #a0aec0 !important;
}

/* Badges */
body.dark-mode .badge.bg-white {
    background-color: #2d3748 !important;
    color: #a0aec0 !important;
}

/* List groups */
body.dark-mode .list-group-item {
    background-color: #1a1d29 !important;
    border-color: #2d3748 !important;
    color: #a0aec0 !important;
}

/* Progress bars */
body.dark-mode .progress {
    background-color: #2d3748 !important;
}

/* Pagination */
body.dark-mode .page-link {
    background-color: #1a1d29 !important;
    border-color: #2d3748 !important;
    color: #a0aec0 !important;
}

body.dark-mode .page-item.active .page-link {
    background-color: #5e72e4 !important;
    border-color: #5e72e4 !important;
}

/* Fixed plugin */
body.dark-mode .fixed-plugin .card {
    background-color: #1a1d29 !important;
    border: 1px solid #2d3748 !important;
}

body.dark-mode .fixed-plugin .card-header h5,
body.dark-mode .fixed-plugin .card-header p,
body.dark-mode .fixed-plugin .card-body h6,
body.dark-mode .fixed-plugin .card-body p {
    color: #e2e8f0 !important;
}

/* Background */
body.dark-mode .bg-white {
    background-color: #1a1d29 !important;
}

body.dark-mode .bg-light {
    background-color: #1a1d29 !important;
}

body.dark-mode .bg-secondary {
    background-color: #2d3748 !important;
}

/* Borders */
body.dark-mode .border {
    border-color: #2d3748 !important;
}

body.dark-mode .border-bottom {
    border-bottom-color: #2d3748 !important;
}

body.dark-mode .border-top {
    border-top-color: #2d3748 !important;
}

/* Shadows */
body.dark-mode .card {
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.4) !important;
}

/* Scrollbar */
body.dark-mode ::-webkit-scrollbar-track {
    background: #111 !important;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #2d3748 !important;
}

/* Gallery page */
body.dark-mode .gallery-item {
    background-color: #1a1d29 !important;
    border-color: #2d3748 !important;
}

/* User management */
body.dark-mode .avatar-sm {
    border-color: #2d3748 !important;
}

/* Billing */
body.dark-mode .nav-link {
    color: #a0aec0 !important;
}

/* Footer in cards */
body.dark-mode .card .footer {
    background-color: #1a1d29 !important;
}

/* Stats cards */
body.dark-mode .card-stats .card-body .numbers p {
    color: #718096 !important;
}

body.dark-mode .card-stats .card-body .numbers h5 {
    color: #e2e8f0 !important;
}