Открыть главное меню
Строка 28: Строка 28:
  
 
.branding-box {
 
.branding-box {
     margin-right: 28px !important; /* расстояние до поиска */
+
     margin-right: 0 !important;
   
 
   
 
 
}
 
}
  
Строка 38: Строка 36:
 
     vertical-align: middle !important;
 
     vertical-align: middle !important;
 
}
 
}
 +
  
 
/* --- Поиск --- */
 
/* --- Поиск --- */
  
 
.search-box {
 
.search-box {
     flex: 1 1 auto !important;   /* вернуть родную механику */
+
     flex: 1 1 auto !important;
     margin: 0 24px !important;  /* отступы слева и справа */
+
     margin-left: 24px !important;  /* только слева */
     max-width: 420px !important; /* ограничение ширины */
+
     max-width: 420px !important;
 
}
 
}
  

Версия 00:27, 2 марта 2026

/* =========================================
   BARLIVE — АККУРАТНАЯ ШАПКА (Minerva)
   ========================================= */

/* --- Контейнер шапки --- */

.header-container.header-chrome {
    background: #ffffff !important;
    border-bottom: 1px solid #e6e8f5 !important;
    box-shadow: none !important;
}

/* Внутренний контейнер уже flex в Minerva,
   мы его не пересобираем — только выравниваем */

.header-container form.header {
    padding: 0 20px !important;
    align-items: center !important;
}

/* --- Кнопка меню --- */

#mw-mf-main-menu-button {
    margin-right: 16px !important;
}

/* --- Логотип --- */

.branding-box {
    margin-right: 0 !important;
}

.branding-box img {
    height: 36px !important;
    width: auto !important;
    vertical-align: middle !important;
}


/* --- Поиск --- */

.search-box {
    flex: 1 1 auto !important;
    margin-left: 24px !important;   /* только слева */
    max-width: 420px !important;
}

.search-box input {
    width: 100% !important;
    height: 36px !important;
}

/* --- Иконки справа --- */

.minerva-user-navigation {
    margin-left: auto !important;
    
    align-items: center !important;

}

/* Кнопка поиска */
#searchIcon {
    height: 36px !important;
}

/* Убираем лишние визуальные смещения */
.mw-ui-icon-element {
    vertical-align: middle !important;
}