/* ===== «Қабылдау комиссиясы» (page-admission-2026.php) =====
   Сайт палитрасы: қою көк #0A1628, негізгі көк #0052A5, алтын #F5C46B. h1/h2/h3 өлшемдері !important — style.css тақырыптарға !important береді. */

.admn { font-family: Merriweather, Georgia, serif; color: #0A1628; }
.admn * { box-sizing: border-box; }
.admn svg { flex-shrink: 0; }

/* ---------- Breadcrumbs баннер үстінде ----------
   new-style.css «BREADCRUMBS ON HERO» ережесі тек breadcrumbs-тан кейін бірден баннер тұрса іске қосылады
   (section.breadcrumbs:has(+ section[class*="-hero"])); мұнда баннер .admn орамының ішінде — сол ереже осы орам үшін.
   Телефонда (≤768px) AI Sana беті сияқты — баннер үстіндегі ақ жолақта. */
section.breadcrumbs:has(+ .admn) { position: relative; z-index: 10; margin-bottom: -50px; background: transparent; }
section.breadcrumbs:has(+ .admn) .breadcrumbs__inner a { color: rgba(255,255,255,.85) !important; text-decoration: none; }
section.breadcrumbs:has(+ .admn) .breadcrumbs__inner a:hover { color: #fff !important; text-decoration: underline; }
section.breadcrumbs:has(+ .admn) .breadcrumbs__inner span { color: rgba(255,255,255,.85) !important; }
section.breadcrumbs:has(+ .admn) .breadcrumbs__inner .breadcrumb_last,
section.breadcrumbs:has(+ .admn) .breadcrumbs__inner #breadcrumbs .breadcrumb_last { color: rgba(255,255,255,.6) !important; }
@media (max-width: 768px) {
    section.breadcrumbs:has(+ .admn) { margin-bottom: 0; background: #fff; }
    section.breadcrumbs:has(+ .admn) .breadcrumbs__inner a { color: #0052A5 !important; }
    section.breadcrumbs:has(+ .admn) .breadcrumbs__inner a:hover { color: #003b78 !important; }
    section.breadcrumbs:has(+ .admn) .breadcrumbs__inner span { color: #555 !important; }
    section.breadcrumbs:has(+ .admn) .breadcrumbs__inner .breadcrumb_last,
    section.breadcrumbs:has(+ .admn) .breadcrumbs__inner #breadcrumbs .breadcrumb_last { color: #999 !important; }
}

/* ---------- Баннер ---------- */
.admn-hero {
    position: relative; overflow: hidden; padding: 72px 0 32px; color: #fff;
    /* Бас ғимарат суреті градиент астында (басты беттің «Бас ғимарат» фонындай): сол жақ (мәтін) қою, оң жаққа қарай сурет айқындалады */
    --admn-photo: url(../images/hero-bg/main-building.webp);
    background:
        linear-gradient(90deg, rgba(10,22,40,.95) 0%, rgba(11,47,99,.85) 40%, rgba(0,82,165,.55) 100%),
        linear-gradient(0deg, rgba(10,22,40,.6), transparent 40%),
        #0b2f63 var(--admn-photo) center 40% / cover no-repeat;
}
@media (max-width: 575px) { .admn-hero { --admn-photo: url(../images/hero-bg/main-building-sm.webp); } }
.admn-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.14) 1px, transparent 1.4px); background-size: 26px 26px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 55%); mask-image: linear-gradient(90deg, transparent, #000 55%); }
.admn-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 40px; align-items: center; }
/* «Шыны» элементтер (2026-10-19): белгі, «Бағдарламалар» батырмасы, телефондар, жылдам деректер жолы — ортақ .wkau-glass
   (new-style.css соңы: жиек, мөлдір градиент, артындағы фотоны бұлдырату, BVI мен ескі браузерге тұтас фон); мұнда — тек пішіні */
.admn-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 50px; font: 700 11.5px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .08em; color: #e6eefa; }
.admn-badge i { width: 7px; height: 7px; border-radius: 50%; background: #F5C46B; box-shadow: 0 0 0 4px rgba(245,196,107,.18); }
.admn-hero__title { margin: 18px 0 14px !important; font-size: 52px !important; font-weight: 800 !important; line-height: 1.08 !important; color: #fff !important; }
.admn-hero__lead { max-width: 620px; margin: 0 0 28px; font-size: 17px; line-height: 1.65; color: #d6e3f5; }
.admn-hero__btns { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
.admn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 22px; border-radius: 12px; font: 700 15px Merriweather, Georgia, serif; text-decoration: none !important; transition: transform .15s, background .15s, border-color .15s; }
.admn-btn svg { width: 18px; height: 18px; }
.admn-btn--gold { background: linear-gradient(135deg, #f5c46b 0%, #e0a526 100%); color: #0A1628 !important; }
.admn-btn--gold:hover { background: linear-gradient(135deg, #f8d48c 0%, #e8b440 100%); transform: translateY(-1px); }
.admn-btn--ghost { color: #fff !important; box-shadow: 0 12px 28px -18px rgba(0,0,0,.6); }
.admn-hero__phones { display: flex; flex-wrap: wrap; gap: 8px; }
.admn-hero__phones a { --glass-blur: 6px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 10px; color: #fff !important; font: 600 13.5px system-ui, -apple-system, "Segoe UI", sans-serif; text-decoration: none !important; }
.admn-hero__phones svg { width: 15px; height: 15px; color: #F5C46B; }
/* Студент суреті жылдам деректер жолағының үстіңгі жиегінде тоқтайды: шыны артында тек ғимарат фоны (қызғылт жемпір мәтінді оқытпайтын) */
.admn-hero__img { position: relative; align-self: end; justify-self: center; margin-bottom: -36px; }
.admn-hero__img::before { content: ""; position: absolute; left: 50%; bottom: 8%; width: 86%; aspect-ratio: 1; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(245,196,107,.32), rgba(245,196,107,0) 68%); }
.admn-hero__img img { position: relative; display: block; width: auto; max-width: 100%; max-height: 470px; height: auto; object-fit: contain; filter: drop-shadow(0 20px 30px rgba(4,12,28,.35)); }

/* ---------- Жылдам деректер — баннердің ішінде, шыны жолақ (2026-10-19; бұрын жартылай ақ фондағы ақ карточка) ---------- */
.admn-hero__facts { position: relative; z-index: 2; margin-top: 36px; }
.admn-facts__row { display: grid; grid-auto-flow: column; grid-auto-columns: auto; border-radius: 18px; box-shadow: 0 18px 40px -22px rgba(0,0,0,.7); overflow: hidden; }
.admn-fact { display: flex; align-items: center; gap: 14px; padding: 20px 22px; color: #fff !important; text-decoration: none !important; transition: background .15s; }
.admn-fact + .admn-fact { border-left: 1px solid rgba(255,255,255,.14); }
a.admn-fact:hover { background: rgba(255,255,255,.08); }
.admn-fact__ico { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 46px; height: 46px; border-radius: 14px; background: rgba(255,255,255,.12); color: #F5C46B; }
.admn-fact__ico svg { width: 22px; height: 22px; }
.admn-fact__ico--gold { background: linear-gradient(135deg, #f5c46b, #e0a526); color: #0A1628; }
.admn-fact > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.admn-fact small { font: 600 12px system-ui, -apple-system, "Segoe UI", sans-serif; color: rgba(255,255,255,.66); }
.admn-fact b { font-size: 15px; overflow-wrap: anywhere; }
.admn-fact b.admn-fact__mail { overflow-wrap: normal; } /* бір жолда; өте тар экранда ғана «@» алдынан бөлінеді (<wbr>) */
.admn-fact__big { font-size: 26px !important; line-height: 1.1; background: linear-gradient(135deg, #f5c46b, #e0a526); -webkit-background-clip: text; background-clip: text; color: transparent !important; }

/* ---------- Навигация ---------- */
/* Сайттың header-і (.nh-main) айналдырғанда 60px + 1px жиек — навигация соның астына жабысады */
.admn-nav { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--nh-bvi, 0px) + 61px); z-index: 50; margin-top: 28px; border-bottom: 1px solid #e3ebf6; background: rgba(255,255,255,.94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.admn-nav__inner { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.admn-nav__inner::-webkit-scrollbar { display: none; }
.admn-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 16px 14px 14px; border-bottom: 3px solid transparent; color: #475569 !important; font: 700 14.5px Merriweather, Georgia, serif; white-space: nowrap; text-decoration: none !important; }
.admn-nav a svg { width: 17px; height: 17px; }
.admn-nav a:hover { color: #0052A5 !important; }
.admn-nav a.is-on { border-bottom-color: #0052A5; color: #0052A5 !important; }

/* ---------- Бөлімдер ---------- */
.admn-sec { padding: 64px 0; background: #fff; scroll-margin-top: 140px; }
.admn-sec--soft { background: #F5F8FC; }
.admn-head { margin-bottom: 30px; text-align: center; }
.admn-lbl { display: inline-block; padding: 5px 14px; border-radius: 50px; background: #E6EFFA; color: #0052A5; font: 700 11.5px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.admn-ttl { max-width: 860px; margin: 12px auto 0 !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #0A1628 !important; }

/* Қабылдау туралы */
.admn-about { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.admn-about .admn-ttl { margin-left: 0 !important; }
.admn-prose { margin-top: 16px; font-size: 16px; line-height: 1.75; color: #1e293b; }
.admn-prose p { margin: 0 0 12px; }
.admn-prose--muted { padding: 14px 16px; border-left: 3px solid #F5C46B; border-radius: 0 12px 12px 0; background: #FFF9EC; font-size: 15px; color: #475569; }
.admn-contact { padding: 24px; border-radius: 22px; background: linear-gradient(150deg, #0A1628, #0b2f63 55%, #0052A5); color: #fff; box-shadow: 0 24px 50px rgba(10,22,40,.2); }
.admn-contact h3 { margin: 0 0 6px !important; font-size: 19px !important; font-weight: 700 !important; color: #fff !important; }
.admn-contact > p { margin: 0 0 16px; font-size: 14px; line-height: 1.55; color: #cfe0f5; }
.admn-contact ul { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.admn-contact li { margin: 0; }
.admn-contact a { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 14px; background: rgba(255,255,255,.08); color: #fff !important; text-decoration: none !important; transition: background .15s; }
.admn-contact a:hover { background: rgba(255,255,255,.16); }
.admn-contact__ico { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg, #f5c46b 0%, #e0a526 100%); color: #0A1628; }
.admn-contact__ico svg { width: 17px; height: 17px; }
.admn-contact a > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.admn-contact small { font: 600 11.5px system-ui, sans-serif; color: #9fbde3; }
.admn-contact b { font-size: 15px; overflow-wrap: anywhere; }

/* «Қабылдау туралы» — ықшам нұсқа: аз бос орын, кішірек тақырып пен мәтін, жіңішке байланыс жолдары */
.admn-sec#about { padding: 40px 0; }
.admn-about { gap: 28px; }
.admn-about .admn-ttl { margin-top: 10px !important; font-size: 22px !important; line-height: 1.3 !important; }
.admn-about .admn-prose { margin-top: 12px; font-size: 15px; line-height: 1.65; }
.admn-about .admn-prose p { margin-bottom: 8px; }
.admn-about .admn-prose p:last-child { margin-bottom: 0; }
.admn-about .admn-prose--muted { padding: 10px 14px; font-size: 14px; line-height: 1.6; }
.admn-about .admn-contact { padding: 18px; border-radius: 18px; box-shadow: 0 16px 36px rgba(10,22,40,.18); }
.admn-about .admn-contact h3 { margin-bottom: 4px !important; font-size: 17px !important; }
.admn-about .admn-contact > p { margin-bottom: 12px; font-size: 13px; line-height: 1.5; }
.admn-about .admn-contact ul { gap: 6px; }
.admn-about .admn-contact a { gap: 10px; padding: 7px 10px; border-radius: 12px; }
.admn-about .admn-contact__ico { flex-basis: 30px; height: 30px; border-radius: 8px; }
.admn-about .admn-contact__ico svg { width: 15px; height: 15px; }
.admn-about .admn-contact b { font-size: 14.5px; }

/* Кеңесшілер */
.admn-zoom { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 0; margin-bottom: 22px; border-radius: 22px; background: linear-gradient(135deg, #0A1628, #0b2f63 55%, #0052A5); color: #fff; overflow: hidden; box-shadow: 0 20px 44px rgba(10,22,40,.18); }
.admn-zoom--solo { grid-template-columns: 1fr; }
.admn-zoom__main { display: flex; gap: 18px; padding: 26px; }
.admn-zoom__ico { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 56px; height: 56px; border-radius: 16px; background: linear-gradient(135deg, #f5c46b 0%, #e0a526 100%); color: #0A1628; }
.admn-zoom__ico svg { width: 28px; height: 28px; }
.admn-zoom__lbl { font: 700 11.5px system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #F5C46B; }
.admn-zoom h3 { margin: 6px 0 8px !important; font-size: 21px !important; font-weight: 700 !important; color: #fff !important; }
.admn-zoom__hours { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 16px; font: 14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; color: #cfe0f5; }
.admn-zoom__hours svg { width: 16px; height: 16px; margin-top: 2px; color: #F5C46B; }
.admn-zoom__how { padding: 26px; background: rgba(255,255,255,.06); border-left: 1px solid rgba(255,255,255,.1); }
.admn-zoom__how b { font-size: 15px; }
.admn-zoom__how ol { margin: 12px 0 0; padding-left: 20px; font: 14px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; color: #d6e3f5; }
.admn-zoom__how li { margin: 0 0 6px; list-style: decimal; }

.admn-ops { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.admn-op { display: flex; flex-direction: column; padding: 20px; border: 1px solid #e3ebf6; border-radius: 18px; background: #fff; transition: box-shadow .2s, transform .2s; }
.admn-op:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,82,165,.1); }
.admn-op__top { display: flex; gap: 14px; margin-bottom: 14px; }
.admn-op__ava { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 52px; height: 52px; border-radius: 50%; background: linear-gradient(140deg, #0b2f63, #0052A5); color: #F5C46B; font: 800 17px system-ui, sans-serif; letter-spacing: .02em; }
.admn-op__name { display: block; margin-bottom: 4px; font-size: 15.5px; line-height: 1.35; }
.admn-op__dir { display: block; font: 13px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; color: #475569; text-decoration: none !important; }
a.admn-op__dir { color: #0052A5 !important; }
a.admn-op__dir:hover { text-decoration: underline !important; }
.admn-op__phone { display: flex; align-items: center; gap: 8px; margin: auto 0 12px; padding-top: 12px; border-top: 1px dashed #dbe5f2; font: 700 15px system-ui, -apple-system, "Segoe UI", sans-serif; color: #0A1628; }
.admn-op__phone svg { width: 16px; height: 16px; color: #0052A5; }
.admn-op__acts { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.admn-op__call, .admn-op__wa { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 42px; padding: 0 14px; border-radius: 12px; font: 700 13.5px Merriweather, Georgia, serif; text-decoration: none !important; }
.admn-op__call { background: #0052A5; color: #fff !important; }
.admn-op__call:hover { background: #003b78; }
.admn-op__call svg { width: 16px; height: 16px; }
.admn-op__wa { background: #E8F7EE; color: #0f7a3d !important; }
.admn-op__wa:hover { background: #d4f0de; }
.admn-op__wa svg { width: 18px; height: 18px; }

/* Бағдарламалар */
.admn-tabs { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; margin-bottom: 24px; }
.admn-tab { padding: 11px 22px; border: 1px solid #cfdcec; border-radius: 50px; background: #fff; color: #0A1628; font: 700 14.5px Merriweather, Georgia, serif; cursor: pointer; transition: background .15s, color .15s; }
.admn-tab:hover { background: #EEF5FF; }
.admn-tab.is-on { border-color: #0052A5; background: #0052A5; color: #fff; }
.admn-level[hidden] { display: none; }
.admn-level__head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; align-items: center; margin-bottom: 18px; padding: 22px 24px; border-radius: 20px; background: #F5F9FF; border: 1px solid #e3ebf6; }
.admn-level__head h3 { margin: 0 0 6px !important; font-size: 19px !important; font-weight: 700 !important; color: #0A1628 !important; }
.admn-level__head p { margin: 0; font-size: 14.5px; line-height: 1.6; color: #475569; }
.admn-level__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.admn-level__stats div { display: flex; flex-direction: column; align-items: center; padding: 12px 8px; border-radius: 14px; background: #fff; text-align: center; }
.admn-level__stats b { font-size: 24px; line-height: 1.1; color: #0052A5; }
.admn-level__stats span { margin-top: 4px; font: 600 12px/1.35 system-ui, -apple-system, "Segoe UI", sans-serif; color: #64748b; }
/* Іздеу мен кесте — assets/css/edu-programs.css (ортақ) */

/* ---------- Бейімделу ---------- */
@media (max-width: 1199px) {
    .admn-ops { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admn-facts__row { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admn-fact:nth-child(odd) { border-left: 0; }
    .admn-fact:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.14); }
    .admn-fact:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 991px) {
    .admn-hero { padding: 48px 0 28px; }
    .admn-hero__facts { margin-top: 28px; }
    .admn-hero__grid { grid-template-columns: 1fr; }
    .admn-hero__img { display: none; }
    .admn-hero__title { font-size: 40px !important; }
    .admn-about { grid-template-columns: 1fr; }
    .admn-zoom { grid-template-columns: 1fr; }
    .admn-zoom__how { border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
    .admn-level__head { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .admn-facts__row { grid-template-columns: 1fr; }
    .admn-fact + .admn-fact { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }
}
@media (max-width: 600px) {
    /* Навигация: үш батырма бір жолға толық сыяды (бұрын көлденең айналатын, үшіншісі жартылай көрінбейтін) */
    .admn-nav__inner { display: grid; grid-template-columns: repeat(3, auto); gap: 0 4px; overflow: visible; } /* баған ені — сөз ұзындығына қарай, бос орын тең бөлінеді */
    .admn-nav a { flex-direction: column; justify-content: flex-start; gap: 4px; padding: 10px 2px 8px; font-size: 12px; line-height: 1.25; white-space: normal; text-align: center; overflow-wrap: normal; } /* сөз ортасынан бөлінбейді */
    .admn-nav a svg { width: 18px; height: 18px; }
    .admn-hero { padding: 36px 0 24px; }
    .admn-hero__facts { margin-top: 24px; }
    .admn-hero__title { font-size: 32px !important; }
    .admn-hero__lead { font-size: 15px; }
    .admn-btn { flex: 1 1 auto; height: 46px; padding: 0 16px; font-size: 14px; }
    .admn-sec { padding: 44px 0; }
    .admn-ttl { font-size: 22px !important; }
    .admn-sec#about { padding: 28px 0; }
    .admn-about { gap: 20px; }
    .admn-about .admn-ttl { font-size: 19px !important; }
    .admn-about .admn-prose { font-size: 14.5px; line-height: 1.6; }
    .admn-ops { grid-template-columns: 1fr; }
    .admn-zoom__main { flex-direction: column; padding: 20px; }
    .admn-zoom__ico { align-self: flex-start; flex: none; width: 52px; height: 52px; border-radius: 14px; } /* бағанда flex-basis биіктікке түседі — ені тарылып, фон сопақ болатын */
    .admn-zoom__how { padding: 20px; }
    .admn-level__stats b { font-size: 20px; }
}
@media (max-width: 360px) {
    .admn-nav a { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .admn-op, .admn-btn, .admn-fact { transition: none; } }

/* Нашар көретіндерге арналған нұсқа */
/* шыны элементтердің өзі — new-style.css (.wkau-glass); алтын градиентті мәтін «501» BVI түсімен */
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) :is(.admn-fact, .admn-fact small, .admn-fact__big) { color: var(--bvi-site-color) !important; -webkit-text-fill-color: currentColor; background: none !important; }
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) :is(.admn-hero, .admn-contact, .admn-zoom, .admn-op__ava, .admn-fact__ico) { background: var(--bvi-site-bg) !important; border: 2px solid var(--bvi-site-color) !important; box-shadow: none !important; }
html body .bvi-body[data-bvi-theme]:not(.bvi-no-styles) .admn-hero::before { display: none !important; }