/* ZIBADIS unified header controls — pilot */
:root {
  --font-ui-en: "Montserrat", "Segoe UI", Arial, sans-serif;
  --font-ui-fa: "Yekan Bakh", Tahoma, Arial, sans-serif;
}

html[lang="en"] body { font-family: var(--font-ui-en) }
html[lang="fa"] body { font-family: var(--font-ui-fa) }

.top-ribbon,
.header,
.subbar,
.navlinks,
.mobile-nav-head,
.header-actions {
  font-family: var(--font-ui-en);
}

/* Navigation remains English in both content-language modes. */
.navlinks [data-lang="fa"],
.brand small[data-lang="fa"] { display: none !important }
.navlinks [data-lang="en"],
.brand small[data-lang="en"] { display: inline-flex !important }

.header-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}
.header-actions .header-icon,
.header-actions .theme-btn {
  width: 38px;
  height: 38px;
  min-width: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--ink);
  border-radius: 10px;
  cursor: pointer;
}
.header-actions .header-icon:hover,
.header-actions .theme-btn:hover {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 7%, transparent);
}
.header-actions svg { width: 19px; height: 19px; fill: none; stroke: currentColor }
.header-actions .lang-btn {
  font: 700 11px/1 var(--font-ui-en);
  letter-spacing: .08em;
}

.utility-list a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid var(--faint);
}
.utility-list a small { color: var(--soft); font-size: 11px }
.utility-empty { padding: 18px 0; color: var(--soft) }

@media (max-width: 640px) {
  .subbar-row { align-items: center }
  .header-actions { flex-wrap: nowrap; gap: 5px }
  .header-actions .header-icon,
  .header-actions .theme-btn { width: 36px; height: 36px; min-width: 36px }
}