/* FEA Header Top v2.0 */
/* Брендовые переменные KPI (из брендбука) */
:root{
  --kpi-blue:#1C396E;    /* основной темно-синий */
  --kpi-blue-deep:#004F7F; /* для hover/active выпадашек */
  --white:#ffffff;
  --black:#000000;
}

/* Фон шапки */
.fea-header{ background: var(--kpi-blue); color: var(--white); }
.fea-header__top{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:10px 20px;
}

/* Логотип */
.fea-header__logo img{ max-height:68px; height:auto; width:auto; display:block; }

/* Заголовок по центру в 2 строки */
.fea-header__title{ text-align:center; line-height:1.2; }
.fea-header__title .line-1{ font-weight:700; font-size:clamp(18px,2.2vw,28px); }
.fea-header__title .line-2{ font-weight:400; font-size:clamp(14px,1.6vw,20px); opacity:.95; }

/* Соц.иконки справа */
.fea-header__social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:50%;
  color:#fff; border:1px solid rgba(255,255,255,.3); text-decoration:none; margin-left:8px;
}
.fea-header__social a:hover{ border-color:#fff; }
.fea-header__social a img{ width:20px; height:20px; display:block; }

/* ===== МЕНЮ: белые выпадашки, синие буквы; hover/active #004F7F, белые буквы ===== */
.fea-header__menu{ position:relative; z-index:1200; overflow:visible; border-top:1px solid rgba(255,255,255,.2); }

/* Только верхний уровень делаем flex */
.fea-header__menu > nav > ul.menu,
.fea-header__menu > ul.menu{
  display:flex; flex-wrap:wrap; gap:0; padding:0; margin:0; list-style:none;
}

/* Пункты верхнего уровня */
.fea-header__menu > nav > ul.menu > li,
.fea-header__menu > ul.menu > li{ position:relative; margin:0; }
.fea-header__menu > nav > ul.menu > li > a,
.fea-header__menu > ul.menu > li > a{
  display:block; padding:10px 16px; background:#fff; color:var(--kpi-blue);
  text-decoration:none; border-right:1px solid var(--black);
}
.fea-header__menu > nav > ul.menu > li:last-child > a,
.fea-header__menu > ul.menu > li:last-child > a{ border-right:none; }

/* Базовые выпадашки (2-й уровень) — белые */
.fea-header__menu ul ul{
  display:none; position:absolute; top:100%; left:0; min-width:280px;
  background:#fff; color:var(--kpi-blue);
  border:1px solid var(--black); z-index:2000; padding:0; margin:0; list-style:none;
}
.fea-header__menu li:hover > ul,
.fea-header__menu li:focus-within > ul{ display:block; }

/* 3-й уровень — вправо */
.fea-header__menu ul ul ul{ top:0; left:100%; }

/* Элементы выпадашек */
.fea-header__menu li > ul > li > a{
  display:block; padding:10px 14px; background:#fff; color:var(--kpi-blue);
  text-decoration:none; border-bottom:1px solid var(--black);
}
.fea-header__menu li > ul > li:last-child > a{ border-bottom:none; }

/* Hover/Active: фон #004F7F, буквы белые */
.fea-header__menu a:hover,
.fea-header__menu li.is-active > a,
.fea-header__menu li:focus-within > a,
.fea-header__menu li > ul > li:hover > a,
.fea-header__menu li > ul > li > ul > li:hover > a{
  background: var(--kpi-blue-deep);
  color: #fff;
}

/* Отключаем "синие" dropdown Bootstrap поверх наших правил */
.fea-header__menu .dropdown-menu{
  background:#fff !important; color:var(--kpi-blue) !important; border:1px solid var(--black) !important;
}

/* Общие ссылки сайта — без подчеркивания, деликатный hover */
a{ text-decoration:none; color:inherit; }
a:hover, a:focus{ color:#50AFDE; text-decoration:none; }

/* Заголовки материалов — фирменный темно-синий */
h1.page-title, h1.node__title, .node__title, .page-header h1, .view h2, h2.node__title a{
  color:var(--kpi-blue) !important; text-decoration:none;
}
h2.node__title a:hover, .view h2 a:hover{ color:#50AFDE !important; }