.elementor-13917 .elementor-element.elementor-element-cd2d1df .elementor-icon-list-icon{width:14px;}.elementor-13917 .elementor-element.elementor-element-cd2d1df .elementor-icon-list-icon i{font-size:14px;}.elementor-13917 .elementor-element.elementor-element-cd2d1df .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-13917 .elementor-element.elementor-element-c053e69 .elementor-icon-list-icon{width:14px;}.elementor-13917 .elementor-element.elementor-element-c053e69 .elementor-icon-list-icon i{font-size:14px;}.elementor-13917 .elementor-element.elementor-element-c053e69 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-13917 .elementor-element.elementor-element-b360553 img{width:100%;border-style:none;border-radius:16px 16px 16px 16px;}.elementor-13917 .elementor-element.elementor-element-62fd302{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13917 .elementor-element.elementor-element-961c499{padding:5px 5px 5px 5px;}.elementor-13917 .elementor-element.elementor-element-f954522 .elementor-icon-list-icon{width:14px;}.elementor-13917 .elementor-element.elementor-element-f954522 .elementor-icon-list-icon i{font-size:14px;}.elementor-13917 .elementor-element.elementor-element-f954522 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-13917 .elementor-element.elementor-element-7209468{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-13917 .elementor-element.elementor-element-1c3708d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-13917 .elementor-element.elementor-element-74abccf{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-13917 .elementor-element.elementor-element-74abccf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13917 .elementor-element.elementor-element-74abccf .elementor-post__thumbnail__link{width:100%;}.elementor-13917 .elementor-element.elementor-element-74abccf .elementor-post{border-radius:0px;}.elementor-13917 .elementor-element.elementor-element-74abccf .elementor-post__thumbnail{border-radius:15px 15px 15px 15px;}.elementor-13917 .elementor-element.elementor-element-74abccf.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-13917 .elementor-element.elementor-element-74abccf.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-13917 .elementor-element.elementor-element-74abccf.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-13917 .elementor-element.elementor-element-b71c7bc{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-13917 .elementor-element.elementor-element-d1acbe0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-13917 .elementor-element.elementor-element-b9b9e40{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:767px){.elementor-13917 .elementor-element.elementor-element-74abccf .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//* ═══════════════════════════════════════════════════
   برتر بروکر — استایل قالب تک‌مقاله  (نسخهٔ ۲)
   المنتور ← پوسته‌ساز ← Single Post ← تنظیمات
   ← پیشرفته ← Custom CSS
   ═══════════════════════════════════════════════════
   کلاس‌هایی که باید در المنتور بگذارید:
     کانتینر دو ستونه ........ bb-post-cols
     ستون کناری .............. bb-post-side
     ویجت Post Content ....... bb-article
   ═══════════════════════════════════════════════════ */

:root{
  --bb-brand:#E14618; --bb-brand-2:#F5A623;
  --bb-link:#D9531A; --bb-link-h:#9A3412;
  --bb-ink:#111111; --bb-ink-2:#3A3A3A;
  --bb-ink-3:#6E6E6E; --bb-ink-4:#9A9A9A;
  --bb-line:#E5E5E5; --bb-line-warm:#EDE4DC;
  --bb-bg-soft:#FAFAFA; --bb-bg-2:#F1F1F1;
  --bb-pos:#15803D; --bb-neg:#B91C1C; --bb-warn:#A16207;
  --bb-r-sm:8px; --bb-r-md:12px; --bb-r-lg:16px; --bb-r-full:999px;
}

.bb-post, .bb-post *,
.bb-article, .bb-article *{
  font-family:'BBIRANYekanX','IRANSansX',Tahoma,Arial,sans-serif !important;
  box-sizing:border-box;
}
.bb-post a{ text-decoration:none; }
.bb-post p, .bb-post h1, .bb-post h2, .bb-post h3, .bb-post ul{ margin:0; padding:0; }
.bb-post ul{ list-style:none; }
.bb-post button{ font-family:inherit; }
.bb-num{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum"; }
.bb-post a:focus-visible, .bb-post button:focus-visible{
  outline:2px solid var(--bb-brand); outline-offset:2px; border-radius:6px;
}


/* ═══ ۱. چیدمان دو ستونه ═══ */

/* کانتینر والد نباید ستون‌ها را کش بدهد، وگرنه sticky کار نمی‌کند */
.bb-post-cols{
  align-items:flex-start !important;
}
.bb-post-cols > *{
  align-self:flex-start !important;
}

/* ستون کناری چسبان */
.bb-post-side{
  position:sticky !important;
  top:24px;
  align-self:flex-start !important;
}
body.admin-bar .bb-post-side{ top:56px; }

@media (max-width:1024px){
  .bb-post-side{ position:static !important; }
}


/* ═══ ۲. بدنهٔ مقاله — ویجت Post Content ═══ */

.bb-article{
  font-size:1.02rem;
  line-height:1.95;
  color:var(--bb-ink-2);
  direction:rtl;
  text-align:right;
  max-width:100%;
}
.bb-article > *{ max-width:100%; }

.bb-article h2{
  font-size:1.5rem !important;
  font-weight:700 !important;
  color:var(--bb-ink) !important;
  line-height:1.5 !important;
  margin:44px 0 14px !important;
  padding-inline-start:14px;
  border-inline-start:5px solid;
  border-image:linear-gradient(to bottom,var(--bb-brand-2),var(--bb-brand)) 1;
  scroll-margin-top:100px;
}
.bb-article h3{
  font-size:1.18rem !important;
  font-weight:700 !important;
  color:var(--bb-ink) !important;
  line-height:1.6 !important;
  margin:30px 0 10px !important;
  scroll-margin-top:100px;
}
.bb-article h4{
  font-size:1.05rem !important; font-weight:700 !important;
  color:var(--bb-ink) !important; margin:24px 0 8px !important;
  scroll-margin-top:100px;
}
.bb-article p{ margin:0 0 18px !important; }
.bb-article a{
  color:var(--bb-link); font-weight:600;
  border-bottom:1px solid rgba(217,83,26,.35);
}
.bb-article a:hover{ color:var(--bb-link-h); border-bottom-color:var(--bb-link-h); }
.bb-article strong{ font-weight:700; color:var(--bb-ink); }

.bb-article ul, .bb-article ol{
  margin:0 0 20px !important;
  padding-inline-start:0 !important;
  list-style:none !important;
}
.bb-article ul li, .bb-article ol li{
  position:relative;
  padding-inline-start:26px;
  margin-bottom:10px;
  line-height:1.9;
}
.bb-article ul li::before{
  content:"";
  position:absolute; inset-inline-start:8px; top:.75em;
  width:7px; height:7px; border-radius:50%;
  background:var(--bb-brand-2);
}
.bb-article ol{ counter-reset:bb-ol; }
.bb-article ol li{ counter-increment:bb-ol; }
.bb-article ol li::before{
  content:counter(bb-ol);
  position:absolute; inset-inline-start:0; top:.15em;
  width:22px; height:22px; border-radius:50%;
  background:#FDECE4; color:var(--bb-link);
  font-size:.75rem; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}

.bb-article blockquote{
  margin:26px 0 !important;
  padding:20px 24px;
  background:var(--bb-bg-soft);
  border-inline-start:4px solid var(--bb-brand-2);
  border-radius:0 var(--bb-r-lg) var(--bb-r-lg) 0;
  font-size:1rem; line-height:1.9; color:var(--bb-ink-2);
}
.bb-article blockquote p:last-child{ margin-bottom:0 !important; }

.bb-article img{
  max-width:100%; height:auto;
  border-radius:var(--bb-r-lg);
  display:block; margin:26px auto;
}
.bb-article figure{ margin:26px 0 !important; max-width:100%; }
.bb-article figcaption{
  margin-top:10px; text-align:center;
  font-size:.82rem; color:var(--bb-ink-4); line-height:1.7;
}

/* --- جدول --- */
.bb-article table{
  width:100% !important; max-width:100%;
  border-collapse:collapse;
  margin:26px 0 !important;
  font-size:.9rem;
  border:1px solid var(--bb-line) !important;
  border-radius:var(--bb-r-lg);
  overflow:hidden;
  background:#fff !important;
}
.bb-article table th{
  background:var(--bb-bg-soft) !important;
  font-weight:700 !important; color:var(--bb-ink) !important;
  text-align:start; padding:13px 16px !important;
  border:none !important;
  border-bottom:1px solid var(--bb-line) !important;
}
.bb-article table td{
  padding:13px 16px !important;
  border:none !important;
  border-bottom:1px solid #F5F5F5 !important;
  color:var(--bb-ink-2) !important;
  background:transparent !important;
}
.bb-article table tr:last-child td{ border-bottom:none !important; }
.bb-article table a{ color:var(--bb-link) !important; }
/* خنثی کردن رنگ‌های آبی قالب روی جدول */
.bb-article table *{ background-color:transparent !important; }
.bb-article table th *{ color:var(--bb-ink) !important; }

.bb-article code{
  background:var(--bb-bg-2); border-radius:5px;
  padding:2px 6px; font-size:.88em; direction:ltr; display:inline-block;
}
.bb-article pre{
  background:var(--bb-ink); color:#F1F1F1;
  border-radius:var(--bb-r-lg); padding:18px 20px;
  overflow-x:auto; direction:ltr; margin:26px 0 !important;
}
.bb-article pre code{ background:none; color:inherit; padding:0; }

@media (max-width:768px){
  .bb-article{ font-size:.98rem; }
  .bb-article h2{ font-size:1.3rem !important; margin-top:34px !important; }
  .bb-article h3{ font-size:1.08rem !important; }
  .bb-article table{ display:block; overflow-x:auto; }
}


/* ═══ ۳. باکس‌های داخل متن — شورت‌کد ═══ */

.bb-box{
  margin:26px 0 !important;
  padding:18px 22px;
  border-radius:var(--bb-r-lg);
  display:flex; flex-direction:column; gap:6px;
  max-width:100%;
}
.bb-box p{ margin:0 !important; font-size:.92rem; line-height:1.85; }
.bb-box strong{ font-weight:700; }

.bb-box--note{ background:#F0FDF4; border:1px solid #BBF7D0; }
.bb-box--note strong, .bb-box--note p{ color:#166534; }

.bb-box--warn{ background:#FFFBEB; border:1px solid #FDE68A; }
.bb-box--warn strong, .bb-box--warn p{ color:#854D0E; }

.bb-box--info{
  background:#F0F9FF; border:1px solid #BAE6FD;
  border-inline-start:4px solid #0369A1;
}
.bb-box--info strong, .bb-box--info p{ color:#0C4A6E; }

.bb-inlink{
  display:flex; align-items:center; gap:12px;
  margin:24px 0 !important; padding:14px 18px;
  background:#FFF6F0; border:1px solid #F7C9AE;
  border-inline-start:4px solid var(--bb-brand);
  border-radius:var(--bb-r-lg); max-width:100%;
}
.bb-inlink span{ font-size:.78rem; font-weight:700; color:var(--bb-brand); flex:none; }
.bb-inlink a{
  font-size:.95rem; font-weight:700; color:var(--bb-ink);
  border-bottom:none; line-height:1.7;
}
.bb-inlink a:hover{ color:var(--bb-link); }


/* ═══ ۴. فهرست مطالب ═══ */

.bb-toc{
  background:#fff; border:1px solid var(--bb-line-warm);
  border-radius:var(--bb-r-lg); padding:20px 22px;
  display:flex; flex-direction:column; gap:12px;
  max-height:calc(100vh - 60px);
}
.bb-toc-head{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  flex:none;
}
.bb-toc-head strong{ font-size:.95rem; font-weight:700; color:var(--bb-ink); }
.bb-toc-pct{ font-size:.78rem; color:var(--bb-ink-3); }
.bb-toc-bar{
  height:5px; border-radius:99px; background:var(--bb-bg-2);
  overflow:hidden; flex:none;
}
.bb-toc-bar > i{
  display:block; height:100%; width:0;
  background:linear-gradient(to left,var(--bb-brand),var(--bb-brand-2));
  transition:width .12s linear;
}
/* اگر فهرست بلند شد، خودش اسکرول بگیرد نه کل صفحه */
.bb-toc nav{
  display:flex; flex-direction:column; gap:2px;
  overflow-y:auto; min-height:0;
  scrollbar-width:thin;
}
.bb-toc a{
  display:block; padding:7px 10px; border-radius:8px;
  font-size:.86rem; line-height:1.75; color:var(--bb-ink-2);
  transition:all .12s; border-inline-start:2px solid transparent;
}
.bb-toc a:hover{ background:var(--bb-bg-soft); color:var(--bb-ink); }
.bb-toc a.is-sub{ padding-inline-start:24px; font-size:.82rem; color:var(--bb-ink-3); }
.bb-toc a.is-active{
  background:#FFF6F0; color:var(--bb-link); font-weight:700;
  border-inline-start-color:var(--bb-brand);
}

/* موبایل — فهرست می‌ماند ولی چسبان نیست و کوتاه‌تر است */
@media (max-width:1024px){
  .bb-toc-desktop{ display:block !important; }
  .bb-toc{ max-height:none; }
  .bb-toc nav{ max-height:300px; }
}


/* ═══ ۵. نوار پیشرفت بالای صفحه ═══
   ⚠ اسکریپت بلوک ۰۱ این عنصر را به body منتقل می‌کند
   تا از کانتینر المنتور آزاد شود. */

.bb-progress{
  position:fixed !important;
  inset-inline:0; top:0;
  z-index:99999 !important;
  height:3px; background:transparent; pointer-events:none;
}
.bb-progress > i{
  display:block; height:100%; width:0;
  background:linear-gradient(to left,var(--bb-brand),var(--bb-brand-2));
  transition:width .1s linear;
}
body.admin-bar .bb-progress{ top:32px; }
@media (max-width:782px){
  body.admin-bar .bb-progress{ top:46px; }
}


/* ═══ ۶. اجزای دیگر ═══ */

.bb-review-badge{
  display:inline-flex; align-items:center; gap:9px;
  background:#F0FDF4; border:1px solid #BBF7D0;
  border-radius:var(--bb-r-full); padding:7px 15px;
  font-size:.85rem; font-weight:600; color:var(--bb-pos);
}

.bb-share{ display:flex; flex-direction:column; gap:8px; }
.bb-share a, .bb-share button{
  display:flex; align-items:center; gap:10px;
  width:100%; min-height:44px; padding:11px 13px;
  border:none; border-radius:10px; background:#F7F4F0;
  font-size:.85rem; font-weight:600; color:var(--bb-ink-2);
  cursor:pointer; text-align:start; transition:all .15s;
}
.bb-share a:hover, .bb-share button:hover{ background:#EFE9E2; color:var(--bb-ink); }

.bb-related-card{
  display:flex; flex-direction:column; gap:10px;
  border:1px solid var(--bb-line); border-radius:var(--bb-r-lg);
  background:#fff; overflow:hidden; transition:all .18s;
}
.bb-related-card:hover{ border-color:#F26522; box-shadow:0 10px 26px rgb(238 68 35/.10); }
.bb-related-card h3 a:hover{ color:var(--bb-link) !important; }

.bb-next-step{
  display:flex; align-items:center; justify-content:space-between;
  gap:18px; flex-wrap:wrap;
  background:var(--bb-ink); color:#fff;
  border-radius:var(--bb-r-lg); padding:22px 26px;
}
.bb-next-step:hover{ filter:brightness(1.12); }

@media (prefers-reduced-motion:reduce){
  .bb-post *, .bb-article *{ transition:none !important; animation:none !important; }
}/* End custom CSS */