/* Premium Dark Mode Styles */
body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

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

body.dark-mode .header .header-wrapper .logo-box .logo {
    filter: invert(1);
}

body.dark-mode .material-button,
body.dark-mode .header-navigation a {
    color: #e0e0e0 !important;
}

body.dark-mode .timeline-post-title,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #ffffff !important;
}

body.dark-mode .post-list-header {
    border-bottom: 2px solid #333 !important;
}

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

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

body.dark-mode .timeline-item {
    border-color: #333 !important;
}

/* Fix Game Details specific modern cards */
body.dark-mode div[style*="background: linear-gradient(145deg, #ffffff, #f9f9f9)"],
body.dark-mode div[style*="background-color: #f9f9f9"],
body.dark-mode div[style*="background:#fff"],
body.dark-mode div[style*="background:#f9f9f9"] {
    background: #1e1e1e !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.5) !important;
}

body.dark-mode span[style*="color:#555"] {
    color: #aaa !important;
}

body.dark-mode h4[style*="color:#2c3e50"],
body.dark-mode span[style*="color:#333"] {
    color: #fff !important;
}

/* Sidebar and dropdown specific */
body.dark-mode .widget-box {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode .widget-title {
    color: #fff !important;
    border-bottom-color: #333 !important;
}

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

body.dark-mode hr {
    border-top-color: #333 !important;
}

body.dark-mode .search-layer {
    background-color: rgba(18, 18, 18, 0.95) !important;
}

body.dark-mode .search-layer input {
    color: #fff !important;
}