/* ============================================================
   FRONTEND DARK MODE — complete element coverage
   Loaded AFTER style.css / weather.css / nbl-listing.css so these
   [data-bs-theme="dark"] overrides always win.
   Light mode is untouched. Layout/spacing/fonts are untouched.
   Only colors / backgrounds / borders / shadows adapt.
   ============================================================ */

/* ---------- Bootstrap surfaces driven by variables ---------- */


[data-bs-theme="dark"] {
  --bs-body-bg: #0b1220;
  --bs-body-color: #cbd5e1;
  --bs-heading-color: #f1f5f9;
  --bs-border-color: #23304a;
  --bs-card-bg: #121a2b;
  --bs-card-border-color: #23304a;
  --bs-modal-bg: #131b2e;
  --bs-dropdown-bg: #131b2e;
  --bs-dropdown-link-color: #dbe4f0;
  --bs-dropdown-link-hover-bg: #1e2942;
  --bs-dropdown-link-hover-color: #fff;
  --bs-tertiary-bg: #0e1526;
  --bs-secondary-bg: #0e1526;
  --bs-light: #1a2340;
  
  color-scheme: dark;
}
 

/* ---------- Header (all 3 strips + drawer + search + ticker) ---------- */
[data-bs-theme="dark"] .hn-top { background: #0d1526 !important; border-bottom-color: #1c2740 !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-static-headline { color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-top-news-brief { color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-top-news-brief:hover { color: #fff !important; }
[data-bs-theme="dark"] .hn-quick-items { background: #1a2340 !important; border-color: #2b3a58 !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-quick-labeln { color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-quick-icon { background: rgba(227,27,35,.22) !important; color: #ff7a7a !important; }
[data-bs-theme="dark"] .hn-quick-items:hover { background: #223052 !important; border-color: #3b507a !important; }
[data-bs-theme="dark"] .hn-quick-items:hover .hn-quick-icon { background: rgba(227,27,35,.32) !important; color: #ffb4b4 !important; }
[data-bs-theme="dark"] .hn-main,
[data-bs-theme="dark"] .hn-quick-mobile,
[data-bs-theme="dark"] .hn-chips { background: #0d1526 !important; }
[data-bs-theme="dark"] .hn-navbar-bar { background: transparent !important; }
[data-bs-theme="dark"] .hn-navbar { background: #101a30 !important; color: #dbe4f0 !important; border: 1px solid #1c2740 !important; box-shadow: 0 4px 14px rgba(0,0,0,.45) !important; }
[data-bs-theme="dark"] .hn-navbar > * + *::before { background: rgba(219,228,240,.22) !important; }
[data-bs-theme="dark"] .hn-nav-link { color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-nav-link:hover, [data-bs-theme="dark"] .hn-nav-link.is-active, [data-bs-theme="dark"] .hn-nav-link[aria-expanded="true"] { background: var(--news-primary) !important; color: #fff !important; }
[data-bs-theme="dark"] .hn-nav-dd .dropdown-toggle::after { color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-nav-home { background: var(--news-primary) !important; color: #fff !important; }
[data-bs-theme="dark"] .hn-nav-home:hover { color: #fff !important; filter: brightness(1.08); }
[data-bs-theme="dark"] .hn-nav-hl { background: #1a2340 !important; color: #ffb4b4 !important; border: 1px solid #2b3a58 !important; }
[data-bs-theme="dark"] .hn-nav-hl:hover { color: #fff !important; }
[data-bs-theme="dark"] #darkModeToggleMobile { background: #1a2340 !important; border: 1px solid #2b3a58 !important; color: #fbbf24 !important; border-radius: 50%; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; }
[data-bs-theme="dark"] .hn-logo-name { color: #f1f5f9 !important; }
[data-bs-theme="dark"] .hn-logo-tag, [data-bs-theme="dark"] .hn-dt-date { color: #9fb0c7 !important; }
[data-bs-theme="dark"] .hn-dt-time { color: #8fa0b8 !important; }
[data-bs-theme="dark"] .hn-quick-item { color: #cbd5e1 !important; }
[data-bs-theme="dark"] .hn-quick-ico {
  background: #1a2340 !important;
  color: #e8eef7 !important;
  border-color: #2b3a58 !important;
}
[data-bs-theme="dark"] .hn-quick-ico--solid { background: var(--news-primary) !important; color: #fff !important; border-color: var(--news-primary) !important; }
[data-bs-theme="dark"] .hn-search { background: #0e1526 !important; border-color: #2b3a58 !important; }
[data-bs-theme="dark"] .hn-search input { color: #e8eef7 !important; }
[data-bs-theme="dark"] .hn-search input::placeholder { color: #7d90aa !important; }
[data-bs-theme="dark"] .hn-lang-btn { background: #1a2340 !important; border-color: #2b3a58 !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-social { background: #1a2340 !important; border-color: #2b3a58 !important; color: #cbd5e1 !important; }
[data-bs-theme="dark"] .theme-toggle { background: #1a2340 !important; border-color: #2b3a58 !important; color: #fbbf24 !important; }
[data-bs-theme="dark"] .hn-chip { background: #1a2340 !important; border-color: #2b3a58 !important; color: #cbd5e1 !important; }
[data-bs-theme="dark"] .hn-chip.is-active, [data-bs-theme="dark"] .hn-chip:hover { background: var(--news-primary) !important; border-color: var(--news-primary) !important; color: #fff !important; }
[data-bs-theme="dark"] .hn-chip-drop { background: #131b2e !important; border-color: #2b3a58 !important; }
[data-bs-theme="dark"] .hn-chip-drop a { color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-chip-drop a:hover { background: #1e2942 !important; }
[data-bs-theme="dark"] .hn-breaking-bar { background: linear-gradient(90deg, #7f1d1d, #450a0a) !important; }
[data-bs-theme="dark"] .hn-breaking-ticker a, [data-bs-theme="dark"] .ticker a { color: #fca5a5 !important; }
[data-bs-theme="dark"] .hn-mega { background: #131b2e !important; border-color: #2b3a58 !important; }
[data-bs-theme="dark"] .hn-mega a { color: #cbd5e1 !important; }
[data-bs-theme="dark"] .hn-mega a:hover { color: #fff !important; background: #1e2942 !important; }
[data-bs-theme="dark"] .hn-drawer, [data-bs-theme="dark"] .mobile-drawer { background: #0d1526 !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hn-drawer a, [data-bs-theme="dark"] .mobile-drawer a { color: #cbd5e1 !important; }
[data-bs-theme="dark"] .hn-nav-hl { background: #1a2340 !important; color: #fca5a5 !important; }
[data-bs-theme="dark"] .hn-epaper-btn { background: #121a2b !important; }
[data-bs-theme="dark"] .hn-grid { color:  #fff !important; }

[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .bg-light {
  background-color: #121a2b !important;
  color: #dbe4f0 !important;
  border-color: #23304a !important;
}
[data-bs-theme="dark"] .text-dark { color: #e8eef7 !important; }
[data-bs-theme="dark"] .text-muted { color: #8fa0b8 !important; }
[data-bs-theme="dark"] .text-secondary { color: #9fb0c7 !important; }
[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] .border-top,
[data-bs-theme="dark"] .border-bottom,
[data-bs-theme="dark"] .border-start,
[data-bs-theme="dark"] .border-end,
[data-bs-theme="dark"] .border-light { border-color: #23304a !important; }
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .list-group-item,
[data-bs-theme="dark"] .offcanvas {
  background-color: #121a2b !important;
  color: #dbe4f0 !important;
  border-color: #23304a !important;
}
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .input-group-text {
  background-color: #0e1526 !important;
  color: #dbe4f0 !important;
  border-color: #2b3a58 !important;
}
[data-bs-theme="dark"] .form-control::placeholder { color: #7d90aa !important; }
[data-bs-theme="dark"] .btn-light,
[data-bs-theme="dark"] .btn-outline-light {
  background-color: #1a2340 !important;
  border-color: #2b3a58 !important;
  color: #e8eef7 !important;
}
[data-bs-theme="dark"] .table { --bs-table-bg: transparent; --bs-table-color: #dbe4f0; --bs-table-border-color: #23304a; }
[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: rgba(255,255,255,.03); color: #dbe4f0; }
[data-bs-theme="dark"] .pagination .page-link { background: #121a2b; border-color: #23304a; color: #cbd5e1; }
[data-bs-theme="dark"] .alert-light { background: #1a2340; border-color: #2b3a58; color: #dbe4f0; }
[data-bs-theme="dark"] .breadcrumb-item + .breadcrumb-item::before { color: #7d90aa; }
[data-bs-theme="dark"] .img-placeholder { background: linear-gradient(135deg, #182238, #0e1526) !important; color: #5b6f8d !important; }
[data-bs-theme="dark"] .shadow-sm, [data-bs-theme="dark"] .shadow { box-shadow: 0 8px 24px rgba(0,0,0,.45) !important; }

/* ---------- Home sections (all builder blocks) ---------- */
[data-bs-theme="dark"] .news-card,
[data-bs-theme="dark"] .category-card,
[data-bs-theme="dark"] .search-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .category-card-title a,
[data-bs-theme="dark"] .search-card-title a,
[data-bs-theme="dark"] .news-title a,
[data-bs-theme="dark"] .sec-title,
[data-bs-theme="dark"] .section-title { color: #eef3fa !important; }
[data-bs-theme="dark"] .category-card-excerpt,
[data-bs-theme="dark"] .search-card-excerpt,
[data-bs-theme="dark"] .news-excerpt { color: #9fb0c7 !important; }
[data-bs-theme="dark"] .sec-head-line, [data-bs-theme="dark"] .section-line { background: #2b3a58 !important; }
[data-bs-theme="dark"] .side-header { background: #121a2b !important; color: #eef3fa !important; border-color: #23304a !important; }
[data-bs-theme="dark"] .side-list-item, [data-bs-theme="dark"] .trend-item { border-color: #1c2740 !important; }
[data-bs-theme="dark"] .side-list-item a, [data-bs-theme="dark"] .trend-item a { color: #dbe4f0 !important; }
/* Tabs (tabbed news) */
[data-bs-theme="dark"] .tab-btn, [data-bs-theme="dark"] .news-tab { background: #1a2340 !important; border-color: #2b3a58 !important; color: #cbd5e1 !important; }
[data-bs-theme="dark"] .tab-btn.is-active, [data-bs-theme="dark"] .news-tab.is-active { background: var(--news-primary) !important; border-color: var(--news-primary) !important; color: #fff !important; }
/* Video shelf */
[data-bs-theme="dark"] .vp-card, [data-bs-theme="dark"] .video-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .vp-nav, [data-bs-theme="dark"] .slider-nav { background: #1a2340 !important; border-color: #2b3a58 !important; color: #e8eef7 !important; }
/* Gallery */
[data-bs-theme="dark"] .gallery-card { background: #121a2b !important; border-color: #23304a !important; }
[data-bs-theme="dark"] .gallery-cap { color: #cbd5e1 !important; }
/* Jobs */
[data-bs-theme="dark"] .job-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
/* Live blog home strip */
[data-bs-theme="dark"] .lb-home-area, [data-bs-theme="dark"] .live-mini { background: #121a2b !important; color: #dbe4f0 !important; border-color: #23304a !important; }
/* Poll card */
[data-bs-theme="dark"] .poll-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .poll-opt { background: #0e1526 !important; border-color: #2b3a58 !important; color: #dbe4f0 !important; }
/* Websites grid */
[data-bs-theme="dark"] .web-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
/* History (aaj-ka-itihas) */
[data-bs-theme="dark"] .thi { --thi-beige: #141c30; --thi-beige-soft: #0e1526; }
[data-bs-theme="dark"] .thi-card, [data-bs-theme="dark"] .thi-event, [data-bs-theme="dark"] .history-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .thi-day, [data-bs-theme="dark"] .thi-cal-day { background: #1a2340 !important; border-color: #2b3a58 !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .cal-day { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
/* Slider / hero */
[data-bs-theme="dark"] .hero-card, [data-bs-theme="dark"] .ps-card, [data-bs-theme="dark"] .pn-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .hero-cap, [data-bs-theme="dark"] .ps-cap { color: #e8eef7 !important; }

/* ---------- Listing pages (category / search / author / live-blog / featured-hero) ---------- */
[data-bs-theme="dark"] #categoryView .nbl-list-card,

/* ---------- Article page ---------- */
[data-bs-theme="dark"] .article-body { color: #d7e0ee !important; }
[data-bs-theme="dark"] .article-body p, [data-bs-theme="dark"] .article-body li { color: #d7e0ee !important; }
[data-bs-theme="dark"] .article-body h1, [data-bs-theme="dark"] .article-body h2, [data-bs-theme="dark"] .article-body h3, [data-bs-theme="dark"] .article-body h4 { color: #f1f5f9 !important; }
[data-bs-theme="dark"] .article-body table th, [data-bs-theme="dark"] .article-body table td { border-color: #2b3a58 !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .article-body table th { background: #1a2340 !important; }
[data-bs-theme="dark"] .article-body pre { background: #0e1526 !important; border-color: #2b3a58 !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .article-body code { background: #1a2340 !important; color: #fbbf24 !important; }
[data-bs-theme="dark"] .article-body blockquote { background: #101828 !important; color: #cbd5e1 !important; }
[data-bs-theme="dark"] .article-meta, [data-bs-theme="dark"] .post-meta { color: #8fa0b8 !important; }
[data-bs-theme="dark"] .author-box { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .share-buttons .btn, [data-bs-theme="dark"] .modern-top-share .btn { border-color: #2b3a58 !important; }
[data-bs-theme="dark"] .post-rel-slider { background: #121a2b !important; border-color: #23304a !important; }
[data-bs-theme="dark"] .post-trend-item { border-color: #23304a !important; }
[data-bs-theme="dark"] .post-trend-item:hover { background: #1a2340 !important; }
[data-bs-theme="dark"] .post-rel-ttl a, [data-bs-theme="dark"] .post-trend-ttl { color: #e3e6ea !important; }
[data-bs-theme="dark"] .comment-box, [data-bs-theme="dark"] .comment-item { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .reaction-btn { background: #1a2340 !important; border-color: #2b3a58 !important; color: #cbd5e1 !important; }
[data-bs-theme="dark"] .tag-chip { background: #1a2340 !important; border-color: #2b3a58 !important; color: #cbd5e1 !important; }

/* ---------- Weather / AQI pages ---------- */
[data-bs-theme="dark"] .wxf-aqicard { background: #121a2b !important; }
[data-bs-theme="dark"] .wxf-powered b { color: #bcd0ea !important; }
[data-bs-theme="dark"] .wxf-city { background: var(--wx-card, #131a26) !important; border-color: var(--wx-line) !important; }
[data-bs-theme="dark"] .wxf-city-go { background: #1a2340 !important; border-color: #2b3a58 !important; }
[data-bs-theme="dark"] .wxa-pm-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .wx-table th, [data-bs-theme="dark"] .wx-table td { border-color: #23304a !important; color: #dbe4f0 !important; }

/* ---------- Epaper / shorts / web-stories / brief / auth / dashboard / misc ---------- */
[data-bs-theme="dark"] .epaper-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .eph-toolbar, [data-bs-theme="dark"] .eph-cal { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .eph-cal-d { color: #dbe4f0 !important; }
[data-bs-theme="dark"] .eph-iconbtn { color: #cbd5e1 !important; }
[data-bs-theme="dark"] .eph-iconbtn:hover { background: #1e2942 !important; }
[data-bs-theme="dark"] .reel-card, [data-bs-theme="dark"] .short-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .ws-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .auth-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; box-shadow: 0 20px 45px -10px rgba(0,0,0,.5) !important; }
[data-bs-theme="dark"] .input-wrapper { background: #0e1526 !important; border-color: #2b3a58 !important; }
[data-bs-theme="dark"] .dash-card, [data-bs-theme="dark"] .dash-menu, [data-bs-theme="dark"] .pref-grid .form-check { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .dash-menu-item { color: #cbd5e1 !important; border-bottom-color: #1c2740 !important; }
[data-bs-theme="dark"] .contact-section .card, [data-bs-theme="dark"] .cms-page-section .card, [data-bs-theme="dark"] .websites-card { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .site-footer { background: #0a0f1e !important; color: #9fb0c7 !important; border-top: 1px solid #1c2740; }
[data-bs-theme="dark"] .site-footer a { color: #9fb0c7 !important; }
[data-bs-theme="dark"] .site-footer a:hover { color: #fff !important; }
[data-bs-theme="dark"] .social-link { background: #1a2340 !important; border-color: #2b3a58 !important; color: #cbd5e1 !important; }
[data-bs-theme="dark"] .back-to-top { background: #1a2340 !important; border-color: #2b3a58 !important; color: #e8eef7 !important; }
[data-bs-theme="dark"] .post-ad { background: #101828 !important; border-color: #23304a !important; }

[data-bs-theme="dark"] #authorView .nbl-list-card,
[data-bs-theme="dark"] #searchView .nbl-list-card,
[data-bs-theme="dark"] #lbView .nbl-list-card,
[data-bs-theme="dark"] #heroView .nbl-list-card { border-bottom-color: #23304a !important; }
[data-bs-theme="dark"] #categoryView .nbl-grid-card,
[data-bs-theme="dark"] #authorView .nbl-grid-card,
[data-bs-theme="dark"] #searchView .nbl-grid-card,
[data-bs-theme="dark"] #lbView .nbl-grid-card,
[data-bs-theme="dark"] #heroView .nbl-grid-card { background: #121a2b !important; border-color: #23304a !important; }
[data-bs-theme="dark"] .nbl-lead-title, [data-bs-theme="dark"] .nbl-list-title, [data-bs-theme="dark"] .nbl-grid-title { color: #eef3fa !important; }
[data-bs-theme="dark"] .nbl-list-card .card-text, [data-bs-theme="dark"] .nbl-lead-card .card-text { color: #9fb0c7 !important; }
[data-bs-theme="dark"] .author-head, [data-bs-theme="dark"] .author-bio { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }
[data-bs-theme="dark"] .live-timeline-item { background: #121a2b !important; border-color: #23304a !important; color: #dbe4f0 !important; }