/* --- Dark Mode --- */
body.dark-mode { background: #121212 !important; color: #d1d1d1 !important; }
body.dark-mode header, body.dark-mode .mobile-menu, body.dark-mode .search-overlay, body.dark-mode .site-footer { background: #1e1e1e !important; border-top-color: #333; border-color: #333 !important; }
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode a { color: #eeeeee !important; }
body.dark-mode .post-content, body.dark-mode .post-content p, body.dark-mode .post-content li { color: #d1d1d1 !important; }
body.dark-mode .comment-form input, body.dark-mode .comment-form textarea { background: #222 !important; color: #eee !important; border-color: #444 !important; }
body.dark-mode .post-tags a { background: #222 !important; color: #bbb !important; }
body.dark-mode .post-tags a:hover { background: var(--red) !important; color: #fff !important; }
body.dark-mode .share-card, body.dark-mode .telegram-subscribe-box { background: #1a1a1a !important; border-color: #333 !important; }
body.dark-mode .top-nav li a { color: #bbb; }
body.dark-mode .header-controls svg { fill: #bbb !important; }
body.dark-mode .search-overlay input { background: #2a2a2a; color: #fff; border-color: #444; }
body.dark-mode #search-results { background: #1e1e1e; border-color: #444; color: #eee; }
body.dark-mode .news-ticker { background: #1a1a1a; border-color: #333; }
body.dark-mode .ticker-content a { color: #ccc; }
body.dark-mode .item-important { background: #251010 !important; border-color: #600 !important; }
body.dark-mode .post-content a { color: #ff4d4d; }
body.dark-mode .post-content a:hover { color: #fff; }
body.dark-mode .post-content .section-wrap { background: #1a1a1a !important; border-color: var(--red) !important; box-shadow: none; }
body.dark-mode .post-content .section-title { color: #fff !important; }
body.dark-mode .post-content .list-news .item { border-color: #333; }
/* Dark Mode Footer */
body.dark-mode .footer-heading { color: #eee !important; border-bottom-color: #333; }
body.dark-mode .footer-about { color: #888 !important; }
body.dark-mode .footer-menu li a { color: #bbb !important; }
body.dark-mode .footer-menu li a:hover { color: var(--red) !important; }
body.dark-mode .footer-bottom { border-top-color: #333; }
body.dark-mode .nav-links .page-numbers { background: #1e1e1e; border-color: #444; color: #ccc; }
body.dark-mode .nav-links .page-numbers:hover:not(.current) { border-color: var(--red); color: var(--red); }
body.dark-mode .nav-links .current { background: var(--red); color: #fff; border-color: var(--red); }