/**
 * Kalbela Dark Mode Styles
 * Activated via .dark-mode class on body
 */

body.dark-mode {
    --bg-color: #1a1a1a;
    --bg-light: #242424;
    --bg-dark: #121212;
    --text-color: #e0e0e0;
    --text-muted: #9e9e9e;
    --border-color: #333333;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

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

/* Header */
body.dark-mode .logo-area,
body.dark-mode .main-header {
    background: var(--bg-color);
}

body.dark-mode .primary-menu > li > a {
    color: var(--text-color);
}

body.dark-mode .primary-menu > li > a:hover,
body.dark-mode .primary-menu > li.current-menu-item > a {
    background: var(--bg-light);
}

body.dark-mode .primary-menu .sub-menu {
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
}

body.dark-mode .primary-menu .sub-menu li a {
    color: var(--text-color);
    border-color: var(--border-color);
}

body.dark-mode .primary-menu .sub-menu li a:hover {
    background: var(--bg-light);
}

body.dark-mode .mega-menu-dropdown {
    background: var(--bg-color);
}

body.dark-mode .header-btn {
    background: var(--bg-light);
    color: var(--text-color);
}

body.dark-mode .search-input {
    background: var(--bg-light);
    border-color: var(--border-color);
    color: var(--text-color);
}

body.dark-mode .search-results-dropdown {
    background: var(--bg-color);
}

body.dark-mode .search-result-item {
    border-color: var(--border-color);
}

body.dark-mode .search-result-item:hover {
    background: var(--bg-light);
}

body.dark-mode .mobile-menu-panel {
    background: var(--bg-color);
}

body.dark-mode .mobile-menu li {
    border-color: var(--border-color);
}

body.dark-mode .mobile-menu li a {
    color: var(--text-color);
}

body.dark-mode .mobile-menu .sub-menu {
    background: var(--bg-dark);
}

/* Main Content */
body.dark-mode .news-item-vertical,
body.dark-mode .news-item-horizontal,
body.dark-mode .category-section,
body.dark-mode .single-post-content {
    background: var(--bg-color);
}

body.dark-mode .news-item-vertical h5 a,
body.dark-mode .news-item-horizontal h6 a {
    color: var(--text-color);
}

body.dark-mode .category-list li {
    border-color: var(--border-color);
}

/* Sidebar */
body.dark-mode .sidebar-widget {
    background: var(--bg-color);
}

body.dark-mode .sidebar-news-item {
    border-color: var(--border-color);
}

body.dark-mode .sidebar-news-item h6 a {
    color: var(--text-color);
}

body.dark-mode .widget-tabs .tab-nav {
    border-color: var(--border-color);
}

body.dark-mode .widget-tabs .tab-btn {
    color: var(--text-muted);
}

body.dark-mode .newsletter-form input {
    background: var(--bg-light);
    color: var(--text-color);
}

/* Single Post */
body.dark-mode .entry-title {
    color: var(--text-color);
}

body.dark-mode .entry-content blockquote {
    background: var(--bg-light);
}

body.dark-mode .author-box {
    background: var(--bg-light);
}

body.dark-mode .table-of-contents {
    background: var(--bg-light);
}

body.dark-mode .toc-list li {
    border-color: var(--border-color);
}

body.dark-mode .toc-list a {
    color: var(--text-color);
}

/* Comments */
body.dark-mode .comment {
    border-color: var(--border-color);
}

body.dark-mode .form-control {
    background: var(--bg-light);
    border-color: var(--border-color);
    color: var(--text-color);
}

/* Breadcrumb */
body.dark-mode .kalbela-breadcrumb .breadcrumb {
    background: var(--bg-color);
}

/* Pagination */
body.dark-mode .page-link {
    background: var(--bg-color);
    border-color: var(--border-color);
    color: var(--text-color);
}

/* Ads */
body.dark-mode .sidebar-ad,
body.dark-mode .ad-placeholder {
    background: var(--bg-light);
    border-color: var(--border-color);
}

/* Dark Mode Toggle Icon */
body.dark-mode .dark-mode-toggle .fa-moon {
    display: none;
}

body.dark-mode .dark-mode-toggle .fa-sun {
    display: inline-block;
}

body:not(.dark-mode) .dark-mode-toggle .fa-sun {
    display: none;
}