/* ── متغیرها ────────────────────────────────────────── */
:root{
  --sbw-gold:#F0A500;--sbw-goldlt:#FFC947;--sbw-goldbg:#FFF8E7;
  --sbw-dark:#1C1C2E;--sbw-gray:#4A4849;--sbw-silver:#8A8890;
  --sbw-bg:#FAFAF5;--sbw-card:#FFFFFF;--sbw-border:#E8E0D0;
  --sbw-up:#16A34A;--sbw-dn:#DC2626;--sbw-topbar:#1C1C2E;
  --sbw-r:14px;--sbw-sh:0 2px 14px rgba(0,0,0,.07);
}

/* ── نوار بالا ───────────────────────────────────────── */
.sbw-topbar{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--sbw-topbar);padding:9px 20px;
  font-family:Vazirmatn,Tahoma,sans-serif;font-size:13px;
  color:rgba(255,255,255,.84);direction:rtl;flex-wrap:wrap;
  gap:8px;line-height:1; /* ← line-height:1 حذف فاصله اضافه */
}
.sbw-topbar-right,.sbw-topbar-left{
  display:flex;align-items:center;gap:0;flex-wrap:wrap;
  line-height:1; /* ← اصلاح فاصله بین آیتم‌ها */
}
.sbw-tb-item{
  display:inline-flex;align-items:center;gap:5px;
  padding:0 10px;line-height:1;
}
.sbw-tb-sep{
  display:inline-block;width:1px;height:14px;
  background:rgba(255,255,255,.22);flex-shrink:0;
  margin:0; /* ← بدون margin اضافه */
}
.sbw-tb-temp{color:var(--sbw-gold);font-weight:700}
.sbw-tb-city{color:rgba(255,255,255,.75)}
.sbw-tb-date{color:rgba(255,255,255,.82)}
.sbw-clock-fa{color:var(--sbw-goldlt);font-weight:600;direction:ltr;unicode-bidi:bidi-override}
.sbw-social-links{display:flex;align-items:center;gap:8px}
.sbw-social-link{
  color:rgba(255,255,255,.65);font-size:15px;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:6px;
  transition:color .2s,background .2s;
}
.sbw-social-link:hover{color:var(--sbw-gold);background:rgba(255,255,255,.08)}
.sbw-social-link svg,.sbw-social-link i{font-size:14px;width:14px;height:14px}

/* ── کارت پایه ───────────────────────────────────────── */
.sbw-card{
  background:var(--sbw-card);border-radius:var(--sbw-r);
  border:1px solid var(--sbw-border);box-shadow:var(--sbw-sh);
  padding:16px 18px;font-family:Vazirmatn,Tahoma,sans-serif;direction:rtl;
}
.sbw-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sbw-card-title{font-size:13px;font-weight:700;color:var(--sbw-dark)}
.sbw-card-more{font-size:11px;color:var(--sbw-gold);text-decoration:none;font-weight:600;
  padding:3px 8px;border-radius:4px;border:1px solid var(--sbw-gold)40}
.sbw-card-more:hover{background:var(--sbw-goldbg)}

/* ── آب‌وهوا ──────────────────────────────────────────── */
.sbw-weather-main{display:flex;align-items:center;gap:14px;
  padding-bottom:12px;border-bottom:1px solid var(--sbw-border);margin-bottom:12px}
.sbw-big-icon{font-size:50px;line-height:1;flex-shrink:0}
.sbw-weather-temp{font-size:40px;font-weight:900;color:var(--sbw-dark);line-height:1}
.sbw-weather-desc{font-size:12px;color:var(--sbw-silver);margin-top:4px}
.sbw-weather-city{font-size:12px;color:var(--sbw-gray);margin-top:2px}
.sbw-weather-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;
  color:var(--sbw-silver);margin-bottom:12px}
.sbw-weather-forecast{display:grid;grid-template-columns:repeat(4,1fr);
  gap:6px;border-top:1px solid var(--sbw-border);padding-top:12px}
