/* =========================================================================
   ab-topbar — نوار بالایی «درباره ما» · طرح Zaban-Negar-About.dc.html
   تلفن + ساعت کاری در یک سو، شعار در سوی دیگر.
   وابسته به: zn-base.css ، ab-base.css
   ========================================================================= */

.zn-scope .abtb.ab-sec {
  padding-block: 0;
  background: var(--abtb-bg, var(--zn-deep));
  border-bottom: 1px solid var(--abtb-bd, rgba(var(--zn-line), .1));
  border-block-start: 0;
}

.zn-scope .abtb-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-block: var(--abtb-py, 9px);
  font-size: var(--abtb-fs, 12.5px);
  color: var(--abtb-c, var(--zn-t4));
}

.zn-scope .abtb-start {
  display: flex;
  align-items: center;
  gap: var(--abtb-gap, 20px);
  flex-wrap: wrap;
  min-width: 0;
}

.zn-scope .abtb-item { display: inline-flex; align-items: center; gap: 6px; color: inherit; }
.zn-scope a.abtb-item { transition: color .2s ease; }
.zn-scope a.abtb-item:hover { color: var(--abtb-c-h, var(--zn-soft)); }
.zn-scope .abtb-item.is-ltr { direction: ltr; }

.zn-scope .abtb-item i,
.zn-scope .abtb-item svg { width: 13px; height: 13px; font-size: 13px; flex-shrink: 0; fill: currentColor; }

.zn-scope .abtb-end {
  color: var(--abtb-end-c, var(--zn-soft));
  font-weight: var(--abtb-end-fw, 700);
  min-width: 0;
}

/* در موبایل، آیتم‌های «اضافه» پنهان می‌شوند تا نوار یک‌خطی بماند.
   قاعدهٔ [data-topbar-extra] در zn-base هست ولی اینجا هم صریح نوشته شده
   تا اگر ترتیب لود عوض شد، رفتار موبایل از دست نرود. */
@media (max-width: 700px) {
  .zn-scope .abtb [data-topbar-extra] { display: none !important; }
  .zn-scope .abtb-row { font-size: var(--abtb-fs-m, 11.5px); gap: 8px; }
  .zn-scope .abtb-start { gap: 12px; }
}