/* theme-fix-v18.css — make the left sidebar follow light/dark theme */

/* Default (assume dark) */
:root{
  --sidebar-bg: #0f172a;
  --sidebar-ink: #e6edf7;
  --sidebar-border: rgba(255,255,255,.12);
  --sidebar-hover: rgba(255,255,255,.06);
}

/* Light theme fallbacks (cover common attribute/class conventions) */
:root[data-theme="light"],
html.light, body.light, [data-mode="light"]{
  --sidebar-bg: #f7f8fb;
  --sidebar-ink: #111827;
  --sidebar-border: rgba(0,0,0,.08);
  --sidebar-hover: rgba(17,24,39,.06);
}

/* Apply to both .side and .sidebar containers */
.side, .sidebar{
  background: var(--sidebar-bg) !important;
  color: var(--sidebar-ink) !important;
  border-right: 1px solid var(--sidebar-border) !important;
}

/* Links/items inside the sidebar */
.side a, .sidebar a{ color: var(--sidebar-ink) }
.side .item, .sidebar .item{
  background: transparent;
}
.side .item:hover, .sidebar .item:hover{
  background: var(--sidebar-hover);
}

/* Divider and subtle elements */
.side hr, .sidebar hr{
  border-color: var(--sidebar-border);
}

/* Ensure search/chips near topbar still sit above */
#langBtn, #langMenu{ z-index: 10060 }