/**
 * Vedic Maths — left sidebar theme (overrides ../menus.css)
 * Royal indigo + gold accents; slightly wider column for long week titles.
 */

:root {
  --vedic-sidebar-w: 300px;
  --vedic-sidebar-start: #1a1240;
  --vedic-sidebar-mid: #2a1f5c;
  --vedic-sidebar-end: #3d2b78;
  --vedic-sidebar-header-bg: #120a2e;
  --vedic-sidebar-header-border: #c9a227;
  --vedic-sidebar-hover: #f4d03f;
  --vedic-sidebar-active: #ff8c42;
  --vedic-sidebar-link: rgba(255, 252, 245, 0.95);
  --vedic-sidebar-link-muted: rgba(255, 250, 240, 0.82);
}

[data-bs-theme="dark"] {
  --vedic-sidebar-start: #0f0a24;
  --vedic-sidebar-mid: #1a1438;
  --vedic-sidebar-end: #241a4a;
  --vedic-sidebar-header-bg: #08051a;
  --vedic-sidebar-header-border: #a68b28;
  --vedic-sidebar-hover: #ffe082;
  --vedic-sidebar-active: #ffb74d;
}

.page-wrapper .sidebar,
.sidebar {
  width: var(--vedic-sidebar-w);
  min-width: var(--vedic-sidebar-w);
  max-width: var(--vedic-sidebar-w);
  flex: 0 0 var(--vedic-sidebar-w);
  background: linear-gradient(
    to bottom,
    var(--vedic-sidebar-start),
    var(--vedic-sidebar-mid) 45%,
    var(--vedic-sidebar-end)
  );
  color: #fffaf3;
  box-shadow: 4px 0 20px rgba(26, 18, 64, 0.35);
  padding: 16px 0;
}

.sidebar-header {
  background-color: var(--vedic-sidebar-header-bg);
  border-bottom: 2px solid var(--vedic-sidebar-header-border);
}

.sidebar-header h3 {
  color: #fffef5;
  font-size: 1.25rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.sidebar-header p {
  color: rgba(255, 245, 220, 0.88);
  font-size: 0.85rem;
}

.sidebar-nav a {
  color: var(--vedic-sidebar-link-muted);
  font-size: 0.88rem;
  line-height: 1.35;
  padding: 9px 12px !important;
}

.sidebar-nav a:hover,
.sidebar-nav a.active {
  background: rgba(244, 208, 63, 0.16);
  color: #fff;
  border-left-color: var(--vedic-sidebar-hover);
}

.sidebar-nav a.active {
  background: rgba(255, 140, 66, 0.2);
  border-left-color: var(--vedic-sidebar-active);
  font-weight: 600;
}

.sidebar-nav a i {
  font-size: 0.85rem;
  width: 20px;
  margin-right: 8px;
}

.external-links {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.external-links h4 {
  color: rgba(255, 252, 245, 0.95);
  font-size: 1rem;
}

.external-links a {
  color: var(--vedic-sidebar-link-muted);
  font-size: 0.86rem;
  padding: 8px 12px;
}

.external-links a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-left-color: var(--vedic-sidebar-hover);
}

@media (max-width: 991.98px) {
  .page-wrapper .sidebar,
  .sidebar {
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: none;
  }
}