/* ============================================================
   SpeedBlog Pro v2.0 - Dark Mode Overrides
   Component-specific dark mode beyond token swaps.
   ============================================================ */

/* Header */
[data-theme="dark"] .sb-main-header {
    background: var(--sb-bg-secondary);
    border-bottom-color: var(--sb-border);
}
[data-theme="dark"] .sb-nav-bar {
    background: var(--sb-nav-bg);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .sb-topbar {
    background: var(--sb-topbar-bg);
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

/* Ticker */
[data-theme="dark"] .sb-ticker {
    background: var(--sb-bg-secondary);
    border-color: var(--sb-border);
}

/* Dropdown menus */
[data-theme="dark"] .sb-primary-menu ul.sub-menu {
    background: var(--sb-bg-secondary);
    border-top-color: var(--sb-accent);
}
[data-theme="dark"] .sb-primary-menu ul.sub-menu a {
    color: var(--sb-text-primary);
}
[data-theme="dark"] .sb-primary-menu ul.sub-menu a:hover {
    background: var(--sb-bg-tertiary);
}

/* Mobile drawer */
[data-theme="dark"] .sb-mobile-drawer {
    background: var(--sb-bg-secondary);
}
[data-theme="dark"] .sb-mobile-drawer-header,
[data-theme="dark"] .sb-mobile-drawer-footer {
    border-color: var(--sb-border);
}
[data-theme="dark"] .sb-mobile-menu li { border-color: var(--sb-border); }
[data-theme="dark"] .sb-mobile-drawer-social a {
    background: var(--sb-bg-tertiary);
    color: var(--sb-text-primary);
}

/* Cards */
[data-theme="dark"] .sb-card {
    background: var(--sb-bg-secondary);
    border: 1px solid var(--sb-border);
    border-bottom: 3px solid transparent;
}
[data-theme="dark"] .sb-card:hover {
    border-bottom-color: var(--sb-accent);
}
[data-theme="dark"] .sb-card-image img,
[data-theme="dark"] .sb-hero-card-image,
[data-theme="dark"] .sb-category-featured-image {
    filter: brightness(0.85);
}

/* Trending strip */
[data-theme="dark"] .sb-trending-strip {
    background: var(--sb-bg-secondary);
    border-color: var(--sb-border);
}
[data-theme="dark"] .sb-trending-tag {
    background: var(--sb-bg-tertiary);
    border-color: var(--sb-border);
    color: var(--sb-text-secondary);
}
[data-theme="dark"] .sb-trending-tag:hover {
    background: var(--sb-accent);
    color: #fff;
    border-color: var(--sb-accent);
}

/* Sidebar widgets */
[data-theme="dark"] .sb-sidebar-widget {
    background: var(--sb-bg-secondary);
    border-color: var(--sb-border);
}
[data-theme="dark"] .sb-author-card-photo img {
    border-color: var(--sb-bg-tertiary);
}
[data-theme="dark"] .sb-author-card-social a {
    background: var(--sb-bg-tertiary);
}
[data-theme="dark"] .sb-popular-post-num { color: var(--sb-bg-tertiary); }

/* Single post */
[data-theme="dark"] .sb-single-hero { color: #fff; }
[data-theme="dark"] .sb-article-body blockquote {
    background: var(--sb-bg-secondary);
}
[data-theme="dark"] .sb-article-body code {
    background: var(--sb-bg-tertiary);
}
[data-theme="dark"] .sb-article-body pre {
    background: #020617;
}

/* Tags */
[data-theme="dark"] .sb-tag-pill {
    background: var(--sb-bg-tertiary);
    color: var(--sb-text-primary);
}
[data-theme="dark"] .sb-single-tags {
    border-color: var(--sb-border);
}

/* Share bar */
[data-theme="dark"] .sb-single-share-bar {
    background: var(--sb-bg-secondary);
}
[data-theme="dark"] .sb-single-share-bar .sb-share-btn {
    background: var(--sb-bg-tertiary);
    border-color: var(--sb-border);
    color: var(--sb-text-primary);
}

/* Author box */
[data-theme="dark"] .sb-author-box {
    background: var(--sb-bg-secondary);
}
[data-theme="dark"] .sb-author-box-avatar img {
    border-color: var(--sb-bg-tertiary);
}
[data-theme="dark"] .sb-author-box-social a {
    background: var(--sb-bg-tertiary);
    border-color: var(--sb-border);
    color: var(--sb-text-primary);
}

/* Post navigation */
[data-theme="dark"] .sb-single-nav-link {
    background: var(--sb-bg-secondary);
}

/* Comments */
[data-theme="dark"] .sb-comment-body,
[data-theme="dark"] .sb-comment-form {
    background: var(--sb-bg-secondary);
}
[data-theme="dark"] .sb-comment-form input,
[data-theme="dark"] .sb-comment-form textarea,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background: var(--sb-bg-tertiary);
    border-color: var(--sb-border);
    color: var(--sb-text-primary);
}

/* Category featured overlay */
[data-theme="dark"] .sb-category-featured-overlay,
[data-theme="dark"] .sb-hero-card-overlay {
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
}

/* Archive header */
[data-theme="dark"] .sb-archive-header {
    background: linear-gradient(135deg, #020617 0%, #0F172A 100%);
}

/* Search */
[data-theme="dark"] .sb-search-header {
    background: var(--sb-bg-secondary);
}
[data-theme="dark"] .sb-search-form-large {
    background: var(--sb-bg-tertiary);
}
[data-theme="dark"] .sb-search-form-large input {
    color: var(--sb-text-primary);
}
[data-theme="dark"] .sb-search-result {
    background: var(--sb-bg-secondary);
    border-color: var(--sb-border);
}
[data-theme="dark"] .sb-search-highlight {
    background: #78350F;
    color: #FEF3C7;
}

/* 404 */
[data-theme="dark"] .sb-404-category-link {
    background: var(--sb-bg-secondary);
}
[data-theme="dark"] .sb-404-category-link:hover {
    background: var(--sb-accent);
}

/* Page header */
[data-theme="dark"] .sb-page-header {
    background: var(--sb-bg-secondary);
    border-color: var(--sb-border);
}

/* Footer */
[data-theme="dark"] .sb-footer {
    background: var(--sb-footer-bg);
}
[data-theme="dark"] .sb-footer-bottom {
    background: rgba(0, 0, 0, 0.4);
}

/* Progress bar */
[data-theme="dark"] .sb-progress-bar {
    background: var(--sb-gradient-accent);
}

/* Dark mode toggle button */
[data-theme="dark"] .sb-dark-mode-toggle .sb-sun { display: block; }
[data-theme="dark"] .sb-dark-mode-toggle .sb-moon { display: none; }

/* Back to top */
[data-theme="dark"] .sb-back-to-top-btn {
    background: var(--sb-accent);
}

/* Pagination */
[data-theme="dark"] .sb-pagination a,
[data-theme="dark"] .sb-pagination span {
    background: var(--sb-bg-secondary);
    border-color: var(--sb-border);
    color: var(--sb-text-primary);
}
[data-theme="dark"] .sb-pagination a:hover,
[data-theme="dark"] .sb-pagination .current {
    background: var(--sb-accent);
    border-color: var(--sb-accent);
    color: #fff;
}