/* sidebar.css — ظاهر ویجت‌های سایدبار (ستون ۲۰۰px کنار مقاله). در صفحات عمومی و پیش‌نمایش پنل مدیریت استفاده می‌شود.
   وابسته به متغیرهای رنگی صفحه: --card --line --text --muted --primary --primary2 --gold --surface (با مقدار پیش‌فرض) */
.art-sidebar { font-size:13.5px; line-height:1.8 }
.sb-inner { display:grid; gap:14px; min-width:0 }
.sb-widget { min-width:0; background:var(--card,#fff); border:1px solid var(--line,#E4E9F5); border-radius:16px; padding:12px; color:var(--text,#1B2340); overflow:hidden }
.sb-title { margin:0 0 10px; font-size:14px; font-weight:700; line-height:1.6; padding-bottom:8px; border-bottom:1px solid var(--line,#E4E9F5); position:relative }
.sb-title::after { content:""; position:absolute; inset-inline-start:0; bottom:-1px; width:32px; height:2px; background:var(--gold,#A93DDB) }
.sb-widget a { color:inherit; text-decoration:none }
.sb-widget a:focus-visible { outline:2px solid var(--gold,#A93DDB); outline-offset:2px; border-radius:6px }

.sb-text { color:var(--muted,#667091); font-size:13px; line-height:1.95 }

.sb-links { list-style:none; margin:0; padding:0; display:grid; gap:2px }
.sb-links a { display:flex; justify-content:space-between; gap:8px; padding:5px 6px; border-radius:8px; font-size:13px }
.sb-links a:hover { background:var(--surface,#F3F6FD); color:var(--primary,#2447C8) }
.sb-count { flex:none; color:var(--muted,#667091); font-size:11.5px; background:var(--surface,#F3F6FD); border-radius:999px; padding:0 8px; line-height:1.9 }

.sb-img { display:block; border-radius:12px; overflow:hidden }
.sb-img img { display:block; width:100%; height:auto; max-width:100% }
.sb-widget.sb-w-image { padding:0; border:0; background:transparent }

.sb-btn { display:flex; align-items:center; justify-content:center; min-height:40px; padding:6px 12px; border-radius:12px; font-size:13.5px; font-weight:700; text-align:center; background:var(--primary,#2447C8); color:#fff !important; border:1px solid var(--primary,#2447C8) }
.sb-btn:hover { background:var(--primary2,#4C6FE8); border-color:var(--primary2,#4C6FE8) }
.sb-btn-outline { background:transparent; color:var(--primary,#2447C8) !important }
.sb-btn-outline:hover { background:var(--surface,#F3F6FD); border-color:var(--primary2,#4C6FE8) }
.sb-widget.sb-w-button { padding:8px }

.sb-articles { list-style:none; margin:0; padding:0; display:grid; gap:10px }
.sb-art { display:grid; gap:6px }
.sb-art-cover { display:block; border-radius:10px; overflow:hidden; aspect-ratio:16/9; background:var(--surface,#F3F6FD) }
.sb-art-cover img { display:block; width:100%; height:100%; object-fit:cover }
.sb-art-title { font-size:13px; font-weight:600; line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden }
.sb-art:hover .sb-art-title { color:var(--primary,#2447C8) }
.sb-articles--list { gap:0 }
.sb-articles--list li + li { border-top:1px solid var(--line,#E4E9F5) }
.sb-articles--list .sb-art { padding:7px 2px }

.sb-more { display:block; margin-top:10px; font-size:12.5px; font-weight:600; color:var(--primary,#2447C8) !important }
.sb-more:hover { text-decoration:underline !important }

.sb-tags { display:flex; flex-wrap:wrap; gap:6px }
.sb-tag { font-size:12px; padding:2px 10px; border-radius:999px; background:var(--surface,#F3F6FD); border:1px solid var(--line,#E4E9F5) }
.sb-tag:hover { border-color:var(--primary2,#4C6FE8); color:var(--primary,#2447C8) }

.sb-search { display:grid; gap:8px }
.sb-search input { width:100%; font:inherit; font-size:13px; color:var(--text,#1B2340); background:var(--surface,#F3F6FD); border:1px solid var(--line,#E4E9F5); border-radius:10px; padding:8px 10px }
.sb-search input:focus { outline:none; border-color:var(--gold,#A93DDB) }
.sb-search button { font:inherit; font-size:13px; font-weight:700; cursor:pointer; border:0; border-radius:10px; padding:8px 10px; background:var(--primary,#2447C8); color:#fff }
.sb-search button:hover { background:var(--primary2,#4C6FE8) }

/* نمایش بر اساس دستگاه: سایدبار فقط در دسکتاپ (بیش از 1024px) کنار مقاله است؛ در تبلت/موبایل زیر آن */
@media (max-width:1024px) {
  .sb-dev-desktop { display:none }
  /* زیر مقاله (تبلت/موبایل): ویجت‌ها در ستون‌های چندتایی تا صفحه بیش از حد کشیده نشود */
  .sb-inner { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); align-items:start }
}
@media (min-width:1025px) {
  .sb-dev-mobile { display:none }
  /* چسبیده (Sticky) فقط در دسکتاپ؛ ارتفاع هدر سایت ≈ 70px */
  .art-sidebar.sb-is-sticky { align-self:stretch }
  .art-sidebar.sb-is-sticky .sb-inner { position:sticky; top:84px }
}

/* چیدمان آمادهٔ صفحه‌های ثابت/صفحهٔ اصلی (با js/sidebar-embed.js): محتوا + ستون ۲۰۰px فقط وقتی سایدبار دارد */
.sb-page-layout { display:grid; gap:24px; grid-template-columns:minmax(0,1fr) }
.sb-page-layout > aside[hidden] { display:none }
@media (min-width:1025px) { .sb-page-layout.has-sidebar { grid-template-columns:minmax(0,1fr) 200px; align-items:start } }

/* عنوان «از همین نویسنده»: همیشه در یک خط */
.sb-w-same_author .sb-title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis }