/* ============================================
   CUSTOM HEADER — banner full-width
   Журнал «Сучасні технології в машинобудуванні та транспорті»
   ============================================
   Як використати:
   1. Завантажити banner-1200x250.png як Logo журналу:
      Налаштування → Вебсайт → Вигляд → Налаштування → Logo
   2. Завантажити цей CSS-файл як Journal style sheet:
      Налаштування → Вебсайт → Вигляд → Розширені → Journal style sheet
   3. Очистити кеш браузера (Ctrl+Shift+Delete)
   ============================================ */

/* --- Sticky footer (вже працює) --- */
#pkp-app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.pkp_structure_main {
  flex: 1;
}

/* --- Хедер: фон у колір банера --- */
.pkp_structure_head {
  background: #0C1D31;
  border-bottom: 2px solid #1A3A5C;
}

/* --- Логотип на повну ширину --- */
.pkp_site_name {
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

.pkp_site_name a {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}

.pkp_site_name .is_img img {
  display: block;
  max-width: 100%;
  max-height: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Прибрати текстову назву, якщо є логотип */
.has_site_logo .pkp_site_name .is_text {
  display: none;
}

/* --- Навігація: стилізація під банер --- */
.pkp_navigation_primary_row {
  background: #0A1929;
  border-top: 1px solid #1A3A5C;
}

.pkp_navigation_primary a {
  color: #B0C4DE;
  font-size: 14px;
  letter-spacing: 0.03em;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_primary a:focus {
  color: #D4860E;
}

/* Підкреслення активного пункту меню */
.pkp_navigation_primary > li.current > a {
  border-bottom: 2px solid #D4860E;
  color: #EDF2F7;
}

/* --- Пошук у хедері --- */
.pkp_search_desktop {
  background: transparent;
}

.pkp_search_desktop input {
  background: #0F2540;
  border: 1px solid #1A3A5C;
  color: #B0C4DE;
  border-radius: 4px;
}

/* --- User nav (login/register) --- */
.pkp_navigation_user a {
  color: #7A9BB5;
}
.pkp_navigation_user a:hover {
  color: #D4860E;
}