/* Custom styles for the three-column header structure and NAV fix */

/* --- СЕКЦИЯ ЧИСТКИ: УДАЛЕНИЕ ДУБЛИРУЮЩЕГО СТАРОГО ЛОГОТИПА --- */

/* Скрываем все navbar-brand, которые не находятся внутри нашего Flexbox-ряда. */
/* Это ЕДИНСТВЕННЫЙ агрессивный блок, необходимый для чистки старых дубликатов. */
.l-header > .navbar-brand,
.navbar-header .navbar-brand {
    display: none !important;
    visibility: hidden !important;
}

/* Скрываем старый navbar-header, чтобы не конфликтовал с кнопкой-гамбургером */
@media (min-width: 768px) {
    .navbar-header {
        display: none;
    }
}


/* --- ОСНОВНЫЕ СТИЛИ FLEXBOX (ТОП-РЯД) --- */

/* 1. Top Row container (Restoring original header background) */
.header-top-flex-row {
    padding: 15px 0; 
    background: transparent; 
  
}
.header-top-flex-container {
    display: flex;
    justify-content: space-between; 
    align-items: center;
    flex-wrap: wrap;
    width: 100%; 
}

/* 1a. Autocom Logo (Left) - АДАПТАЦИЯ ПОД MASON-ЛОГОТИП */
.autocom-logo-wrapper {
    flex: 0 1 auto; 
    text-align: left;
    min-height: 80px; 
    display: flex; 
    align-items: center; /* Центрирует navbar-brand по вертикали */
    justify-content: flex-start; /* Прижимает navbar-brand к левому краю */
}

.autocom-logo-wrapper .navbar-brand {
    /* Сброс стилей Bootstrap */
    padding: 0 !important; /* Убираем все внутренние отступы */
    margin: 0 !important; /* Убираем все внешние отступы */
    height: auto; 
    line-height: 1;
    display: block; /* <--- ВОЗВРАЩАЕМ display: block! */
    float: none; 
    
    /* Обеспечиваем размеры для Mason-логотипа, если он использует фон */
    width: 250px; 
    height: 70px; 
    background-size: contain; 
    background-repeat: no-repeat;
    font-size: 0; 
}

/* Стили для внутреннего контента, который сгенерирует Mason */
/* Убираем агрессивные !important для min-width/min-height, если они не нужны */
.autocom-logo-wrapper .navbar-brand svg,
.autocom-logo-wrapper .navbar-brand img,
.autocom-logo-wrapper .navbar-brand * { 
    display: block; 
    max-height: 70px; 
    width: auto;
    margin: 0; 
}
/* 1b. Phone Number (Center) */
.header-phone-center {
    flex: 1 1 200px; 
    text-align: center;
}
.phone-link-header {
    font-size: 16px;
    font-weight: bold;
    color: #2e3e76; 
    text-decoration: none;
}
@media(max-width: 991px) {
    .header-phone-center {
        display: none; 
    }
}

/* 1c. Partner Block (Right) */
.partner-info-block {
    display: flex;
    align-items: center;
    text-align: left;
    font-family: Arial, sans-serif;
    flex: 0 1 390px; 
    justify-content: flex-end; 
}
.partner-logo-img {
    /* КЛЮЧЕВЫЕ ИЗМЕНЕНИЯ ДЛЯ ЛОГОТИПА: */
    max-height: 80px; /* Устанавливаем максимальную высоту 100% от родителя */
    height: 100%;    /* Пытаемся заполнить 100% высоты контейнера */
    width: auto;     /* Сохраняем пропорции по ширине */
    margin-right: 15px;
    object-fit: contain; /* Убедимся, что изображение впишется, не обрезаясь */
    flex-shrink: 0; 
}

.partner-text {
    color: #2e3e76;
    font-size: 11px;
    line-height: 1.3;
    width: 100%;
}
.partner-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 2px;
}/* 2. Menu styles (Blue background, LIMITED WIDTH) */

/* Убираем фон и рамку с внешнего NAV */
.l-header .custom-navbar {
    background-color: transparent !important; 
    border: none !important; 
    margin-bottom: 0;
    min-height: auto;
    width: 100%;
    padding: 0;
}

/* Применяем синий фон ТОЛЬКО к контейнеру, чтобы ограничить его шириной контента */
.l-header .custom-navbar .container {
    background-color: #2A3472; 
    padding-left: 0;
    padding-right: 0;
    /* Убедимся, что контейнер Bootstrap сохраняет свои ограничения ширины */
    max-width: 1134px; /* Для 1200px breakpoint */
}

/* Отступы для пунктов меню внутри синего фона */
.l-header .custom-navbar .navbar-collapse {
    padding-left: 12px;
    padding-right: 12px;
}

.l-header .custom-navbar .navbar-nav > li > a {
    color: #fff !important;
    padding-top: 13px; 
    padding-bottom: 13px;
    text-transform: none;
    font-size: 15px;
}
.l-header .custom-navbar .navbar-nav > li > a:hover,
.l-header .custom-navbar .navbar-nav > li.active > a {
    background-color: #21295a !important; 
}
.l-header .custom-navbar .navbar-toggle { border-color: #fff; }
.l-header .custom-navbar .navbar-toggle .icon-bar { background-color: #fff; }