/* ======================================================================
   RazTheme — Single Sidebar (RTL, Glass)
   Depends on tokens from layout.css (scoped to .single)
   ====================================================================== */

.sidebar-single { min-width: 0; }
.sidebar-single .sidebar-inner { display: grid; gap: 16px; }

/* هیچ sticky/height/overflow داخلی اینجا تعریف نشده است. */

/* ===== Cards ===== */
.sidebar-single .sb-card{
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--card-radius);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: var(--card-shadow);
  padding: 14px;
}

/* ===== Section Titles (accent line from right) ===== */
.sidebar-single .sb-title{
  margin: 0 0 10px;
  font-weight: 800;
  font-size: 14px;
  color: var(--text);
  position: relative;
  padding-top: 8px;
  text-align: right;
}
.sidebar-single .sb-title::before{
  content: "";
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: 3px;
  width: 72px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent), transparent);
}

/* ===== Gallery ===== */
.sb-gallery-grid{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}
.sb-gallery-item{ margin: 0; }
.sb-gallery-img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

/* ===== Guides ===== */
.sb-guides-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.sb-guide-item a{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  text-decoration: none;
  color: var(--text);
  background: rgba(255,255,255,.35);
}
html.dark .single .sb-guide-item a,
[data-theme="dark"] .single .sb-guide-item a{
  background: rgba(255,255,255,.08);
}
.guide-thumb{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  object-fit: cover;
}
.guide-thumb--placeholder{
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: color-mix(in oklab, var(--accent), transparent 80%);
}
.sb-guide-item .guide-title{
  font-size: 13px;
  color: var(--text);
  line-height: 1.6;
}

/* ===== Banners ===== */
.sb-banners-grid{ display: grid; gap: 12px; }
.sb-banner, .banner-img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

/* ===== Widgets fallback ===== */
.sb-widgets .widget {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--card-radius);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: var(--card-shadow);
  padding: 10px;
}

/* ===== Empty note ===== */
.sb-empty .sb-empty-note{
  text-align: center;
  font-size: 13px;
  color: var(--text-dim);
}

/* ===== Safety ===== */
.sidebar-single, .sidebar-single *{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}