/* ════════════════════════════════════════════════════════════════════════════
   SIDEBAR.CSS — Sidebar Shell & Stack Behavior
   BuySEOWebsites.com — Digital Asset Cellar
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Sidebar container ────────────────────────────────────────────────────── */
.sidebar-inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  position: sticky;
  top: calc(var(--header-height) + var(--space-6));
}

/* ── Empty state ──────────────────────────────────────────────────────────── */
.sidebar-inner:empty {
  display: none;
}

/* ── Mobile: sidebar stacks below content ─────────────────────────────────── */
@media (max-width: 900px) {
  .sidebar-inner {
    position: static;
  }
}