/* فاصله بدنه در دسکتاپ از سمت راست */
@media (min-width: 901px) {
    body.has-sidebar {
        padding-inline-start: 260px;
        margin-left: 15px;
        margin-right: 35px;
    }
}

/* بک‌دراپ موبایل */
.sidebar-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:58}
.sidebar-backdrop[hidden]{display:none}

/* سایدبار سمت راست (در RTL = inline-start) */
.sidebar{
  position:fixed;
  inset-block:0;
  inset-inline-start:0;      /* راستِ صفحه در RTL */
  width:260px;
  background:#0b1020;
  color:#e2e8f0;
  box-shadow:-12px 0 24px rgba(2,6,23,.20);
  z-index:59;
  display:flex;flex-direction:column;
  transition:transform .25s ease;
}

/* دسکتاپ: همیشه باز */
@media (min-width:901px){
  .sidebar{transform:none}
  body.has-sidebar .sidebar-backdrop{display:none!important}
}

/* موبایل: آف‌کانواس از راست */
@media (max-width:900px){
  .sidebar{
    position:fixed;           /* مهم: در موبایل هم fixed بماند */
    inset-block:0;
    inset-inline-start:0;
    width:260px;
    transform:translateX(100%);   /* خارجِ دید در راست */
  }
  body.sidebar-open .sidebar{transform:none}
}

/* اجزا */
.sidebar-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)
}
.sidebar-header strong{color:#fff;font-size:1.05rem}
.burger-close{
  background:transparent;border:0;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1
}
@media (min-width:901px){ .burger-close{display:none} }

.sidebar-nav{padding:.5rem 0;overflow:auto}
.sidebar-nav ul{list-style:none;margin:0;padding:0}
.sidebar-nav li{margin:.1rem .5rem}
.sidebar-nav a{display:block;color:#cbd5e1;padding:.6rem .8rem;border-radius:10px}
.sidebar-nav li.active > a, .sidebar-nav a:hover{background:#11162b;color:#fff}
.sidebar-foot{margin-top:auto;padding:1rem;color:#94a3b8;border-top:1px solid rgba(255,255,255,.06)}
/* سایدبار ثابت در راستِ صفحه (دسکتاپ) */
#sidebar.sidebar{
  position:fixed;
  top:0; right:0;                /* راستِ صفحه */
  width:var(--sidebar-w);
  height:100dvh;
  background:#0b1020; color:#fff;
  padding:14px 12px;
  z-index:60;                    /* بالاتر از محتوا */
  display:flex; flex-direction:column; gap:8px;
  box-shadow: -8px 0 24px rgba(2,6,23,.2);
}

/* پس‌زمینه برای موبایل */
.sidebar-backdrop{
  position:fixed; inset:0; background:rgba(2,6,23,.4);
  z-index:55;
}

/* موبایل: سایدبار کشویی */
@media (max-width:900px){
  #sidebar.sidebar{
    transform: translateX(100%); /* مخفی سمت راست */
    transition: transform .25s ease;
  }
  body.sidebar-open #sidebar.sidebar{ transform: translateX(0); }
}