/* ==========================================================================
   GE HEADER & NAV — единые настройки для всех страниц
   Менять только переменные ниже. 1 мм ≈ 3.78 px.
   -------------------------------------------------------------------------- */

/* === ПАНЕЛЬ УПРАВЛЕНИЯ ===================================================== */
:root{
  /* Баннер: прижать/опустить (отрицательные — выше) */
  --ge-banner-nudge: -6px;

  /* Зазор между баннером и белой подложкой */
  --ge-gap-top:      0px;

  /* «Толщина» подложки по вертикали */
  --ge-row-pad-y:    7px;

  /* Сдвиг ГРУППЫ кнопок внутри подложки (+ вниз, − вверх) */
  --ge-nav-shift:   13px;

  /* Кнопки */
  --ge-btn-h:       38px;  /* ВЫСОТА */
  --ge-btn-x:       14px;  /* Горизонтальные поля */
  --ge-btn-r:       14px;  /* Скругление */
}

/* Если нужно отдельно подстроить страницу новостей, раскомментируй и меняй:
html body.news-page{
  --ge-banner-nudge: -6px;
  --ge-gap-top:      0px;
  --ge-row-pad-y:    7px;
  --ge-nav-shift:   13px;
  --ge-btn-h:       38px;
}
*/

/* === ШАПКА + БАННЕР ======================================================== */
html body .wrap > header{ position:sticky!important; top:0!important; z-index:3000!important; }

html body .wrap > header .header-image img{
  display:block!important;
  width:100%!important; height:auto!important;
  margin-top: var(--ge-banner-nudge) !important;
  border-radius:12px!important;
}

/* === ПОДЛОЖКА (белая полоса с меню и заголовком) ========================== */
html body .wrap > header .head-row{
  background: rgba(255,255,255,.95)!important;
  border-radius:16px!important;
  box-shadow:0 2px 10px rgba(0,0,0,.06)!important;

  margin: var(--ge-gap-top) auto 12px !important;
  padding: var(--ge-row-pad-y) 14px !important;

  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  column-gap:12px!important;
}

/* Заголовок (справа) */
html body .wrap > header .head-row h1{
  grid-column:3!important;
  margin:0 0 0 auto!important;
  font-size:22px!important; line-height:1!important;
  white-space:nowrap!important;
}

/* === ГРУППА КНОПОК ========================================================= */
html body .wrap > header .head-row .nav{
  grid-column:1!important;

  /* реальное смещение группы внутри подложки */
  position:relative!important;
  top: var(--ge-nav-shift) !important; /* + вниз, − вверх */
  margin:0 0 0 14px!important;

  display:flex!important; flex-wrap:wrap!important; gap:8px!important;
  justify-content:flex-start!important;

  /* убираем плашки/рамки вокруг группы */
  background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important;
  width:max-content!important;
}

/* САМЫЕ КНОПКИ */
html body .wrap > header .head-row .nav a{
  display:inline-flex!important; align-items:center!important;

  height:var(--ge-btn-h) !important;
  min-height:var(--ge-btn-h) !important;
  line-height:1 !important;

  padding:0 var(--ge-btn-x) !important;
  border-radius:var(--ge-btn-r) !important;

  text-decoration:none!important;
}

/* Скрыть ДУБЛИРУЮЩИЕСЯ меню в шапке (если их два подряд) */
html body .wrap > header .head-row > .nav ~ .nav{ display:none!important; }

/* На всякий случай: скрыть любые старые #nav/.navbar/.menu именно в ШАПКЕ */
html body .wrap > header #nav,
html body .wrap > header .navbar,
html body .wrap > header .menu{ display:none!important; }

/* ========================================================================== */