/* Masir unified top navigation — token-driven (themes with .dark). Pure-CSS dropdown + mobile. RTL. */
.masir-nav,.masir-nav *{box-sizing:border-box;}
.masir-nav{
  position:sticky;top:0;z-index:99999;width:100%;align-self:stretch;
  background:transparent;border-bottom:none;
  direction:rtl;font-family:var(--font-sans);
  transition:background .25s ease, -webkit-backdrop-filter .25s ease, backdrop-filter .25s ease;
}
.masir-nav.scrolled{
  background:color-mix(in srgb,var(--background) 88%,transparent);
  -webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);
}
.masir-nav-toggle{position:absolute;opacity:0;pointer-events:none;}
.masir-nav-inner{max-width:none;width:100%;margin:0;display:flex;align-items:center;gap:30px;padding:12px 40px;flex-wrap:wrap;}
@media (min-width:881px){ .masir-nav-inner{justify-content:space-between;} .masir-nav-menu{flex:0 1 auto;} }
.masir-nav-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none;gap:3px;}
.masir-nav-logo .masir-logo-text{font-family:var(--font-sans);font-weight:800;font-size:23px;color:var(--foreground);line-height:1;letter-spacing:.3px;}
.masir-nav-logo .masir-logo-dot{width:7px;height:7px;border-radius:2px;background:var(--primary);display:inline-block;align-self:flex-end;margin-bottom:5px;}
.masir-nav-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;}
.masir-nav-menu>li{position:relative;}
.masir-nav-menu a{color:var(--foreground);text-decoration:none;font-size:15px;font-weight:500;line-height:1.6;transition:color .2s;white-space:nowrap;}
.masir-nav-menu a:hover{color:var(--primary);}
.masir-nav-menu>li.has-sub>a::after{content:"⌄";margin-right:5px;font-size:12px;opacity:.6;}
.masir-nav-sub{position:absolute;top:160%;right:0;min-width:248px;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius)*1.4);padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s ease;box-shadow:0 16px 40px rgba(0,0,0,.18);}
.masir-nav-menu>li.has-sub:hover>.masir-nav-sub{opacity:1;visibility:visible;transform:translateY(0);}
.masir-nav-sub li a{display:block;padding:11px 13px;border-radius:var(--radius);font-weight:500;color:var(--muted-foreground);}
.masir-nav-sub li a:hover{background:var(--secondary);color:var(--foreground);}
.masir-nav-sub .soon{font-size:11px;color:var(--primary);margin-right:6px;font-weight:600;}
.masir-nav-right{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.masir-nav-cta{background:var(--foreground);color:var(--background);padding:7px 16px;border-radius:999px;font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap;transition:opacity .2s,background .2s,color .2s;}
.masir-nav-cta:hover{opacity:.85;}
.masir-nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;}
.masir-nav-burger span{display:block;width:24px;height:2px;background:var(--foreground);border-radius:2px;}

@media (max-width:880px){
  .masir-nav-inner{gap:12px;justify-content:space-between;position:relative;}
  .masir-nav-logo{order:1;}
  .masir-nav-right{order:2;}
  .masir-nav-burger{display:flex;order:3;}
  .masir-nav-menu{
    position:absolute;top:100%;right:0;left:0;background:var(--background);border-top:1px solid var(--border);
    flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 18px 40px rgba(0,0,0,.18);
  }
  .masir-nav-toggle:checked ~ .masir-nav-inner .masir-nav-menu{max-height:560px;}
  .masir-nav-menu>li{border-top:1px solid var(--border);}
  .masir-nav-menu>li:first-child{border-top:none;}
  .masir-nav-menu>li>a{display:block;padding:15px 40px;}
  .masir-nav-sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:var(--secondary);padding:4px 0 8px;min-width:0;border-radius:0;}
  .masir-nav-sub li a{padding:11px 56px;}
}
