/* ==========================================================
   Salam Baba – Breadcrumb (stpagebanner) – ساده و یکدست (سبک دیجی‌کالا)
   - آیکن خانه + فلش جداکننده + لینک‌ها
   - همه‌چیز یک رنگ، بدون بولد، بدون تغییر رنگ هنگام hover/active/visited
   - دسکتاپ و موبایل دقیقاً یکسان
   CSS-only: حذف این فایل = برگشت کامل به حالت قبل
   ========================================================== */

.breadcrumb_wrapper {
  --sb-text: #5f6b7a;   /* تنها رنگ برادکرامب – فقط همین را عوض کن */
  --sb-bg:   #f7f9fc;
  --sb-line: #e5e9f0;
}

/* ---- نوار ---- */
.breadcrumb_wrapper {

  border: 0 !important;
  border-bottom: 1px solid var(--sb-line) !important;
  padding: 0 !important;
  margin-top: 0 !important;
}
.breadcrumb_wrapper .breadcrumb_nav {
  font-size: 13px !important;
  line-height: 1.6;
  padding: 7px 0;
  color: var(--sb-text) !important;
}
.breadcrumb_wrapper .breadcrumb_nav ol {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.breadcrumb_wrapper .breadcrumb_nav ol::-webkit-scrollbar { display: none; }
.breadcrumb_wrapper .breadcrumb_nav li { flex: 0 0 auto; display: inline-flex; align-items: center; }

/* ---- همهٔ لینک‌ها و متن‌ها: یک رنگ، یک وزن، بدون هیچ حالت تغییر ---- */
.breadcrumb_wrapper .breadcrumb_nav a,
.breadcrumb_wrapper .breadcrumb_nav a.text_color,
.breadcrumb_wrapper .breadcrumb_nav a:link,
.breadcrumb_wrapper .breadcrumb_nav a:visited,
.breadcrumb_wrapper .breadcrumb_nav a:hover,
.breadcrumb_wrapper .breadcrumb_nav a:focus,
.breadcrumb_wrapper .breadcrumb_nav a:active,
.breadcrumb_wrapper .breadcrumb_nav li > span {
  color: var(--sb-text) !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: none !important;
}
.breadcrumb_wrapper .breadcrumb_nav a { padding: 3px 6px; }
.breadcrumb_wrapper .breadcrumb_nav li > span { padding: 3px 6px; }

/* آیتم آخر (صفحهٔ فعلی): همان رنگ و وزن بقیه، فقط اگر طولانی بود کوتاه می‌شود */
.breadcrumb_wrapper .breadcrumb_nav li:last-child > span {
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---- خانه: فقط آیکن (کلمهٔ «خانه» مخفی؛ aria-label برای دسترسی‌پذیری باقی می‌ماند) ---- */
.breadcrumb_wrapper .breadcrumb_nav li:first-child a {
  display: inline-flex;
  align-items: center;
}
.breadcrumb_wrapper .breadcrumb_nav .sb-home-ico {
  display: inline-block !important;
  flex: 0 0 18px;
  width: 18px; height: 18px;
  fill: currentColor;
}
.breadcrumb_wrapper .breadcrumb_nav .sb-home-text { display: none !important; }

/* ---- جداکننده: فلش ظریف ---- */
.breadcrumb_wrapper .navigation-pipe {
  font-size: 0 !important;          /* متن > مخفی */
  width: 14px; height: 14px;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}
.breadcrumb_wrapper .navigation-pipe::before {
  content: "";
  position: absolute; inset: 0;
  background: #b4bdc9;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 6 14 4.6 6.6 12 14 19.4 15.4 18 9.4 12z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.4 6 14 4.6 6.6 12 14 19.4 15.4 18 9.4 12z'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[dir="rtl"] .breadcrumb_wrapper .navigation-pipe::before { transform: scaleX(-1); }

/* ---- موبایل: فقط اندازه‌ها (رنگ و ظاهر مثل دسکتاپ) ---- */
@media (max-width: 767px) {
  .breadcrumb_wrapper .breadcrumb_nav { font-size: 12px !important; padding: 8px 0; }
  .breadcrumb_wrapper .breadcrumb_nav li:last-child > span { max-width: 190px; }
}