/* ===== Жаңа header (template-parts/header-new.php) =====
   Тек WKAU_NEW_HEADER = true болғанда жүктеледі (inc/new-header.php).
   Жоғарғы жолақ бетпен бірге кетеді, негізгі жолақ жабысқақ (sticky).
   Ен шектері container query арқылы: сол жақ сайдбар бетті тарылтса да дұрыс жұмыс істейді. */

.nh-util, .nh-main, #nhSearch, #nhDrawer {
    --navy: #0A1628; --blue: #0052A5; --ink: #0A1628; --muted: #5a6a80;
    --line: #e3ebf6; --soft: #F5F9FF; --chip: #EEF5FF; --accent: #F59E0B;
    font-family: Merriweather, Georgia, "Times New Roman", serif;
    line-height: 1.4;
    color: var(--ink);
    text-align: left;
}
.nh-util *, .nh-main *, #nhSearch *, #nhDrawer * { box-sizing: border-box; }
/* Тақырыптың жалпы a/a:hover ережелерін бейтараптау */
.nh-util a, .nh-main a, #nhSearch a, #nhDrawer a { color: inherit; text-decoration: none; transition: none; }
.nh-util a:hover, .nh-main a:hover, #nhSearch a:hover, #nhDrawer a:hover { opacity: 1; text-decoration: none; }
.nh-util button, .nh-main button, #nhSearch button, #nhDrawer button { font-family: inherit; }
.nh-main h4, #nhDrawer h3, #nhDrawer h4, #nhDrawer h5, #nhSearch h5 { font-family: inherit; }
.nh-util svg, .nh-main svg, #nhSearch svg, #nhDrawer svg { flex-shrink: 0; }
/* Пернетақтамен жүргенде фокус көрінеді */
.nh-util :focus-visible:not(input), .nh-main :focus-visible:not(input), #nhSearch :focus-visible:not(input), #nhDrawer :focus-visible:not(input) {
    outline: 2px solid #2563eb !important; outline-offset: 2px;
}
/* Іздеу өрістері: фокус өрістің жиегінде көрінеді */
#nhSearch .srch-in:focus-within { box-shadow: inset 0 -2px 0 var(--blue); }
#nhDrawer .dsearch:focus-within { border-color: var(--blue); }
/* Кейбір шаблондар (басты бет) reset.css-ті кейін қосады — b-ның жуандығы жоғалмасын */
.nh-main b, #nhSearch b, #nhDrawer b { font-weight: 700; }
.nh-main .mega-wrap[hidden], #nhSearch[hidden], #nhDrawer[hidden], #nhDrawer .sub-sec[hidden], #nhSearch .srch-res[hidden] { display: none !important; }

.nh-in { max-width: 1230px; margin: 0 auto; padding: 0 15px; display: flex; align-items: center; gap: 16px; }

