/* =====================================================================
   TEAM CODE DẠO - DARK MODE STYLES
   Tông màu: Slate Dark (#0b0f19 & #131b2e) dịu mắt, chống mỏi
   ===================================================================== */

body.tcd-dark-mode {
    --bg-body: #0b0f19;
    --bg-card: #131b2e;
    --bg-card-hover: #1e293b;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --primary: #3b82f6;
    --primary-hover: #60a5fa;
    --primary-light: rgba(59, 130, 246, 0.15);
    --border-color: #1e293b;
    --border-light: #182234;
    background-color: var(--bg-body);
    color: var(--text-main);
}

/* Header & Nav */
body.tcd-dark-mode .site-header {
    background: #0f172a;
    border-color: #1e293b;
}
body.tcd-dark-mode .site-nav a,
body.tcd-dark-mode .site-nav .nav-link {
    color: #cbd5e1;
}
body.tcd-dark-mode .site-nav a:hover,
body.tcd-dark-mode .site-nav li.current-menu-item > a,
body.tcd-dark-mode .site-nav .nav-link.active {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
}
body.tcd-dark-mode .site-nav .sub-menu {
    background: #0f172a;
    border-color: #1e293b;
}
body.tcd-dark-mode .site-nav .sub-menu li a {
    color: #cbd5e1;
}
body.tcd-dark-mode .btn-darkmode-toggle {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
}
body.tcd-dark-mode .btn-darkmode-toggle:hover {
    background: rgba(59, 130, 246, 0.25);
    border-color: #3b82f6;
}

/* Form Search */
body.tcd-dark-mode .flat-search-input {
    background: #0f172a;
    border-color: #334155;
    color: #f8fafc;
}
body.tcd-dark-mode .flat-search-input:focus {
    border-color: #3b82f6;
}

/* Cards & Sections */
body.tcd-dark-mode .featured-card,
body.tcd-dark-mode .home-news-item,
body.tcd-dark-mode .home-manga-card,
body.tcd-dark-mode .video-ai-card,
body.tcd-dark-mode .dyn-article-card,
body.tcd-dark-mode .home-sidebar-box,
body.tcd-dark-mode .recent-history-box,
body.tcd-dark-mode .page-card,
body.tcd-dark-mode .tcd-breadcrumbs {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body.tcd-dark-mode .home-sec-header {
    border-bottom-color: #1e293b;
}
body.tcd-dark-mode .home-sec-title,
body.tcd-dark-mode .featured-title a,
body.tcd-dark-mode .home-news-title a,
body.tcd-dark-mode .home-manga-title a,
body.tcd-dark-mode .video-card-title a,
body.tcd-dark-mode .dyn-article-title a,
body.tcd-dark-mode .home-sidebar-title,
body.tcd-dark-mode .sidebar-item-link {
    color: #f8fafc;
}

body.tcd-dark-mode .featured-excerpt,
body.tcd-dark-mode .home-news-excerpt,
body.tcd-dark-mode .dyn-article-excerpt {
    color: #94a3b8;
}

body.tcd-dark-mode .home-chap-pill {
    background: #0f172a;
    border-color: #1e293b;
    color: #cbd5e1;
}
body.tcd-dark-mode .home-chap-pill:hover {
    background: rgba(59, 130, 246, 0.2);
    border-color: #3b82f6;
    color: #60a5fa;
}

body.tcd-dark-mode .sidebar-item-row {
    border-bottom-color: #1e293b;
}
body.tcd-dark-mode .rank-other {
    background: #1e293b;
    color: #cbd5e1;
}

body.tcd-dark-mode .dyn-empty-box {
    background: var(--bg-card);
    border-color: #334155;
}
body.tcd-dark-mode .dyn-empty-text {
    color: #94a3b8;
}

/* Footer & Cookie */
body.tcd-dark-mode .site-footer {
    background: #0f172a;
    border-top-color: #1e293b;
    color: #94a3b8;
}
body.tcd-dark-mode .footer-links a,
body.tcd-dark-mode .footer-copy {
    color: #cbd5e1;
}
body.tcd-dark-mode .cookie-consent-banner {
    background: #0f172a;
    border-color: #334155;
}
body.tcd-dark-mode .cookie-consent-title {
    color: #f8fafc;
}
body.tcd-dark-mode .cookie-consent-text {
    color: #94a3b8;
}
body.tcd-dark-mode .cookie-btn-decline {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}

/* Static Pages (page.php) */
body.tcd-dark-mode .page-container {
    background: var(--bg-body);
}
body.tcd-dark-mode .page-card {
    background: var(--bg-card);
    border-color: var(--border-color);
}
body.tcd-dark-mode .page-header-box {
    border-bottom-color: var(--border-color);
}
body.tcd-dark-mode .page-title,
body.tcd-dark-mode .page-content h2,
body.tcd-dark-mode .page-content h3 {
    color: var(--text-main);
}
body.tcd-dark-mode .page-content {
    color: #cbd5e1;
}
body.tcd-dark-mode .page-content blockquote {
    background: #0f172a;
    color: #94a3b8;
}
body.tcd-dark-mode .page-content th,
body.tcd-dark-mode .page-content td {
    border-color: var(--border-color);
}
body.tcd-dark-mode .page-content th {
    background: #0f172a;
    color: var(--text-main);
}