/* =========================================================================
   STOCKMETRIC - ULTRA KUAT DARK MODE ENGINE
   (Memaksa seluruh kanvas, teks, list, box, dan tabel menjadi gelap total)
   ========================================================================= */

/* 1. KANVAS / BACKGROUND UTAMA GELAP */
html.dark .calc-seo-body,
:is(html.dark, [data-theme="dark"], body.dark-mode) .calc-seo-body,
:is(html.dark, [data-theme="dark"], body.dark-mode) .calc-seo-body > div,
:is(html.dark, [data-theme="dark"], body.dark-mode) .calc-seo-body div[style*="max-width"] {
    background-color: #0b1528 !important;
    color: #cbd5e1 !important;
}

/* Haluskan transisi saat klik tombol */
.calc-seo-body, .calc-seo-body * {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* 2. SEMUA JUDUL (H1, H2, H3, H4) WAJIB PUTIH TERANG */
:is(html.dark, [data-theme="dark"]) .calc-seo-body h1,
:is(html.dark, [data-theme="dark"]) .calc-seo-body h2,
:is(html.dark, [data-theme="dark"]) .calc-seo-body h3,
:is(html.dark, [data-theme="dark"]) .calc-seo-body h4 {
    color: #ffffff !important;
}

/* 3. SEMUA PARAGRAF, BULLET POINT (LI), DAN TEKS BIASA */
:is(html.dark, [data-theme="dark"]) .calc-seo-body p,
:is(html.dark, [data-theme="dark"]) .calc-seo-body li,
:is(html.dark, [data-theme="dark"]) .calc-seo-body ol,
:is(html.dark, [data-theme="dark"]) .calc-seo-body ul {
    color: #cbd5e1 !important;
}

/* 4. TEKS TEBAL (STRONG, B) & SPAN HITAM JADI PUTIH */
:is(html.dark, [data-theme="dark"]) .calc-seo-body strong,
:is(html.dark, [data-theme="dark"]) .calc-seo-body b,
:is(html.dark, [data-theme="dark"]) .calc-seo-body span[style*="#000"],
:is(html.dark, [data-theme="dark"]) .calc-seo-body span[style*="black"] {
    color: #ffffff !important;
}

/* 5. LINK TEKS (A) MENJADI BIRU CYAN TERANG */
:is(html.dark, [data-theme="dark"]) .calc-seo-body a:not([style*="background"]) {
    color: #38bdf8 !important;
    text-decoration: underline !important;
}

:is(html.dark, [data-theme="dark"]) .calc-seo-body a:not([style*="background"]):hover {
    color: #7dd3fc !important;
}

/* 6. BOX FEATURED SNIPPET ATAS */
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="#f1f7fe"],
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="background-color: #f1f7fe"],
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="background-color:#f1f7fe"] {
    background-color: #13233f !important;
    border: 1px solid #1e3a66 !important;
    border-left: 4px solid #3b82f6 !important;
    color: #f1f5f9 !important;
}
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="#f1f7fe"] p {
    color: #cbd5e1 !important;
}

/* 7. BOX RUMUS / MATH FORMULA (COURIER NEW) */
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="Courier New"],
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="courier new"] {
    background-color: #0e1a32 !important;
    border: 1px solid #1e3a66 !important;
    color: #38bdf8 !important;
}

/* 8. BOX EXPERT STRATEGY KUNING (DIBUAT SANGAT JELAS DIBACA) */
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="#fff9db"],
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="border: 2px dashed"],
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="border:2px dashed"] {
    background-color: rgba(245, 158, 11, 0.12) !important;
    border: 1.5px dashed #f59e0b !important;
    color: #fde68a !important;
}
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="#fff9db"] * {
    color: #fde68a !important;
}
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="#fff9db"] strong,
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="#fff9db"] b {
    color: #fbbf24 !important;
}

/* 9. TABEL SIMULASI PERHITUNGAN */
:is(html.dark, [data-theme="dark"]) .calc-seo-body table {
    border: 1px solid #1e3a66 !important;
    background-color: #0e1a32 !important;
}

:is(html.dark, [data-theme="dark"]) .calc-seo-body table th {
    background-color: #13233f !important;
    border: 1px solid #1e3a66 !important;
    color: #ffffff !important;
}

:is(html.dark, [data-theme="dark"]) .calc-seo-body table td {
    background-color: #0e1a32 !important;
    border: 1px solid #1e3a66 !important;
    color: #cbd5e1 !important;
}

:is(html.dark, [data-theme="dark"]) .calc-seo-body table tr:nth-child(even) td {
    background-color: #13233f !important;
}

:is(html.dark, [data-theme="dark"]) .calc-seo-body table td span[style*="#000000"] {
    color: #ffffff !important;
}

:is(html.dark, [data-theme="dark"]) .calc-seo-body table td[style*="#00b894"],
:is(html.dark, [data-theme="dark"]) .calc-seo-body table td span[style*="#00b894"] {
    color: #34d399 !important;
}

/* 10. FAQ ACCORDION (DETAILS & SUMMARY) */
:is(html.dark, [data-theme="dark"]) .calc-seo-body details {
    background-color: #13233f !important;
    border: 1px solid #1e3a66 !important;
}

:is(html.dark, [data-theme="dark"]) .calc-seo-body summary {
    color: #ffffff !important;
}

:is(html.dark, [data-theme="dark"]) .calc-seo-body summary span {
    color: #94a3b8 !important;
}

:is(html.dark, [data-theme="dark"]) .calc-seo-body details p {
    color: #cbd5e1 !important;
}

/* 11. GARIS PEMBATAS BAWAH */
:is(html.dark, [data-theme="dark"]) .calc-seo-body div[style*="border-top"] {
    border-top: 1px solid #1e3a66 !important;
}
}