/* Выпадающее меню «Курсы» → («Все курсы» + «Направления»).
   Спека: design/menu_dropdown.py (Designer). Новые классы → порядок-независимо,
   подключается глобально (functions.php) на всех страницах, поверх общей шапки.
   Пороговый брейкпоинт бургера — в общем CSS сайта (home), правится отдельно замером. */

/* ── выпадающее меню (десктоп) ── */
.navgroup{position:relative; display:inline-flex; align-items:center}
.navgroup > a{padding-right:4px}
.navchev{display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px;
  padding:0; margin-right:2px; border:none; background:transparent; color:var(--faint);
  border-radius:7px; cursor:pointer; transition:color .16s var(--ease), background .16s var(--ease),
  transform .18s var(--ease)}
.navchev svg{width:14px; height:14px}
.navchev:hover{color:var(--ink); background:var(--surface)}
.navgroup:hover .navchev,
.navchev[aria-expanded="true"]{color:var(--primary)}
.navchev[aria-expanded="true"]{transform:rotate(180deg)}
.submenu{position:absolute; top:calc(100% + 10px); left:0; min-width:210px; padding:8px;
  background:var(--panel); border:1px solid var(--border); border-radius:var(--r-m);
  box-shadow:var(--shadow); display:flex; flex-direction:column; gap:2px; z-index:40}
.submenu[hidden]{display:none}
.submenu::before{content:""; position:absolute; left:0; right:0; top:-10px; height:10px}
/* .navgroup .submenu a (0,2,1) перебивает общий .nav a (0,1,1) независимо от порядка
   подключения — иначе пункты подменю красились в --muted (тусклее родителя). Designer 2026-09-02. */
.navgroup .submenu a{display:block; padding:10px 12px; border-radius:9px; font-weight:700; font-size:14.5px;
  color:var(--ink); white-space:nowrap}
.navgroup .submenu a:hover,.navgroup .submenu a:focus-visible{background:var(--primary-tint); color:var(--primary)}

/* ── мобильный аккордеон (внутри .mobile-nav) ── */
.mobile-nav .macc{border-radius:10px; background:var(--surface); overflow:hidden}
.mobile-nav .macc-row{display:flex; align-items:center}
.mobile-nav .macc-row a{flex:1; padding:13px 14px; font-weight:700; font-size:16px; color:var(--ink)}
.mobile-nav .macc-btn{width:48px; align-self:stretch; border:none; background:transparent; color:var(--muted);
  cursor:pointer; display:grid; place-items:center; border-left:1px solid var(--border)}
.mobile-nav .macc-btn svg{width:16px; height:16px; transition:transform .18s var(--ease)}
.mobile-nav .macc-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.mobile-nav .macc-body{display:flex; flex-direction:column; padding:2px 8px 8px}
.mobile-nav .macc-body[hidden]{display:none}
.mobile-nav .macc-body a{padding:11px 14px 11px 26px; border-radius:9px; font-size:15.5px; color:var(--muted);
  font-weight:700; position:relative}
.mobile-nav .macc-body a::before{content:""; position:absolute; left:12px; top:50%; width:6px; height:1.5px;
  background:var(--border-strong)}
.mobile-nav .macc-body a:hover{background:var(--primary-tint); color:var(--primary)}

/* ── порог бургера опущен 1060 → 960 ──
   В новом меню 4 верхних пункта вместо 5 (Направления ушли в дропдаун).
   Замер на живом 2026-09-02 (desktop, 4 пункта): шапке нужно ~917px, brand не
   сжимается до ~960 (brandW 303 на 960, overflow 0). Ставим полное меню ≥961px
   (тач-планшеты 1024 теперь с полным меню), ниже — бургер. Запас ~44px (как в
   исходной логике порога 1060). Специфичность .site-head .nav (0,2,0) перекрывает
   общий CSS .nav{display:none} (0,1,0) в диапазоне 961–1060 независимо от порядка.
   БАЗОВЫЙ CSS сайта (home) остаётся с @media(max-width:1060px) — эффективный порог
   задаётся здесь; при будущей пересборке общего CSS согласовать (PROJECT.md §7). */
@media (min-width:961px) and (max-width:1060px){
  .site-head .nav{display:flex}
  .site-head .menu-toggle{display:none}
}