/* ==========================================================================
   NAV — yopishqoq navbar, til tanlagich, tema tugmasi, mobil menyu
   ========================================================================== */

.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,box-shadow .3s,border-color .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:var(--nav-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom-color:var(--line);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.nav-inner{display:flex;align-items:center;gap:14px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.06rem;letter-spacing:-.01em;flex-shrink:0}
.nav-links{display:flex;align-items:center;gap:4px;margin-inline:auto}
.nav-links a{padding:8px 12px;border-radius:10px;color:var(--muted);font-size:.94rem;font-weight:500;transition:color .2s,background .2s}
.nav-links a:hover{color:var(--text);background:var(--highlight)}
.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav-links + .nav-actions{margin-left:0}

/* Til tanlagich */
.lang{display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lang button{padding:6px 9px;font-size:.78rem;font-weight:700;color:var(--muted);transition:.2s}
.lang button[aria-pressed="true"]{color:#fff;background:var(--grad)}
:root[data-theme="light"] .lang button[aria-pressed="true"]{color:#fff}
.lang button:hover:not([aria-pressed="true"]){color:var(--text)}

/* Tema tugmasi */
.theme-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--glass);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;transition:transform .2s}
.theme-btn:hover{transform:translateY(-1px)}
.theme-btn .icon{width:17px;height:17px}
.theme-btn .i-moon{display:none}
:root[data-theme="light"] .theme-btn .i-sun{display:none}
:root[data-theme="light"] .theme-btn .i-moon{display:block}

/* Burger (mobil menyu) */
.burger{display:none;width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--glass);
  flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger span{display:block;width:16px;height:2px;border-radius:2px;background:var(--text);transition:.25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:70px;left:14px;right:14px;z-index:49;
  background:var(--glass-strong);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:10px;flex-direction:column}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:13px 16px;border-radius:12px;font-weight:600}
.mobile-menu a:hover{background:var(--highlight)}

@media (max-width: 880px){
  .nav-links{display:none}
  .burger{display:flex}
}
@media (max-width: 640px){
  .nav-open-btn{display:none}   /* juda tor ekranda navbar CTA yashirinadi */
}