/* ستايل الهيدر الموحد (يتحكم فيه 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; } }

/* شريط مواقع الليثي (الرئيسية) */
.site-hub { padding: 44px 0 8px; }
.site-hub .wrap { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.site-hub h2 { font-size: 20px; margin: 0 0 16px; color: #F8FAFC; }
.hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.hub-card { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid #1E293B; border-radius: 16px; background: #111b33; color: #F8FAFC; text-decoration: none; transition: border-color .15s, transform .15s; }
.hub-card:hover { border-color: #C9A96A; transform: translateY(-2px); }
.hub-card svg { width: 30px; height: 30px; flex-shrink: 0; color: #C9A96A; }
.hub-card b { display: block; font-size: 16px; }
.hub-card small { display: block; margin-top: 3px; color: #94A3B8; font-size: 13px; line-height: 1.5; }
.hub-card.is-cur { opacity: .55; pointer-events: none; }
@media (max-width: 700px) { .hub-grid { grid-template-columns: 1fr; } }
/* mobile readability + tap targets (cards) */
@media (max-width: 640px) {
  .group-badge, .featured-badge, .sold-badge { font-size: 11px !important; }
  .price-code { font-size: 12px !important; }
  .meta-row { font-size: 12px !important; }
  .card .icon-btn { width: 34px !important; height: 34px !important; }
  .req-board-tags span, .req-stat small { font-size: 12.5px !important; }
}