/* ============================================================
   dark-mode.css — My Software Theme
   All dark mode overrides in one place
   ============================================================ */

body.dark-mode {
  --clr-bg:             #0d1117;
  --clr-bg-2:           #161b22;
  --clr-bg-3:           #1c2128;
  --clr-surface:        #161b22;
  --clr-border:         #30363d;
  --clr-border-light:   #21262d;
  --clr-text:           #e6edf3;
  --clr-text-2:         #c9d1d9;
  --clr-text-3:         #8b949e;
  --clr-text-4:         #6e7681;
  --card-bg:            #161b22;
  --card-border:        #30363d;
  --card-shadow:        0 1px 4px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.25);
  --card-shadow-hover:  0 4px 16px rgba(0,102,255,.2), 0 12px 40px rgba(0,0,0,.5);
  --clr-primary-light:  rgba(0,102,255,.15);
}

/* Header */
body.dark-mode .mst-cat-bar {
  background: #0d1117;
  border-color: #30363d;
}
body.dark-mode .mst-cat-bar a { color: #8b949e; }
body.dark-mode .mst-cat-bar a:hover,
body.dark-mode .mst-cat-bar a.active {
  color: #60a5fa;
  background: rgba(0,102,255,.15);
}

/* Search */
body.dark-mode .mst-search-results {
  background: #161b22;
  border-color: #30363d;
}
body.dark-mode .mst-search-result-item { color: #e6edf3; }
body.dark-mode .mst-search-result-item:hover { background: #1c2128; }

/* Cards */
body.dark-mode .mst-software-card { background: #161b22; border-color: #30363d; }
body.dark-mode .mst-software-card:hover { border-color: rgba(0,102,255,.4); }
body.dark-mode .mst-card-title a:hover { color: #60a5fa; }
body.dark-mode .mst-card-footer { border-color: #21262d; }
body.dark-mode .mst-card-thumb { background: #1c2128; }

/* Category cards */
body.dark-mode .mst-cat-card { background: #161b22; border-color: #30363d; }
body.dark-mode .mst-cat-card .cat-name { color: #e6edf3; }

/* Meta chips */
body.dark-mode .mst-chip-blue   { background: rgba(29,78,216,.2);  border-color: rgba(29,78,216,.5);  color: #93c5fd; }
body.dark-mode .mst-chip-green  { background: rgba(22,101,52,.2);  border-color: rgba(22,101,52,.5);  color: #86efac; }
body.dark-mode .mst-chip-amber  { background: rgba(146,64,14,.2);  border-color: rgba(146,64,14,.5);  color: #fcd34d; }
body.dark-mode .mst-chip-gray   { background: rgba(255,255,255,.06); border-color: #30363d; color: #8b949e; }
body.dark-mode .mst-chip-purple { background: rgba(107,33,168,.2); border-color: rgba(107,33,168,.5); color: #d8b4fe; }
body.dark-mode .mst-chip-purple:hover { background: rgba(107,33,168,.3); color: #d8b4fe; }

/* Single Header */
body.dark-mode .mst-single-header { background: #161b22; border-color: #30363d; }

/* Archive Header */
body.dark-mode .mst-archive-header { background: #161b22; border-color: #30363d; }

/* Filter Bar */
body.dark-mode .mst-filter-bar { background: #161b22; border-color: #30363d; }
body.dark-mode .mst-os-filter {
  background: #1c2128;
  color: #e6edf3;
  border-color: #30363d;
}

/* Content Cards */
body.dark-mode .mst-content-card { background: #161b22; border-color: #30363d; }
body.dark-mode .mst-content-heading { border-color: #21262d; }
body.dark-mode .mst-post-content   { color: #c9d1d9; }
body.dark-mode .req-item { background: #1c2128; border-color: #21262d; }
body.dark-mode .req-value { color: #e6edf3; }
body.dark-mode .step-text { color: #c9d1d9; }
body.dark-mode .step-text strong { color: #e6edf3; }

/* Screenshots */
body.dark-mode .mst-screenshots-section { background: #161b22; border-color: #30363d; }
body.dark-mode .mst-screenshot-img { border-color: #30363d; }

/* Post meta bar */
body.dark-mode .mst-post-meta-bar { background: #161b22; border-color: #30363d; }

/* Sidebar Widgets */
body.dark-mode .widget { background: #161b22; border-color: #30363d; }
body.dark-mode .mst-info-item { border-color: #21262d; }
body.dark-mode .info-label { color: #6e7681; }
body.dark-mode .info-value { color: #e6edf3; }

/* Related items */
body.dark-mode .widget-related-item:hover { background: #1c2128; }
body.dark-mode .wri-thumb { background: #1c2128; border-color: #30363d; }
body.dark-mode .wri-title { color: #e6edf3; }

/* Categories widget */
body.dark-mode .widget-cats-list li a { color: #8b949e; }
body.dark-mode .widget-cats-list li a:hover,
body.dark-mode .widget-cats-list li a.active {
  background: rgba(0,102,255,.15);
  color: #60a5fa;
}
body.dark-mode .widget-cats-list li a span { background: #1c2128; color: #6e7681; }
body.dark-mode .widget-cats-list li a.active span {
  background: rgba(0,102,255,.15);
  color: #60a5fa;
}

/* Platform list */
body.dark-mode .platform-item { color: #8b949e; }
body.dark-mode .platform-item:hover,
body.dark-mode .platform-item.active {
  background: rgba(0,102,255,.15);
  color: #60a5fa;
}

/* Popular widget */
body.dark-mode .widget-popular-item:hover { background: #1c2128; }
body.dark-mode .pop-thumb { background: #1c2128; border-color: #30363d; }
body.dark-mode .wp-title { color: #e6edf3; }

/* Sort buttons */
body.dark-mode .mst-sort-btns { background: #1c2128; }
body.dark-mode .mst-sort-btn { color: #8b949e; }
body.dark-mode .mst-sort-btn.active,
body.dark-mode .mst-sort-btn:hover { background: #161b22; color: #60a5fa; }

/* No results */
body.dark-mode .mst-no-results { background: #161b22; border-color: #30363d; }

/* OS Cards */
body.dark-mode .mst-os-card { background: #161b22; border-color: #30363d; }
body.dark-mode .os-name { color: #e6edf3; }

/* Why Section */
body.dark-mode .mst-why-section { background: #161b22; }
body.dark-mode .mst-why-card { background: #1c2128; border-color: #30363d; }
body.dark-mode .why-title { color: #e6edf3; }

/* Load more */
body.dark-mode .mst-load-more-btn {
  background: #161b22;
  border-color: #30363d;
  color: #e6edf3;
}
body.dark-mode .mst-load-more-btn:hover {
  border-color: var(--clr-primary);
  color: #60a5fa;
  background: rgba(0,102,255,.1);
}

/* Pagination */
body.dark-mode .mst-pagination a,
body.dark-mode .mst-pagination span {
  background: #161b22;
  border-color: #30363d;
  color: #8b949e;
}
body.dark-mode .mst-pagination a:hover {
  border-color: var(--clr-primary);
  color: #60a5fa;
  background: rgba(0,102,255,.1);
}
body.dark-mode .mst-pagination .current {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
  color: #fff;
}

/* Back to top */
body.dark-mode .mst-back-top { box-shadow: 0 4px 16px rgba(0,102,255,.25); }