/* ---------- Жоғарғы жолақ ---------- */
.nh-util { container: nhutil / inline-size; background: var(--navy); color: #cbd5e1; font-size: 13.5px; position: relative; z-index: 1031; }
.nh-util .nh-in { height: 34px; gap: 14px; }
/* Сыймаған сілтемелер келесі жолға түсіп, жасырылады */
.nh-ulinks { flex: 0 1 auto; min-width: 0; height: 34px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; column-gap: 16px; }
.nh-ulinks a { display: inline-flex; align-items: center; gap: 6px; height: 34px; color: #cbd5e1; white-space: nowrap; }
.nh-call { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; color: #cbd5e1; white-space: nowrap; }
.nh-util a:hover { color: #fff; }
.nh-util svg { width: 14px; height: 14px; opacity: .8; }
/* Іздеу — көршілес белгішелер (қоңырау, көз, сайт картасы) сияқты .nh-iconbtn; оң жақ топтың басы */
.nh-usearch { margin-left: auto; }
/* Іздеу, қоңырау (WKAU Celebrations), көз, сайт картасы — бір топ: аралығы 8px (жолақтың жалпы 14px орнына); тіл ауыстырғышқа дейін — 14px */
.nh-util .nh-usearch ~ .nh-iconbtn, .nh-util .nh-usearch ~ .wkau-cb { margin-left: -6px; }
.nh-iconbtn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 30px; height: 24px; padding: 0; border: 1px solid #475569; border-radius: 6px; background: #111f36; color: #fff; cursor: pointer; }
.nh-iconbtn:hover { background: #fff; border-color: #fff; color: var(--navy); }
/* Көз белгісі — қара жолақта анық көрінсін (жалпы .nh-util svg 14px/0.8 ережесінен үлкен) */
.nh-util .nh-iconbtn svg { width: 17px; height: 17px; opacity: 1; }
/* Сілтеме-белгіше (Сайт картасы): .nh-util a ережесі түсін ауыстырмасын */
.nh-util a.nh-iconbtn { color: #fff; }
.nh-util a.nh-iconbtn:hover, .nh-util a.nh-iconbtn[aria-current] { background: #fff; border-color: #fff; color: var(--navy); }
.nh-util a.nh-iconbtn svg { width: 15px; height: 15px; }
.nh-lang { display: inline-flex; border: 1px solid #334155; border-radius: 6px; overflow: hidden; flex-shrink: 0; }
.nh-lang a { padding: 3px 8px; font-weight: 700; font-size: 11.5px; line-height: 1.4; }
.nh-lang a.on { background: #fff; color: var(--navy); }

/* ---------- Негізгі жолақ (жабысқақ) ---------- */
.nh-main { container: nhmain / inline-size; position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--nh-bvi, 0px)); z-index: 1030; background: #fff; border-bottom: 1px solid var(--line); transition: box-shadow .25s; }
.nh-main > .nh-in { height: 72px; transition: height .25s ease; }
.nh-main.is-scrolled { box-shadow: 0 6px 20px rgba(10,22,40,.08); }
.nh-main.is-scrolled > .nh-in { height: 60px; }
.nh-logo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; min-width: 0; }
.nh-logo img { width: 46px; height: 46px; object-fit: contain; transition: width .25s, height .25s; }
.nh-logo-txt { display: block; min-width: 0; }
.nh-logo b { display: block; font-size: 14.5px; font-weight: 700; letter-spacing: .06em; color: var(--blue); line-height: 1.22; max-width: 150px; }
/* Ұран («Дәстүр, сапа, жетістік») header-де көрсетілмейді */
.nh-logo-txt > span { display: none; }
.nh-main.is-scrolled .nh-logo img { width: 38px; height: 38px; }

.nh-nav { display: flex; align-items: stretch; height: 100%; margin-left: auto; }
.nh-nav > button { position: relative; display: flex; align-items: center; height: 100%; padding: 0 9px; border: 0; background: none; color: var(--ink); font-size: 15.5px; line-height: 1.2; cursor: pointer; white-space: nowrap; }
.nh-nav > button::after { content: ""; position: absolute; left: 9px; right: 9px; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: var(--blue); transform: scaleX(0); transition: transform .2s; }
.nh-nav > button:hover, .nh-nav > button[aria-expanded="true"] { color: var(--blue); }
.nh-nav > button[aria-expanded="true"]::after { transform: scaleX(1); }
/* Бөлімдер арасындағы жіңішке бөлгіш (ені жоқ — мәзір кеңеймейді) */
.nh-nav > button + button::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 16px; margin-top: -8px; background: #d3dce8; }

.nh-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left: 4px; }
.nh-search, .nh-burger { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border-radius: 10px; border: 1px solid var(--line); background: #fff; color: var(--ink); cursor: pointer; }
.nh-search svg { width: 18px; height: 18px; }
.nh-burger svg { width: 20px; height: 20px; }
.nh-search:hover, .nh-burger:hover { border-color: var(--blue); color: var(--blue); }

/* ---------- Мобильді header: нашар көретіндер нұсқасы және тіл (компьютерде жоғарғы жолақта) ---------- */
.nh-main .mob { display: none; }
.nh-mbtn { display: inline-flex; align-items: center; justify-content: center; gap: 3px; height: 40px; min-width: 40px; padding: 0 8px; border-radius: 10px; border: 1px solid var(--line); background: #fff; color: var(--ink); font-weight: 700; font-size: 13px; line-height: 1; cursor: pointer; }
.nh-mbtn svg { width: 18px; height: 18px; }
.nh-mbtn:hover { border-color: var(--blue); color: var(--blue); }
.nh-a11y-m .i-eye-off, .nh-a11y-m[aria-pressed="true"] .i-eye { display: none; }
.nh-a11y-m[aria-pressed="true"] .i-eye-off { display: block; }
.nh-mlang { position: relative; }
.nh-mlang-menu { display: none; position: absolute; right: 0; top: calc(100% + 8px); min-width: 180px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 20px 40px rgba(10,22,40,.16); z-index: 40; }
.nh-mlang.open .nh-mlang-menu { display: block; animation: nh-fade .16s ease; }
.nh-mlang-menu a { display: flex; align-items: center; gap: 12px; padding: 11px 10px; border-radius: 8px; font-size: 15px; color: var(--ink); }
.nh-mlang-menu a b { min-width: 26px; font-size: 12px; color: var(--muted); }
.nh-mlang-menu a:hover { background: var(--soft); }
.nh-main .nh-mlang-menu a.on { background: var(--chip); color: var(--blue); }
.nh-main .nh-mlang-menu a.on b { color: var(--blue); }

/* ---------- «Қабылдау» батырмасы мен мәзірі ---------- */
.nh-adm { position: relative; }
.nh-cta { display: inline-flex; align-items: center; gap: 6px; padding: 10px 13px; border: 0; border-radius: 10px; background: var(--blue); color: #fff; font-weight: 700; font-size: 13.5px; line-height: 1.2; white-space: nowrap; cursor: pointer; }
.nh-cta:hover { background: #003b78; }
.nh-cta i { font-style: normal; background: linear-gradient(135deg, #f5c46b 0%, #e0a526 100%); color: #3b2600; border-radius: 4px; padding: 6px 6px; font-size: 11px; }
.adm-chev { width: 10px; height: 10px; opacity: .85; transition: transform .2s; }
.nh-adm.open .adm-chev { transform: rotate(180deg); }
.adm-menu { position: absolute; right: 0; top: calc(100% + 10px); width: 380px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 24px 50px rgba(10,22,40,.18); padding: 10px; display: none; z-index: 35; text-align: left; }
.nh-adm.open .adm-menu { display: block; animation: nh-fade .16s ease; }
/* Мобильді нұсқа (html.nh-mob — ☰ көрінгенде, header-new.js): «Қабылдау» оң жақ төменгі бұрышта, «Сұрақ қою» астында */
.nh-adm--float { display: none; position: fixed; right: 30px; bottom: 30px; z-index: 9999;
    --navy: #0A1628; --blue: #0052A5; --ink: #0A1628; --muted: #5a6a80; --line: #e3ebf6; --soft: #F5F9FF; --chip: #EEF5FF; --accent: #F59E0B;
    font-family: Merriweather, Georgia, "Times New Roman", serif; line-height: 1.4; color: var(--ink); text-align: left; }
html.nh-mob .nh-adm--float { display: block; }
html.nh-lock .nh-adm--float { display: none !important; }
.nh-adm--float * { box-sizing: border-box; }
.nh-adm--float a { color: inherit; text-decoration: none; transition: none; }
.nh-adm--float a:hover { opacity: 1; text-decoration: none; }
.nh-adm--float button { font-family: inherit; }
.nh-adm--float b { font-weight: 700; }
.nh-adm--float svg { flex-shrink: 0; }
.nh-adm--float :focus-visible { outline: 2px solid #2563eb !important; outline-offset: 2px; }
.nh-adm--float .adm-item--main { background: linear-gradient(135deg, #0052A5, #006bb0); color: #fff; margin-bottom: 4px; }
.nh-adm--float .adm-item--main:hover { background: linear-gradient(135deg, #00468d, #005d99); }
.nh-adm--float .nh-cta { height: 48px; padding: 0 18px; border-radius: 999px; font-size: 14.5px; box-shadow: 0 10px 26px -10px rgba(0, 59, 120, .6), 0 2px 6px rgba(16, 46, 90, .12); }
.nh-adm--float .adm-menu { top: auto; bottom: calc(100% + 10px); right: 0; width: min(380px, calc(100vw - 32px)); max-height: calc(100vh - 110px); overflow-y: auto; }
@media (max-width: 768px) {
    .nh-adm--float { right: 16px; bottom: 20px; }
    .nh-adm--float .nh-cta { height: 42px; padding: 0 15px; font-size: 13.5px; }
}

.nh-adm--up { flex: 1; min-width: 0; }
.nh-adm--up .nh-cta { width: 100%; justify-content: center; padding: 13px; }
.nh-adm--up .adm-menu { top: auto; bottom: calc(100% + 10px); left: 0; right: auto; width: min(380px, calc(100vw - 32px)); }
.adm-head { padding: 8px 10px 10px; }
.adm-head b { display: block; font-size: 15px; color: var(--ink); }
.adm-head span { display: block; margin-top: 2px; font-size: 12.5px; color: var(--muted); }
.adm-item { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 12px; color: var(--ink); transition: background .15s; }
.adm-item:hover { background: var(--soft); }
.adm-item b { display: block; font-size: 14.5px; line-height: 1.3; }
.adm-item small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 1px; }
.adm-ico { flex: 0 0 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.adm-ico svg { width: 19px; height: 19px; }
.adm-ico--whatsapp { background: #E7F8EE; color: #128C4B; }
.adm-ico--phone { background: var(--chip); color: var(--blue); }
.nh-main .adm-item--main, #nhDrawer .adm-item--main { background: linear-gradient(135deg, #0052A5, #006bb0); color: #fff; margin-bottom: 4px; }
.nh-main .adm-item--main:hover, #nhDrawer .adm-item--main:hover { background: linear-gradient(135deg, #00468d, #005d99); }
.adm-item--main small { color: rgba(255,255,255,.85); }
.adm-item--main .adm-ico { background: rgba(255,255,255,.16); color: #fff; }
.adm-social { display: flex; align-items: center; gap: 6px; margin-top: 6px; padding: 10px 10px 4px; border-top: 1px solid var(--line); }
.adm-social span { flex: 1; font: 12.5px system-ui, sans-serif; color: var(--muted); }
.adm-social a { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--soft); color: #334155; transition: background .15s, color .15s; }
.adm-social a:hover { background: var(--blue); color: #fff; }
.adm-social svg { width: 17px; height: 17px; }

/* ---------- Мегамәзір ---------- */
.nh-mega { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid var(--line); box-shadow: 0 28px 56px rgba(10,22,40,.16); display: none; max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - var(--nh-bvi, 0px) - 120px); overflow-y: auto; overscroll-behavior: contain; }
.nh-mega.open { display: block; animation: nh-fade .18s ease; }
@keyframes nh-fade { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.mega-wrap { max-width: 1230px; margin: 0 auto; padding: 0 15px; display: grid; grid-template-columns: minmax(0, 1fr) 260px; }
.mega-wrap--nofeat { grid-template-columns: minmax(0, 1fr); }
.mega-groups { padding: 22px 28px 10px 0; columns: 260px 3; column-gap: 32px; }
.mg { padding: 6px 0 12px; break-inside: avoid; }
.mg-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; padding-bottom: 8px; border-bottom: 1px solid #eef2f7; }
.mg-ico { flex: 0 0 32px; height: 32px; border-radius: 9px; background: var(--chip); color: var(--blue); display: flex; align-items: center; justify-content: center; }
.mg-ico svg { width: 17px; height: 17px; }
.mg-head h4 { margin: 0; font-size: 14.5px; font-weight: 700; color: var(--ink); line-height: 1.3; text-transform: none; }
.mg-head h4 a:hover { color: var(--blue); }
.mg > a, .mg > span { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 10px; border-radius: 8px; font-size: 15px; color: #334155; line-height: 1.35; transition: background .15s, color .15s; }
.mg > span { color: var(--muted); }
.mg > a::after { content: "\2192"; flex-shrink: 0; opacity: 0; transform: translateX(-4px); transition: opacity .15s, transform .15s; color: var(--blue); }
.mg > a:hover, .mg > a:focus-visible { background: var(--soft); color: var(--blue); }
.mg > a:hover::after, .mg > a:focus-visible::after { opacity: 1; transform: none; }
.mega-feat { padding: 22px 0 22px 24px; border-left: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; }
.feat-card { border-radius: 14px; padding: 18px; color: #fff; background: linear-gradient(135deg, #0052A5, #006bb0); position: relative; overflow: hidden; }
.feat-card::after { content: ""; position: absolute; right: -40px; bottom: -40px; width: 150px; height: 150px; border-radius: 50%; background: rgba(255,255,255,.08); }
.feat-card small { display: block; font: 700 11px system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; opacity: .85; }
.feat-card b { display: block; font-size: 18px; margin: 8px 0; line-height: 1.3; }
.feat-card p { margin: 0 0 14px; font-size: 13.5px; opacity: .92; line-height: 1.55; }
.feat-card > :first-child { margin-top: 0; }
.feat-card > :last-child { margin-bottom: 0; }
.nh-main .feat-card a { position: relative; z-index: 1; display: inline-block; background: #fff; color: var(--blue); font-weight: 700; font-size: 13.5px; padding: 8px 14px; border-radius: 8px; }
.feat-tile { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--line); font-size: 14.5px; font-weight: 700; color: var(--ink); transition: border-color .15s, background .15s; }
.nh-main .feat-tile:hover { border-color: #b9d4ee; background: var(--soft); color: var(--blue); }
.feat-tile .mg-ico { flex-basis: 34px; height: 34px; }
.mega-foot { grid-column: 1 / -1; border-top: 1px solid var(--line); padding: 12px 0 14px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font: 13px system-ui, sans-serif; color: var(--muted); }
.nh-main .mega-foot a { padding: 5px 11px; border-radius: 50px; background: var(--chip); color: var(--blue); font: 700 13px Merriweather, Georgia, serif; }
.nh-main .mega-foot a:hover { background: var(--blue); color: #fff; }

/* ---------- Іздеу терезесі ---------- */
#nhSearch { position: fixed; inset: 0; z-index: 1100; background: rgba(10,22,40,.55); backdrop-filter: blur(2px); display: flex; align-items: flex-start; justify-content: center; padding: calc(70px + var(--nh-bvi, 0px)) 16px 70px; }
#nhSearch .srch { width: min(680px, 100%); max-height: calc(100vh - 140px); display: flex; flex-direction: column; background: #fff; border-radius: 16px; box-shadow: 0 30px 60px rgba(0,0,0,.3); overflow: hidden; }
#nhSearch .srch-in { display: flex; align-items: center; gap: 10px; margin: 0; padding: 14px 18px; border-bottom: 1px solid var(--line); }
#nhSearch .srch-in svg { width: 20px; height: 20px; color: var(--muted); }
#nhSearch .srch-in input { flex: 1; min-width: 0; height: auto; margin: 0; padding: 4px 0; border: 0; border-radius: 0; box-shadow: none; background: none; font: 16px Merriweather, Georgia, serif; outline: none; color: var(--ink); }
#nhSearch .srch-close { border: 0; background: none; padding: 0; cursor: pointer; }
#nhSearch kbd { font: 11px system-ui, sans-serif; color: var(--muted); background: none; border: 1px solid var(--line); border-radius: 5px; padding: 2px 6px; box-shadow: none; }
#nhSearch .srch-body { padding: 14px 18px 18px; overflow-y: auto; }
#nhSearch h5, #nhDrawer h5 { margin: 6px 0 8px; font: 700 11px system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
#nhSearch .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
#nhSearch .chips a { padding: 7px 12px; border-radius: 50px; background: var(--chip); color: var(--blue); font-size: 13px; font-weight: 700; }
#nhSearch .chips a:hover { background: var(--blue); color: #fff; }
/* Іздеу басталып, кез келген нәтиже бөлімі (сервистер, мәзір, жазбалар) көрінсе — жылдам сілтемелер жасырылады */
#nhSearch .srch-body:has(> .srch-menu:not([hidden]), > .srch-res:not([hidden])) .srch-quick { display: none; }
/* Жылдам сілтемелер де, нәтиже де жоқ — тек іздеу жолы (бос ақ жолақ қалмайды) */
#nhSearch .srch:not(:has(.srch-body > div:not([hidden]))) .srch-body { display: none; }
#nhSearch .srch:not(:has(.srch-body > div:not([hidden]))) .srch-in { border-bottom-color: transparent; }
#nhSearch .res a { display: flex; gap: 12px; align-items: center; padding: 9px 8px; border-radius: 10px; }
#nhSearch .res a:hover, #nhSearch .res a:focus-visible { background: var(--soft); }
#nhSearch .res b { display: block; font-size: 14px; font-weight: 700; }
#nhSearch .srch-menu[hidden] { display: none !important; }
#nhSearch .srch-menu { margin-bottom: 10px; }
#nhSearch .res--menu a { flex-direction: column; align-items: flex-start; gap: 2px; }
#nhSearch .res--menu small { font: 12px system-ui, sans-serif; color: var(--muted); }
/* Цифрлық сервистер (inc/digital-university.php) */
#nhSearch .res--svc a { gap: 12px; }
#nhSearch .res--svc .svc-ico { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; height: 38px; border-radius: 11px; background: var(--chip); color: var(--blue); }
#nhSearch .res--svc .svc-ico svg { width: 20px; height: 20px; }
#nhSearch .res--svc a:hover .svc-ico { background: var(--blue); color: #fff; }
#nhSearch .res--svc small { display: block; margin-top: 1px; font-size: 12px; color: var(--muted); }
#nhSearch .res--svc i { font-style: normal; color: var(--muted); font-weight: 400; }
/* Корпустар мен кабинеттер (inc/campus.php): кабинет нөмірі — көк белгі */
#nhSearch .res--rooms a { gap: 12px; }
#nhSearch .res--rooms .room-no { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 52px; height: 30px; padding: 0 8px; border-radius: 8px; background: var(--blue); color: #fff; font-weight: 700; font-size: 12.5px; white-space: nowrap; }
#nhSearch .res--rooms .room-no--dot { min-width: 0; width: 10px; height: 10px; margin: 0 21px; padding: 0; border-radius: 50%; background: #F5C46B; }
#nhSearch .res--rooms small { display: block; margin-top: 1px; font-size: 12px; color: var(--muted); }
/* Білім беру бағдарламалары: деңгей белгісі (басты беттегі .training__find-lvl-мен бірдей түстер) */
#nhSearch .res--prog a { justify-content: space-between; }
#nhSearch .res--prog small { display: block; margin-top: 1px; font-size: 12px; color: var(--muted); }
#nhSearch .res--prog .prog-lvl { flex: 0 0 auto; padding: 3px 9px; border-radius: 999px; background: #e6effa; color: #1460b0; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
#nhSearch .res--prog .prog-lvl--mag { background: #e7f5ef; color: #17784f; }
#nhSearch .res--prog .prog-lvl--doc { background: #fbf0dc; color: #94640c; }
#nhSearch mark { background: #fde68a; color: inherit; padding: 0 1px; border-radius: 2px; }
#nhSearch .res-msg { padding: 14px 8px; color: var(--muted); font-size: 14px; }
#nhSearch .res-all { justify-content: center; margin-top: 4px; color: var(--blue); font-weight: 700; font-size: 14px; }

/* ---------- Мобильді мәзір ---------- */
#nhDrawer { position: fixed; inset: 0; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--nh-bvi, 0px)); z-index: 1100; background: #fff; display: flex; flex-direction: column; }
#nhDrawer .drawer-top { flex-shrink: 0; height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--line); }
#nhDrawer .drawer-top .nh-logo img { width: 34px; height: 34px; }
#nhDrawer .drawer-top .nh-logo b { font-size: min(14px, 3.6vw); max-width: none; white-space: nowrap; } /* атауы бір жолда (тар экранда — сәл кіші), астында ұран */
#nhDrawer .drawer-top .nh-logo-txt > span { display: block; margin-top: 3px; font-size: 12px; font-weight: 400; line-height: 1.3; letter-spacing: .02em; color: var(--muted); white-space: nowrap; }
@media (max-width: 359px) { /* өте тар экран — бұрынғыдай: атауы екі жолда, ұрансыз */
    #nhDrawer .drawer-top .nh-logo b { font-size: 14px; max-width: 230px; white-space: normal; }
    #nhDrawer .drawer-top .nh-logo-txt > span { display: none; }
}
#nhDrawer .nh-burger { display: inline-flex; }
#nhDrawer .drawer-body { flex: 1; position: relative; overflow: hidden; }
#nhDrawer .drill-pane { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; padding: 14px 16px; background: #fff; transition: transform .28s ease; }
#nhDrawer .drill-pane--sub { transform: translateX(100%); visibility: hidden; }
#nhDrawer.sub .drill-pane--main { transform: translateX(-30%); visibility: hidden; transition: transform .28s ease, visibility 0s .28s; }
#nhDrawer.sub .drill-pane--sub { transform: none; visibility: visible; }
/* Іздеу өрісі + оң жағында плагиндер батырмасы (wkau_nh_slot 'drawer', мысалы мерекелер қоңырауы) */
#nhDrawer .d-srow { position: relative; display: flex; gap: 8px; margin: 0 0 12px; }
#nhDrawer .dsearch { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; margin: 0; border: 1px solid var(--line); border-radius: 12px; padding: 0 12px; color: var(--muted); }
#nhDrawer .dsearch svg { width: 16px; height: 16px; }
#nhDrawer .dsearch input { flex: 1; min-width: 0; height: 44px; margin: 0; padding: 0; border: 0; box-shadow: none; background: none; font: 15px Merriweather, Georgia, serif; color: var(--ink); outline: none; }
#nhDrawer .lv1 { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 2px; border: 0; border-bottom: 1px solid #eef2f7; background: none; font-size: 17px; color: var(--ink); text-align: left; cursor: pointer; }
#nhDrawer .lv1 .mg-ico { flex-basis: 36px; height: 36px; }
#nhDrawer .lv1 .chev { margin-left: auto; color: var(--muted); font-size: 20px; }
#nhDrawer .drill-back { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; padding: 6px 0; color: var(--blue); font-weight: 700; font-size: 14px; cursor: pointer; }
#nhDrawer .sub-head { margin: 8px 0 14px; padding: 14px; border-radius: 14px; background: var(--soft); border: 1px solid var(--line); }
#nhDrawer .sub-head h3 { margin: 0 0 6px; font-size: 21px !important; font-weight: 700; line-height: 1.3; color: var(--ink); }
#nhDrawer .sub-head p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--muted); }
#nhDrawer .sub-group { margin-bottom: 12px; }
#nhDrawer .sub-group .mg-head { margin: 10px 0 2px; }
#nhDrawer .sub-group > a, #nhDrawer .sub-group > span { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 4px 11px 42px; border-bottom: 1px solid #f1f4f8; font-size: 15.5px; color: #334155; }
#nhDrawer .sub-group > a::after { content: "\203A"; color: var(--muted); font-size: 18px; }
#nhDrawer .d-useful svg { width: 16px; height: 16px; color: var(--blue); }
#nhDrawer .d-useful { margin: 16px 0 8px; }
#nhDrawer .d-useful a { display: flex; align-items: center; gap: 10px; padding: 10px 2px; border-bottom: 1px solid #f1f4f8; font-size: 14.5px; color: #334155; }
#nhDrawer .drawer-foot { flex-shrink: 0; padding: 12px 16px 16px; border-top: 1px solid var(--line); display: flex; gap: 10px; align-items: center; }
/* Мобильді мәзірдің төменгі жағы: әлеуметтік желілер + тіл */
#nhDrawer .d-social { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; }
#nhDrawer .d-social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--chip); color: #3d74b3; transition: background .15s, color .15s; }
#nhDrawer .d-social a:hover { background: var(--blue); color: #fff; }
#nhDrawer .d-social svg { width: 18px; height: 18px; }
#nhDrawer .drawer-foot { justify-content: space-between; }
#nhDrawer .nh-lang { border-color: var(--line); }
#nhDrawer .nh-lang a { color: var(--muted); padding: 8px 10px; }
#nhDrawer .nh-lang a.on { background: var(--navy); color: #fff; }

/* Мәзір/іздеу ашық кезде бет айналмайды, қалқымалы батырмалар жасырылады */
html.nh-lock, html.nh-lock body { overflow: hidden; }
html.nh-lock .wkai-launcher, html.nh-lock .scrollup, html.nh-lock .wkau-float-wrapper { display: none !important; }
body:has(.nh-mega.open, .nh-adm.open) .wkau-float-wrapper { visibility: hidden; }

/* Header-дегі «Қабылдау» мәзірі қалқымалы Admission Button Block-ты алмастырады */
#abbWrapper, .abb-wrapper { display: none !important; }
/* Қалқымалы батырма жасырылғандықтан, «Сұрақ қою» (wkau-ai-assistant) оның орнына — төменгі бұрышқа */
body .wkai-launcher { bottom: 30px; }
@media (max-width: 768px) {
    body .wkai-launcher { bottom: 20px; }
}
/* Мобильді нұсқада «Сұрақ қою» — «Қабылдау» батырмасының үстінде (плагиннің бастапқы орны) */
html.nh-mob body .wkai-launcher { bottom: calc(30px + 48px + 14px); }
@media (max-width: 768px) {
    html.nh-mob body .wkai-launcher { bottom: calc(20px + 42px + 12px); }
}
/* «Қабылдау» header-ден өшірілсе (Customizer → Header және сайдбар → body.nh-adm-off): компьютерде де мобильдідегідей —
   header-дегі батырма жоқ, қалқымалысы төменгі оң жақ бұрышта, «Сұрақ қою» оның үстінде. Мобильдіде өзгеріс жоқ */
body.nh-adm-off .nh-actions .nh-adm.desk { display: none; }
body.nh-adm-off .nh-adm--float { display: block; }
body.nh-adm-off .wkai-launcher { bottom: calc(30px + 48px + 14px); }
@media (max-width: 768px) {
    body.nh-adm-off .wkai-launcher { bottom: calc(20px + 42px + 12px); }
}
/* Сонда (батырманың орны босайды) — компьютерде логотип: атауы бір жолда, астында ұран (сайт сипаттамасы — «Дәстүр, сапа, жетістік»).
   Мобильді нұсқада (тар контейнер, ☰) — өзгеріссіз: атауы екі жолда, ұран жоқ */
@container nhmain (min-width: 1180px) {
    body.nh-adm-off .nh-logo b { max-width: none; white-space: nowrap; }
    body.nh-adm-off .nh-logo-txt > span { display: block; margin-top: 3px; font-size: 12px; font-weight: 400; line-height: 1.3; letter-spacing: .02em; color: var(--muted); white-space: nowrap; }
    /* Батырма жоқ — .nh-actions бос (ені 0), бірақ .nh-in-дегі 16px аралық қалады: мәзір оң жиекке (util жолағымен бір деңгейге) жетсін */
    body.nh-adm-off .nh-main .nh-actions { margin-left: -16px; }
}

/* ---------- Ені бойынша бейімделу ---------- */
@container nhmain (max-width: 1240px) {
    .nh-nav > button { padding: 0 7px; font-size: 15px; }
    .nh-nav > button::after { left: 7px; right: 7px; }
    .nh-actions { gap: 6px; }
    .nh-cta { padding: 9px 12px; }
}
/* Тар контейнер — мобильді нұсқа */
@container nhmain (max-width: 1179px) {
    .nh-main > .nh-in, .nh-main.is-scrolled > .nh-in { height: 60px; }
    .nh-nav, .nh-mega { display: none !important; }
    .nh-search, .nh-burger { display: inline-flex; }
    .desk { display: none; }
    .nh-main .mob { display: inline-flex; }
    .nh-actions { gap: 6px; }
    .nh-logo img, .nh-main.is-scrolled .nh-logo img { width: 38px; height: 38px; }
    .nh-logo b { font-size: 14px; max-width: 200px; }
    .nh-actions { margin-left: auto; }
}
@container nhutil (max-width: 1179px) {
    .nh-util .nh-in { display: none; }
}
/* Телефон: логотип мәтіні кішірейеді — 4 батырма сыйсын */
@container nhmain (max-width: 460px) {
    .nh-main > .nh-in { gap: 8px; }
    .nh-main .nh-logo { gap: 8px; }
    .nh-logo img, .nh-main.is-scrolled .nh-logo img { width: 34px; height: 34px; }
    /* 118px: атаудың ең ұзын жолы (3 тілде) ~109px; 140px болғанда 375px-те header 6px асып кететін */
    .nh-logo b { font-size: 12.5px; max-width: 118px; letter-spacing: .03em; }
    .nh-actions { gap: 5px; }
    .nh-search, .nh-burger, .nh-mbtn { width: 38px; min-width: 38px; height: 38px; }
}
@container nhmain (max-width: 360px) {
    .nh-logo b { font-size: 11.5px; max-width: 112px; letter-spacing: .02em; }
    .nh-search, .nh-burger, .nh-mbtn { width: 34px; min-width: 34px; height: 34px; }
}
@container nhmain (max-width: 340px) {
    .nh-main > .nh-in { padding: 0 10px; gap: 6px; }
    .nh-main .nh-logo { gap: 6px; }
    .nh-logo img, .nh-main.is-scrolled .nh-logo img { width: 30px; height: 30px; }
    .nh-logo b { font-size: 11px; max-width: 100px; }
    .nh-actions { gap: 4px; }
    .nh-search, .nh-burger, .nh-mbtn { width: 32px; min-width: 32px; height: 32px; border-radius: 8px; }
    .nh-search svg, .nh-mbtn svg { width: 16px; height: 16px; }
    .nh-burger svg { width: 18px; height: 18px; }
}

@media (max-width: 600px) {
    /* WP админ-жолағы бұл енде бетпен бірге айналады (site-sidebar.css оны бекітеді) */
    .nh-main, #nhDrawer { top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--nh-bvi, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
    .nh-main, .nh-main > .nh-in, .nh-logo img, #nhDrawer .drill-pane, .nh-mega.open, .nh-adm.open .adm-menu { transition: none !important; animation: none !important; }
}

/* ===== Бөлім навигациясы (.inst-nav: институттар, әскери кафедра, спорт клуб т.б.) =====
   new-style.css-те top: 0 — жаңа жабысқақ header-дің астына кіріп жасырынып қалатын.
   Енді header астында тоқтайды (.admn-nav сияқты, 61px = жиырылған header биіктігі). */
body.nh-on .inst-nav { top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--nh-bvi, 0px) + 61px); }
/* Сілтемені басқанда бөлім тақырыбы header + навигацияның астында қалмасын */
html:has(body.nh-on .inst-nav) { scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--nh-bvi, 0px) + 61px + 56px); }

@media (max-width: 768px) {
    /* Жалғыз бөлім: бір қатар (new-style.css-тегі 2 бағанды торды алып тастаймыз) */
    body.nh-on .inst-nav__list { flex-wrap: nowrap; }
    body.nh-on .inst-nav__link { flex: 1 0 auto; padding: 13px 14px 11px; font-size: 13.5px; white-space: nowrap; border-bottom: 3px solid transparent; }
    body.nh-on .inst-nav__link.is-active { border-bottom-color: #1a4fa0; background: #f0f5ff; }
    html:has(body.nh-on .inst-nav) { scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--nh-bvi, 0px) + 61px + 52px); }
}

/* ===== Бөлім навигациясы мобильде — ашылмалы тізім (assets/js/section-nav.js, 2+ бөлім) =====
   .inst-nav (институттар, әскери кафедра, спорт клуб…) және .admn-nav (Қабылдау).
   Жолақта ағымдағы бөлім + «2/5» + ▾, басқанда барлық бөлімнің тізімі ашылады. */
.snav-dd__toggle, .snav-dd__bar { display: none; }

@media (max-width: 768px) {
    body.nh-on .snav-dd__bar { display: block; }
    body.nh-on .snav-dd .snav-dd__toggle {
        display: flex; align-items: center; gap: 10px; width: 100%; height: 46px; padding: 0 2px 0 12px; margin: 0;
        border: 0; border-left: 3px solid #1a4fa0; border-radius: 0; background: transparent; color: #1a4fa0;
        font-family: inherit; font-size: 14.5px; font-weight: 600; line-height: 1.2; text-align: left; cursor: pointer;
    }
    body.nh-on .snav-dd__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body.nh-on .snav-dd__count { flex: none; color: #94a3b8; font-size: 12.5px; font-weight: 500; }
    body.nh-on .snav-dd__toggle svg { flex: none; width: 22px; height: 22px; color: #64748b; transition: transform .2s; }
    body.nh-on .snav-dd.is-open .snav-dd__toggle svg { transform: rotate(180deg); }
    body.nh-on .snav-dd__toggle:focus-visible { outline: 2px solid #1a4fa0; outline-offset: -2px; }

    body.nh-on .snav-dd .snav-dd__list { display: none; }
    body.nh-on .snav-dd.is-open .snav-dd__list {
        display: block; position: absolute; left: 0; right: 0; top: 100%; width: auto; max-width: none; margin: 1px 0 0; padding: 6px 0;
        max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - var(--nh-bvi, 0px) - 61px - 60px); overflow-y: auto; overscroll-behavior: contain;
        background: #fff; border-bottom: 1px solid #e2e8f0; box-shadow: 0 16px 32px rgba(10,22,40,.14);
    }
    body.nh-on .snav-dd .snav-dd__item {
        display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px;
        width: 100%; padding: 13px 20px 13px 17px; margin: 0;
        border: 0; border-left: 3px solid transparent; border-radius: 0; background: transparent;
        font-family: inherit; font-size: 14.5px; font-weight: 500; line-height: 1.35; white-space: normal; text-align: left; text-decoration: none;
    }
    body.nh-on .snav-dd .snav-dd__item svg { flex: none; width: 18px; height: 18px; }
    body.nh-on .snav-dd .snav-dd__item:hover { border-bottom: 0; background: #f8fafc; }
    body.nh-on .snav-dd .snav-dd__item.is-active,
    body.nh-on .snav-dd .snav-dd__item.is-on { border-left-color: #1a4fa0; background: #f0f5ff; color: #1a4fa0 !important; font-weight: 600; }
    html:has(body.nh-on .inst-nav.snav-dd) { scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--nh-bvi, 0px) + 61px + 56px); }

    /* JS іске қосылғанша (section-nav.js беттің соңында жүктеледі) жолақты бірден ашылмалы түрде саламыз:
       тек бірінші бөлім + ▾ — бұрын толық тізім/тор көрініп, сосын ауысып «жыпылықтайтын».
       html.snav-js/.snav-ready — inc/new-header.php (wp_head) және section-nav.js қояды. */
    html.snav-js:not(.snav-ready) body.nh-on :is(.inst-nav__list, .admn-nav__inner):has(> a:nth-of-type(2)) { display: block; overflow: hidden; }
    html.snav-js:not(.snav-ready) body.nh-on :is(.inst-nav__list, .admn-nav__inner):has(> a:nth-of-type(2)) > a:not(:first-of-type) { display: none; }
    html.snav-js:not(.snav-ready) body.nh-on :is(.inst-nav__list, .admn-nav__inner):has(> a:nth-of-type(2)) > a:first-of-type {
        display: block; width: 100%; height: 46px; padding: 0 64px 0 12px; margin: 0;
        border: 0; border-left: 3px solid #1a4fa0; border-radius: 0;
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat right 2px center / 22px 22px;
        color: #1a4fa0 !important; font-family: inherit; font-size: 14.5px; font-weight: 600; line-height: 46px;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; text-decoration: none;
    }
    html.snav-js:not(.snav-ready) body.nh-on :is(.inst-nav__list, .admn-nav__inner):has(> a:nth-of-type(2)) > a:first-of-type svg { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .snav-dd__toggle svg { transition: none !important; }
}

/* Жоба каталогының сайдбары (new-style.css: top: 24px) — header астына кірмесін; мобильде ол static */
body.nh-on .projcat-sidebar { top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--nh-bvi, 0px) + 61px + 24px); }

/* ===== Header түсі: Customizer → Header және сайдбар → «Header түсі» (inc/new-header.php → wkau_nh_color, 2026-10-27) =====
   body.nh-gold — ақ header, астында алтын сызық; body.nh-navy — бір түсті қою көк header мен сайдбар жолағы (әдепкі #0b2f63 — футер градиентінің ортаңғы түсі; Customizer-де өзгертуге болады → var(--nh-navy), wkau_nh_navy_bg; градиент нұсқасы резервте).
   Басты беттің басында (html.fp-nh-dark — front-page.php скрипті қояды) header баннер үстінде мөлдір-қою болып қалады,
   мегамәзір ашылғанда — ақ. Резерв: _backups/2026-10-27-header-color/ */
.nh-logo-dark { display: none; }
html:not(.fp-nh-dark) body.nh-gold .nh-main:not(:has(.nh-mega.open))::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; pointer-events: none;
    background: linear-gradient(90deg, #f5c46b, #e0a526);
}
/* Матовый шыны (2026-10-28): фон ::before-да — .nh-main-нің өзіне backdrop-filter берсе, ішіндегі position: fixed элементтер
   header-ге «байланып» қалады. Резерв (тұтас түс): _backups/2026-10-28-navy-glass/.
   Басты беттің жылдам сілтемелер жолағындағыдай (front-page.php, wkau_ql_style glass) градиент: сол жақ сайдбармен бірдей қою #081a35,
   ортасынан оң жаққа — таңдалған түс (--nh-navy) 96%; сайдбар жолағы тұтас #081a35. Резерв (бір түсті шыны): _backups/2026-10-28-header-gradient/ */
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) {
    background: transparent;
    border-bottom-color: rgba(245, 196, 107, .35); box-shadow: 0 6px 24px rgba(0, 20, 50, .3);
}
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open))::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: var(--nh-navy, #0b2f63);
    background: linear-gradient(90deg, rgba(8, 26, 53, .97) 0%, color-mix(in srgb, var(--nh-navy, #0b2f63) 96%, transparent) 50%);
    -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3);
}
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-logo img:not(.nh-logo-dark) { display: none; }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-logo-dark { display: block; }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-logo b { color: #fff; }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-logo-txt > span { color: rgba(255, 255, 255, .78); }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-nav > button { color: #fff; }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-nav > button:hover { color: #f5c46b; }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-nav > button::after { background: #f5c46b; }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-nav > button + button::before { background: rgba(255, 255, 255, .28); }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) :is(.nh-search, .nh-burger, .nh-mbtn) { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .3); color: #fff; }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) :is(.nh-search, .nh-burger, .nh-mbtn):hover { background: rgba(255, 255, 255, .2); border-color: #fff; }
/* «Қабылдау 2027» — қою фонда алтын батырма (фирмалық алтын градиент), қою көк мәтін; «2027» — керісінше: қою көк фонда алтын.
   Басты беттің басындағы мөлдір header-де де солай (front-page.php). Ақ header-де — бұрынғы көк батырма */
/* Жалпақ алтын (2026-10-28; 2026-10-27 жылтыр нұсқасы — _backups/2026-10-28-adm-float/header-new-glossy.css) */
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-cta {
    background: linear-gradient(135deg, #f5c46b 0%, #e0a526 100%);
    color: #0A1628;
    box-shadow: 0 8px 20px -8px rgba(224, 165, 38, .65);
}
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-cta i { background: var(--nh-navy, #0b2f63); color: #f5c46b; }
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-cta:hover,
html:not(.fp-nh-dark) body.nh-navy .nh-main:not(:has(.nh-mega.open)) .nh-cta[aria-expanded="true"] {
    background: linear-gradient(135deg, #f8d184 0%, #e8b13a 100%);
    color: #0A1628;
}
/* Сайдбардың тұрақты жолағы (панель жабық, мегамәзір жабық): util жолағынан төмен — header-дің түсі, иконкалар ақ */
@media (min-width: 1200px) {
    html:not(.fp-nh-dark) body.nh-navy:not(:has(.nh-mega.open)) .nsb:not(.is-open) .nsb__rail { background: transparent; box-shadow: none; }
    html:not(.fp-nh-dark) body.nh-navy:not(:has(.nh-mega.open)) .nsb:not(.is-open) .nsb__rail::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: var(--nsb-util, 34px); z-index: -1; background: rgba(8, 26, 53, .97); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); box-shadow: inset -1px 0 0 rgba(255, 255, 255, .14); }
    html:not(.fp-nh-dark) body.nh-navy:not(:has(.nh-mega.open)) .nsb:not(.is-open) .nsb__rail .nsb__main { border-bottom-color: rgba(255, 255, 255, .14); }
    html:not(.fp-nh-dark) body.nh-navy:not(:has(.nh-mega.open)) .nsb:not(.is-open) .nsb__social { border-top-color: rgba(255, 255, 255, .14); }
    html:not(.fp-nh-dark) body.nh-navy:not(:has(.nh-mega.open)) .nsb:not(.is-open) :is(.nsb__toggle, .nsb__rbtn, a.nsb__soc) { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .28); color: #fff; }
    html:not(.fp-nh-dark) body.nh-navy:not(:has(.nh-mega.open)) .nsb:not(.is-open) .nsb__rbtn--search { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28); }
    html:not(.fp-nh-dark) body.nh-navy:not(:has(.nh-mega.open)) .nsb:not(.is-open) :is(.nsb__toggle, .nsb__rbtn, a.nsb__soc):hover,
    html:not(.fp-nh-dark) body.nh-navy:not(:has(.nh-mega.open)) .nsb:not(.is-open) .nsb__rbtn[aria-expanded="true"] { background: #0052A5; border-color: #0052A5; color: #fff; box-shadow: none; }
}

/* Қалқымалы «Қабылдау» («Сұрақ қою» астында; мобильде әрдайым, компьютерде — header-ден өшірілсе): header-дегідей жалпақ алтын (2026-10-28).
   Резерв: көк нұсқа — _backups/2026-10-28-adm-float/header-new.css, жылтыр алтын — header-new-glossy.css */
.nh-adm--float .nh-cta {
    background: linear-gradient(135deg, #f5c46b 0%, #e0a526 100%);
    color: #0A1628;
    box-shadow: 0 10px 24px -10px rgba(150, 95, 0, .6), 0 2px 6px rgba(16, 46, 90, .12);
}
.nh-adm--float .nh-cta i { background: #0b2f63; color: #f5c46b; }
.nh-adm--float .nh-cta:hover,
.nh-adm--float .nh-cta[aria-expanded="true"] {
    background: linear-gradient(135deg, #f8d184 0%, #e8b13a 100%);
    color: #0A1628;
}