.sbw-fc-day{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.sbw-fc-name{font-size:10px;color:var(--sbw-silver)}
.sbw-fc-icon{font-size:20px}
.sbw-fc-temp{font-size:11px;font-weight:700;color:var(--sbw-dark)}
.sbw-fc-temp small{font-weight:400;color:var(--sbw-silver)}

/* ── ارز ─────────────────────────────────────────────── */
.sbw-cur-rows{display:flex;flex-direction:column}
.sbw-cur-row{display:flex;align-items:center;justify-content:space-between;
  padding:9px 0;border-bottom:1px solid var(--sbw-border);font-size:13px}
.sbw-cur-row:last-child{border-bottom:none}
.sbw-cur-label{display:flex;align-items:center;gap:7px;color:var(--sbw-gray)}
.sbw-cur-icon{font-size:15px;line-height:1}
.sbw-cur-val{display:flex;align-items:center;gap:7px}
.sbw-cur-price{font-weight:700;color:var(--sbw-dark);font-size:13px;direction:ltr}
.sbw-cur-badge{font-size:10px;padding:2px 7px;border-radius:10px;font-weight:700}
.sbw-up{color:var(--sbw-up);background:#F0FDF4}
.sbw-down{color:var(--sbw-dn);background:#FEF2F2}
.sbw-cur-footer{font-size:10px;color:var(--sbw-silver);margin-top:10px;
  border-top:1px solid var(--sbw-border);padding-top:8px}
.sbw-error{font-size:12px;color:var(--sbw-silver);text-align:center;padding:16px 0}

/* ── تیکر — از چپ به راست، بدون محو شدن ─────────────── */
.sbw-ticker{
  display:flex;align-items:stretch;overflow:hidden;
  background:var(--sbw-card);border-top:1px solid var(--sbw-border);
  border-bottom:2px solid rgba(240,165,0,.25);
  font-family:Vazirmatn,Tahoma,sans-serif;direction:rtl;
}
.sbw-ticker-label{
  background:var(--sbw-dn);color:#fff;
  padding:10px 18px;font-size:13px;font-weight:700;
  white-space:nowrap;display:flex;align-items:center;flex-shrink:0;
}
.sbw-ticker-mask{
  flex:1;overflow:hidden;display:flex;align-items:center;
  /* Fade فقط در لبه‌ها — بدون محو در وسط */
  -webkit-mask-image:linear-gradient(to left,transparent 0%,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(to left,transparent 0%,#000 4%,#000 96%,transparent 100%);
}
.sbw-ticker-track{
  display:inline-flex;white-space:nowrap;
  /* ← از چپ به راست: translateX(0) → translateX(50%) */
  animation:sbwTickerLTR linear infinite;
}
.sbw-ticker-track:hover{animation-play-state:paused}
.sbw-ticker-item{
  font-size:13px;color:var(--sbw-dark);padding:10px 24px;
  text-decoration:none;display:inline-flex;align-items:center;
  border-left:1px solid var(--sbw-border);white-space:nowrap;
}
.sbw-ticker-item:hover{color:var(--sbw-gold)}
.sbw-ticker-more{
  padding:10px 16px;font-size:12px;color:var(--sbw-gold);
  text-decoration:none;font-weight:700;white-space:nowrap;
  border-right:1px solid var(--sbw-border);
  display:flex;align-items:center;flex-shrink:0;
}
.sbw-ticker-more:hover{background:var(--sbw-goldbg)}
.sbw-ticker-empty{padding:10px 20px;font-size:13px;color:var(--sbw-silver)}

/* ✅ کلیدواژه: از چپ به راست — بدون پرش */
@keyframes sbwTickerLTR{
  0%   { transform: translateX(0); }
  100% { transform: translateX(50%); }
}

/* ══════════════════════════════════════════════════════
   ریسپانسیو
══════════════════════════════════════════════════════ */
@media (max-width: 768px){
  /* نوار بالا */
  .sbw-topbar{ padding:8px 12px; font-size:12px; gap:6px; }
  .sbw-tb-item{ padding:0 7px; font-size:12px; }
  .sbw-topbar-left{ display:none; } /* شبکه‌ها در موبایل پنهان */

  /* کارت‌ها */
  .sbw-card{ padding:14px; border-radius:10px; }
  .sbw-big-icon{ font-size:40px; }
  .sbw-weather-temp{ font-size:34px; }
  .sbw-weather-forecast{ grid-template-columns:repeat(4,1fr); gap:4px; }
  .sbw-fc-icon{ font-size:16px; }
  .sbw-fc-name,.sbw-fc-temp{ font-size:10px; }

  /* ارز */
  .sbw-cur-row{ font-size:12px; padding:8px 0; }
  .sbw-cur-price{ font-size:12px; }
  .sbw-cur-badge{ font-size:9px; padding:1px 5px; }

  /* تیکر */
  .sbw-ticker-label{ padding:8px 12px; font-size:12px; }
  .sbw-ticker-item{ font-size:12px; padding:8px 16px; }
}

@media (max-width: 480px){
  .sbw-topbar{ flex-direction:column; align-items:flex-start; gap:4px; padding:8px 12px; }
  .sbw-topbar-right{ gap:0; flex-wrap:nowrap; overflow-x:auto; width:100%; }
  .sbw-tb-sep{ margin:0; }
  .sbw-weather-forecast{ grid-template-columns:repeat(2,1fr); }
  .sbw-ticker-more{ display:none; }
}