/* Stage 3 — languages. Loaded after the mockup stylesheet (site.css), which stays untouched. */

/* ---------- Globe language menu in the header (next to «Сотрудничество») ---------- */
.nv-lang{position:relative}
.nv-lgb{display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(243,238,228,.45);background:rgba(16,21,26,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#F3EEE4;font:600 15px "Inter Tight",sans-serif;letter-spacing:.02em;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,border-color .25s ease,color .35s ease}
.nv-lgb::-webkit-details-marker{display:none}
.nv-lgb::marker{content:""}
.nv-lgb:hover{background:rgba(16,21,26,.45);border-color:rgba(243,238,228,.7)}
.nv-lgb:focus-visible{outline:2px solid #6CCFC2;outline-offset:3px}
.nv-lgi{flex:none;display:block}
.nv-lgm{position:absolute;right:0;top:calc(100% + 8px);min-width:196px;padding:6px;border-radius:18px;background:rgba(16,21,26,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 50px -20px rgba(0,0,0,.6),inset 0 0 0 1px rgba(243,238,228,.1);display:flex;flex-direction:column;gap:2px}
.nv-lgm a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border-radius:12px;color:#F3EEE4;text-decoration:none;font:500 15px "Inter Tight",sans-serif;transition:background-color .2s ease}
.nv-lgm a b{width:22px;font:600 13px "Inter Tight",sans-serif;letter-spacing:.06em;color:#9BA3A8}
.nv-lgm a:hover{background:rgba(243,238,228,.08)}
.nv-lgm a:focus-visible{outline:2px solid #6CCFC2;outline-offset:-2px}
.nv-lgm a.is-on, .nv-lgm a.is-on b{color:#6CCFC2}
.nv-lang[open] .nv-lgm{animation:nv-lgin .22s cubic-bezier(.2,.8,.2,1)}
@keyframes nv-lgin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nv.nv-light .nv-lgb{color:#10151A;border-color:rgba(16,21,26,.3);background:rgba(234,228,216,.5)}
.nv.nv-light .nv-lgb:hover{border-color:rgba(16,21,26,.55)}
/* Phone: the header has no free room next to «Сотрудничество» and «Меню», so the globe takes the
   place of «Сотрудничество» while the menu is open (that button is then hidden by the mockup anyway
   and repeated at the bottom of the open menu). */
@media (max-width:860px){.nv-lgb{min-height:40px;padding:0 12px;gap:6px;font-size:14px} .nv-lgm{min-width:172px} .nv-lang{display:none} .nv-tg:checked~.nv-in .nv-lang{display:block;animation:nv-lgfade .35s ease .15s both} .nv-tg:checked~.nv-in .nv-right>.nv-cta{display:none}}
@keyframes nv-lgfade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.nv-lang[open] .nv-lgm, .nv-tg:checked~.nv-in .nv-lang{animation:none}}

/* ---------- /uz: texts the mockup writes in CSS (translation file, technical rule 2) ---------- */
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){html[lang="uz"] .rc-cnt::after{content:counter(rcn) " mln+"}}}
@media (min-width:861px){html[lang="uz"] .mg-s2 .mg-back .mg-qpg::before{content:"III — Iqtibos"}}