/* Han Blog Kenar Çubuğu — Stil */
.han-bs{
  --han-bs-accent: var(--e-global-color-accent, var(--e-global-color-primary, #2a23d8));
  --han-bs-radius: 16px;
  --han-bs-shadow: 0 12px 28px rgba(0,0,0,.08);
  color: #0f172a;
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: var(--han-bs-radius);
  padding: 10px 12px 12px;
  box-shadow: var(--han-bs-shadow);
  max-width: 100%;
}

/* Başlık kapsülü */
.han-bs-head{
  padding: 4px 2px 8px;
}
.han-bs-pill{
  display:inline-block;
  background: var(--han-bs-accent);
  color:#fff;
  padding: 8px 14px;
  border-radius: 10px;
  font-weight:800;
  font-size: 16px;
}

/* Menü liste */
.han-bs-nav{ margin-top: 6px; }
.han-bs-list{
  list-style:none; padding:10px 6px 0 6px; margin:0;
  display:flex; flex-direction:column; gap:8px;
}
.han-bs-list > li{ margin:0; }
.han-bs-list a{
  display:block;
  text-decoration:none;
  color:#0f172a;
  font-weight:700;
  padding: 8px 4px;
  border-radius:10px;
  transition: background-color .18s ease, transform .12s ease;
}
.han-bs-list a:hover{ background: rgba(42,35,216,.08); transform: translateX(2px); }
.han-bs-list .current-menu-item > a,
.han-bs-list .current_page_item > a{
  background: rgba(42,35,216,.12);
}

/* Masaüstünde varsayılan genişlik */
@media (min-width: 769px){
  .han-bs[data-position="left"]{ margin-right: 16px; }
  .han-bs[data-position="right"]{ margin-left: 16px; }
}

/* Koyu mod (istemci tercihi) */
@media (prefers-color-scheme: dark){
  .han-bs{ color:#e5e7eb; background:#0f172a; border-color:#1f2937; }
  .han-bs-list a{ color:#e5e7eb; }
}