/* ستايل الهيدر الموحد (يتحكم فيه assets/site-nav.js) */
@media (min-width: 621px) { nav.topbar .links { display: flex; align-items: center; gap: 22px; font-size: 14px; font-weight: 500; } }
nav.topbar .links > a { white-space: nowrap; }
nav.topbar .links .nav-sep { width: 1px; height: 18px; background: #334155; margin: 0 -2px; flex-shrink: 0; }

nav.topbar .links a.nav-pro,
nav.topbar .links a.nav-partners {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 13px; border-radius: 999px; font-weight: 700; font-size: 13.5px;
  border: 1px solid; line-height: 1.6; transition: background .2s ease, color .2s ease, border-color .2s ease;
}
nav.topbar .links a.nav-pro svg,
nav.topbar .links a.nav-partners svg { width: 15px; height: 15px; flex-shrink: 0; }

/* Pro: ذهبي */
nav.topbar .links a.nav-pro { color: #C9A96A; border-color: rgba(201,169,106,.55); background: rgba(201,169,106,.08); }
nav.topbar .links a.nav-pro:hover,
nav.topbar .links a.nav-pro.active { background: #C9A96A; color: #0F172A; border-color: #C9A96A; }

/* للوسطاء: فضي */
nav.topbar .links a.nav-partners { color: #D5DBE5; border-color: rgba(203,213,225,.45); background: rgba(203,213,225,.07); }
nav.topbar .links a.nav-partners:hover,
nav.topbar .links a.nav-partners.active { background: #CBD5E1; color: #0F172A; border-color: #CBD5E1; }

/* الموبايل */
nav.topbar .mobile-menu a.nav-pro,
nav.topbar .mobile-menu a.nav-partners { display: flex; align-items: center; gap: 8px; font-weight: 700; }
nav.topbar .mobile-menu a.nav-pro { color: #C9A96A; }
nav.topbar .mobile-menu a.nav-partners { color: #D5DBE5; }
nav.topbar .mobile-menu a svg { width: 16px; height: 16px; flex-shrink: 0; }
nav.topbar .mobile-menu a.nav-add { color: #0F172A; background: #C9A96A; border-radius: 10px; text-align: center; font-weight: 800; margin-top: 6px; }

@media (min-width: 621px) and (max-width: 1080px) {
  nav.topbar .links { gap: 13px; font-size: 13px; }
  nav.topbar .links a.nav-pro, nav.topbar .links a.nav-partners { padding: 4px 10px; font-size: 12.5px; }
  nav.topbar .links .nav-sep { display: none; }
}
@media (min-width: 621px) and (max-width: 860px) {
  nav.topbar .links { gap: 10px; font-size: 12.5px; }
}

nav.topbar .nav-right { display: flex; align-items: center; gap: 10px; }
nav.topbar .nav-cta { flex-shrink: 0; padding: 10px 22px; font-size: 13.5px; }
@media (max-width: 860px) { nav.topbar .nav-cta { display: none; } }