/* =========================================
   DARK MODE - PANDUAN & VIDEO
   Komponen premium filter + video card
========================================= */

body.dark-mode .filter-panel { background: radial-gradient(circle at top right, rgba(59,130,246,.14), transparent 34%), var(--card); border-color:var(--border); box-shadow:0 18px 45px rgba(0,0,0,.22); }
body.dark-mode .filter-panel::before { background:linear-gradient(90deg,#3b82f6,#60a5fa,#7dd3fc); }
body.dark-mode .filter-header h4 { color:var(--dark); }
body.dark-mode .filter-label { color:#60a5fa; }
body.dark-mode .filter-title { color:#cbd5e1; }
body.dark-mode .guide-count { background:rgba(59,130,246,.14); color:#93c5fd; border-color:rgba(96,165,250,.25); }
body.dark-mode .search-box { background:#111b2e; border-color:var(--border); }
body.dark-mode .search-box:focus-within { background:#14213a; border-color:#60a5fa; box-shadow:0 0 0 4px rgba(59,130,246,.14); }
body.dark-mode .search-box input,body.dark-mode .search-box .form-control { background:transparent; color:var(--dark); }
body.dark-mode .search-box input::placeholder,body.dark-mode .search-box .form-control::placeholder { color:#7f8da5; }
body.dark-mode .search-icon { color:#8ea2c2; }
body.dark-mode .clear-search { color:#9aa9bf; }
body.dark-mode .clear-search:hover { color:#f8fafc; background:rgba(255,255,255,.08); }
body.dark-mode .filter-divider { border-color:var(--border); }
body.dark-mode .filter-chip { background:#111b2e; color:#cbd5e1; border-color:var(--border); }
body.dark-mode .filter-chip:hover,body.dark-mode .filter-chip.active { background:var(--primary); color:#fff; border-color:var(--primary); }

/* GUIDE CARDS — disamakan dengan warna teks halaman Informasi */
body.dark-mode .guide-card { background:var(--card); border-color:var(--border); box-shadow:0 16px 40px rgba(0,0,0,.2); }
body.dark-mode .guide-card:hover { border-color:rgba(96,165,250,.5); box-shadow:0 24px 55px rgba(0,0,0,.3); }
body.dark-mode .guide-card h1,body.dark-mode .guide-card h2,body.dark-mode .guide-card h3,body.dark-mode .guide-card h4,body.dark-mode .guide-card h5,body.dark-mode .guide-card h6 { color:#e2e8f0 !important; }
body.dark-mode .guide-card p { color:#94a3b8 !important; }
body.dark-mode .guide-card .guide-meta { color:#94a3b8; }
body.dark-mode .guide-card .guide-icon { color:#60a5fa; background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(122,92,255,.18)); }

/* VIDEO CARDS */
body.dark-mode .video-card { background:var(--card); border-color:var(--border); box-shadow:0 16px 40px rgba(0,0,0,.2); }
body.dark-mode .video-card:hover { border-color:rgba(96,165,250,.5); box-shadow:0 24px 55px rgba(0,0,0,.3); }
body.dark-mode .video-info h5 { color:var(--dark); }
body.dark-mode .video-info p { color:var(--muted) !important; }
body.dark-mode .video-frame { background:#080d18; }
body.dark-mode .empty-state { color:var(--muted); }