/* =========================================================
   THEME GLOBAL: LIGHT / DARK MODE
   Berlaku di semua halaman yang memanggil file ini.
   ========================================================= */

html[data-theme="dark"] {
    color-scheme: dark;
}

/* Global background */
html[data-theme="dark"] body {
    background: #0b1120 !important;
    color: #f8fafc;
}

/* Template Finapp umum */
html[data-theme="dark"] #appCapsule,
html[data-theme="dark"] .appFooter,
html[data-theme="dark"] .section,
html[data-theme="dark"] .section.full,
html[data-theme="dark"] .section.inset {
    background: transparent;
}

/* Card, list, container utama */
html[data-theme="dark"] .card,
html[data-theme="dark"] .wallet-card,
html[data-theme="dark"] .stat-box,
html[data-theme="dark"] .listview,
html[data-theme="dark"] .listview.inset,
html[data-theme="dark"] .listview .item,
html[data-theme="dark"] .menu-card,
html[data-theme="dark"] .menu-theme-card,
html[data-theme="dark"] .menu-quick-card,
html[data-theme="dark"] .article-card,
html[data-theme="dark"] .info-article-card,
html[data-theme="dark"] .about-article-card,
html[data-theme="dark"] .featured-news,
html[data-theme="dark"] .featured-info,
html[data-theme="dark"] .featured-category-info,
html[data-theme="dark"] .news-card,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .category-info-card,
html[data-theme="dark"] .related-news-card,
html[data-theme="dark"] .related-information-card,
html[data-theme="dark"] .related-about-card,
html[data-theme="dark"] .side-content-card {
    border-color: #334155 !important;
    background: #111827 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .28) !important;
}

/* Warna teks utama */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .title,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .menu-card-content h3,
html[data-theme="dark"] .article-heading h1,
html[data-theme="dark"] .info-article-heading h1,
html[data-theme="dark"] .about-article-heading h1,
html[data-theme="dark"] .article-content,
html[data-theme="dark"] .info-article-content,
html[data-theme="dark"] .about-article-content,
html[data-theme="dark"] .related-news-content h3,
html[data-theme="dark"] .related-information-content h3,
html[data-theme="dark"] .related-about-content h3 {
    color: #f8fafc !important;
}

/* Warna teks sekunder */
html[data-theme="dark"] p,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .card-text,
html[data-theme="dark"] .menu-card-content p,
html[data-theme="dark"] .menu-theme-text span,
html[data-theme="dark"] .menu-quick-text span,
html[data-theme="dark"] .article-meta,
html[data-theme="dark"] .info-article-meta,
html[data-theme="dark"] .about-article-meta,
html[data-theme="dark"] .related-news-content p,
html[data-theme="dark"] .related-information-content p,
html[data-theme="dark"] .related-about-content p,
html[data-theme="dark"] .appFooter .footer-title {
    color: #94a3b8 !important;
}

/* List Finapp */
html[data-theme="dark"] .listview .item {
    color: #f8fafc !important;
}

html[data-theme="dark"] .listview .item .in {
    color: #f8fafc !important;
}

html[data-theme="dark"] .listview .item .in:after {
    color: #64748b !important;
}

/* Bottom Navigation */
html[data-theme="dark"] .appBottomMenu {
    border-top-color: #334155 !important;
    background: #111827 !important;
}

html[data-theme="dark"] .appBottomMenu .item {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .appBottomMenu .item.active {
    color: #2dd4bf !important;
}

/* Input, search, form */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .news-search-form,
html[data-theme="dark"] .info-search-form,
html[data-theme="dark"] .category-search-form {
    border-color: #334155 !important;
    color: #f8fafc !important;
    background: #111827 !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #64748b !important;
}

/* Ringkasan artikel */
html[data-theme="dark"] .article-summary,
html[data-theme="dark"] .info-article-summary,
html[data-theme="dark"] .about-summary {
    border-color: #115e59 !important;
    background: #0f2728 !important;
}

html[data-theme="dark"] .article-summary-content p,
html[data-theme="dark"] .info-summary-content p,
html[data-theme="dark"] .about-summary-content p {
    color: #cbd5e1 !important;
}

/* Table dalam konten */
html[data-theme="dark"] .article-content th,
html[data-theme="dark"] .article-content td,
html[data-theme="dark"] .info-article-content th,
html[data-theme="dark"] .info-article-content td,
html[data-theme="dark"] .about-article-content th,
html[data-theme="dark"] .about-article-content td {
    border-color: #334155 !important;
}

/* Blockquote dalam konten */
html[data-theme="dark"] .article-content blockquote,
html[data-theme="dark"] .info-article-content blockquote,
html[data-theme="dark"] .about-article-content blockquote {
    color: #cbd5e1 !important;
    background: #0f2728 !important;
}

/* Footer */
html[data-theme="dark"] .appFooter h5 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .appFooter .box.box-success {
    border: 1px solid #334155;
    background: #111827 !important;
}

/* Scrollbar browser */
html[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0b1120;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    border: 2px solid #0b1120;
    border-radius: 99px;
    background: #475569;
}

/* Dark mode class template lama, jika Finapp menggunakannya */
html[data-theme="dark"] body.dark-mode {
    background: #0b1120 !important;
}