/* Шапка: ровная верхняя полоса (соцсети, ссылки, телефон, поиск) и меню без переносов. */

@media (min-width: 1023px) {
  /* высота полосы — как до удаления поиска (он был 50px и задавал её): содержимое по центру,
     подпись региона под телефоном не упирается в линию */
  .app-header__top-inner { min-height: 66px; }
  .app-header__top-right { flex: 1 1 auto; gap: clamp(20px, 3.2vw, 64px); }
  .app-header__head-link, .app-header__phone, .app-header__top .site-search { margin-left: 0 !important; }

  /* соцсети — по центру полосы: лишний <br> из текстового блока давал высоту 41px и иконки «висели» */
  .app-header__top .social-block { display: flex; align-items: center; }
  .app-header__top .social-block br { display: none; }
  .app-header__top .social-block__body { display: flex; align-items: center; gap: 14px; }
  .app-header__top .social-block__item { margin: 0; display: flex; align-items: center; justify-content: center; }
  .app-header__top .social-block__item:hover { opacity: .75; }

  /* ссылки «Задать вопрос / Контакты» — выравниваем по той же линии */
  .app-header__head-link ul { display: flex; align-items: center; gap: clamp(20px, 2.5vw, 48px); }
  .app-header__head-link li { margin: 0 !important; }

  /* меню: flex вместо inline-block — ровные промежутки и одна строка */
  .head-menu { flex: 1 1 auto; }
  .head-menu ul { display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: clamp(14px, 2.2vw, 40px); }
  .head-menu li { margin: 0 !important; flex: 0 0 auto; }
}

@media (min-width: 1023px) {
  .app-header__bottom .app-header__logo { flex-shrink: 0; }
  .app-header__bottom-inner .head-menu { min-width: 0; }
}

/* 1023–1279: не хватает ширины — ужимаем шрифт и поля пунктов меню
   (селектор специфичнее, чем .head-menu > ul > li > a шаблона) */
@media (min-width: 1023px) and (max-width: 1279px) {
  .app-header .head-menu > ul > li > a { font-size: 12px; padding: 7px 10px; }
  .app-header .head-menu ul { gap: 8px; }
  .app-header__bottom .app-header__logo { flex-basis: 110px; }
  .app-header__bottom .app-header__logo img { width: 110px; height: auto; }
}

/* Меню шапки на компьютере (30.09.2026) — под стиль переделанных страниц: без капса, спокойная
   подсветка при наведении вместо красной заливки, активный раздел — зелёный текст с тонкой чертой,
   Foundation Year — светло-зелёная метка вместо яркой плашки (template_style.css). */
@media (min-width: 1023px) {
  .app-header .head-menu > ul > li > a {
    padding: 9px 14px; border-radius: 10px; background: none;
    font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; color: #272727;
    transition: background .2s, color .2s;
  }
  .app-header .head-menu > ul > li > a:hover { background: #f3f9f5; color: #23703f; }
  .app-header .head-menu > ul > li.active > a { color: #23703f; }
  .app-header .head-menu > ul > li.active > a > span:before { bottom: -9px; height: 3px; border-radius: 2px; background: #2f8f5b; }

  .app-header .head-menu > ul > li > a[href="/foundation-year-ucsc/"] {
    background: #eaf6ef; color: #23703f; box-shadow: inset 0 0 0 1px #cfe5d8;
  }
  .app-header .head-menu > ul > li > a[href="/foundation-year-ucsc/"]:hover { background: #dff1e7; color: #1d5f35; }
}
@media (min-width: 1023px) and (max-width: 1279px) {
  .app-header .head-menu > ul > li > a { font-size: 13px; padding: 8px 9px; }
}