/* 
 * Professional Dark Mode for AradCity Admin (Inspinia)
 */

/* 1. Base Inversion for quick coverage */
html.dark-mode {
    filter: invert(0.9) hue-rotate(180deg);
    background-color: #000;
    font-family: 'Roboto', sans-serif !important;
}

html.dark-mode body, 
html.dark-mode .nav-label, 
html.dark-mode .metismenu {
    font-family: 'Roboto', sans-serif !important;
}

/* 2. Restore colors for media and logos */
html.dark-mode img,
html.dark-mode video,
html.dark-mode iframe,
html.dark-mode .rich img,
html.dark-mode .img-logo,
html.dark-mode .keep-colors,
html.dark-mode .navbar-brand,
html.dark-mode .profile-element img,
html.dark-mode [style*="background-image"] {
    filter: invert(1) hue-rotate(180deg);
}

/* 3. Specific fixes for Inspinia components to prevent "washed out" look */

/* Sidebar should remain dark */
html.dark-mode #side-menu,
html.dark-mode .navbar-default,
html.dark-mode .navbar-static-side {
    background: #000 !important;
}

/* Sidebar items */
html.dark-mode .nav > li > a {
    color: #fff !important;
}

html.dark-mode .nav > li.active {
    background: #222 !important;
}

/* Top Navbar */
html.dark-mode .navbar-static-top {
    background: #fff !important; /* becomes dark when inverted */
}

/* Page Wrapper Background */
html.dark-mode #page-wrapper {
    background-color: #fff !important; /* becomes dark when inverted */
}

/* Panels and Boxes */
html.dark-mode .ibox-content {
    background-color: #fff !important; /* becomes dark when inverted */
    color: #000 !important; /* becomes light when inverted */
}

/* Fix for buttons and primary elements to keep them readable */
html.dark-mode .btn-primary {
    filter: none !important;
    background-color: #1ab394 !important;
    border-color: #1ab394 !important;
    color: #FFFFFF !important;
}

/* Prevent double inversion on certain text */
html.dark-mode .text-primary {
    color: #1ab394 !important;
}

/* Hide minimized logo text as requested if preferred, or just style it */
html.dark-mode .mini-navbar .logo-element {
    display: block;
    background: #222 !important;
    color: #fff !important;
}

/* Photo Drag & Drop Zone in Dark Mode */
html.dark-mode .ui-photos {
    background: #eee !important; /* becomes dark */
    border-color: #ccc !important;
}

html.dark-mode .ui-photos.is-dragover {
    background: #ddd !important;
    border-color: #1ab394 !important;
}