/* ══ Shared Topbar — airoobi.app ══ */
html,body{overflow-x:hidden}
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:0 clamp(16px,4vw,32px);height:60px;background:rgba(6,11,24,.92);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06);gap:16px}
.topbar-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.topbar-burger span{display:block;width:20px;height:2px;background:var(--gray-400);border-radius:2px;transition:all .25s}
.topbar-burger:hover span{background:var(--white)}
.topbar-nav{display:flex;align-items:center;gap:4px}
.topbar-nav a{color:var(--gray-400);text-decoration:none;font-family:var(--font-b);font-size:12px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;transition:all .25s;display:flex;align-items:center;gap:7px;height:60px;padding:0 16px;border-bottom:2px solid transparent;white-space:nowrap}
.topbar-nav a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.topbar-nav a:hover{color:var(--white)}
.topbar-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}
.topbar-nav a.nav-primary{color:var(--accent);font-weight:700;letter-spacing:1.2px}
.topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}
.topbar-right a{color:var(--gray-300);text-decoration:none;font-family:var(--font-b);font-size:12px;font-weight:500;letter-spacing:.5px;transition:color .25s}
.topbar-right a:hover{color:var(--white)}
.topbar-auth-cta{background:var(--accent);color:var(--black)!important;padding:8px 20px;font-weight:600;border-radius:var(--radius-sm);transition:all .25s;font-size:12px}
.topbar-auth-cta:hover{opacity:.88;color:var(--black)!important;transform:translateY(-1px)}
.topbar-bal{font-family:var(--font-m);font-size:12px;color:var(--aria,#4A9EFF);letter-spacing:.5px;background:rgba(74,158,255,.06);padding:5px 12px;border-radius:24px;border:1px solid rgba(74,158,255,.12);display:inline-flex;align-items:center;gap:5px}
.topbar-bal-robi{color:#B8960C;background:rgba(184,150,12,.06);border-color:rgba(184,150,12,.12)}
.topbar-avatar{width:34px;height:34px;border-radius:50%;background:var(--gray-700);border:1px solid var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--gray-400);text-decoration:none!important;cursor:pointer;transition:border-color .25s}
.topbar-avatar:hover{border-color:var(--accent)}
.lang-toggle{background:none;border:1px solid var(--gray-700);color:var(--gray-400);padding:5px 12px;font-family:var(--font-b);font-size:11px;font-weight:500;letter-spacing:1px;cursor:pointer;transition:all .25s;border-radius:20px}
.lang-toggle:hover{color:var(--accent);border-color:var(--accent)}
/* ── Mobile menu ── */
.topbar-mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(6,11,24,.98);z-index:99;padding:24px;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden}
.topbar-mobile-menu.active{display:flex}
.topbar-mobile-menu a{color:var(--gray-300);text-decoration:none;font-family:var(--font-b);font-size:14px;font-weight:500;letter-spacing:.5px;padding:14px 16px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;transition:all .25s}
.topbar-mobile-menu a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.topbar-mobile-menu a:hover,.topbar-mobile-menu a.active{color:var(--accent);background:rgba(74,158,255,.06)}
.topbar-mobile-menu a.nav-primary{color:var(--accent);font-weight:700;letter-spacing:1.2px}
.topbar-mobile-auth{display:flex;gap:12px;margin-top:16px;padding:16px}
.topbar-mobile-auth a{padding:12px 24px;text-align:center;flex:1;justify-content:center}
.topbar-mobile-auth .topbar-auth-cta{color:var(--black)!important;font-weight:600;border-radius:var(--radius-sm)}
@media(max-width:768px){
  .topbar-nav{display:none}
  .topbar-burger{display:flex}
}