/**
 * Vestelecom — кастомные стили
 * Путь: /d/emag/www_platform/platform/public/site/vestelecom/css/stylesheet.css
 *
 * Содержит стили vestelecom поверх локальной compatibility-копии legacy CSS.
 * Не зависит от прямого подключения site/skomplekt/css/stylesheet.css.
 */

/* ============================================
   ОБЩИЕ СТИЛИ СТРАНИЦЫ
   ============================================ */

body {
    background: #fff;
    padding-top: 9px;
}

.vestelecom-page {
    padding-top: 20px;
}

.vestelecom-page .page-header h1 {
    margin-top: 0;
}

.vestelecom-page .breadcrumb {
    margin-top: 0;
}

/* ============================================
   ШАПКА — РАСКЛАДКА
   ============================================ */

/* Левые блоки шапки — ширина как у левого блока дизайна (25%) */
.header-top-row .col-md-3 {
    width: 25%;
}
/* Блок меню + поиск — 75% */
.header-top-row .col-md-9 {
    width: 75%;
}

/* ============================================
   БЛОК МЕНЮ + ПОИСК
   ============================================ */

/* Общий контейнер с фоном */
.header-nav-search-block {
    background: #f8f8f8;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
}

/* Меню прижато влево */
.header-nav {
    display: flex;
    align-items: center;
}

/* Поиск прижат вправо */
.search-block {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

/* ============================================
   ШАПКА — ПОИСК
   ============================================ */

/* Строка input + кнопка поиска */
.search-input-row {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
}
.search-input-row .form-control {
    flex: 1 1 auto;
    margin-right: 5px;
    margin-bottom: 0;
    height: 34px;
    line-height: 1.5;
}
.search-input-row .btn {
    flex-shrink: 0;
    margin-bottom: 0;
    height: 34px;
    align-self: center;
}

/* ============================================
   ШАПКА — КОНТАКТЫ (ТЕЛЕФОНЫ И EMAIL)
   ============================================ */

/* Строка телефонов и email — на одном уровне */
.header-contacts-row {
    margin-top: 6px;
    margin-bottom: 0;
    padding-top: 1px;
    padding-bottom: 1px;
}
/* Оба блока — flex с вертикальным выравниванием */
.header-contacts-row .col-md-6,
.header-contacts-row .col-md-3 {
    display: flex;
    align-items: center;
    padding: 1px 2px;
}
/* Блок телефонов прижат к левому краю */
.header-contacts-row .col-md-6 {
    justify-content: flex-start;
}
/* Блок email отцентрован по горизонтали */
.header-contacts-row .col-md-3 {
    justify-content: center;
}
.header-contacts-phones {
    white-space: nowrap;
    margin-left: 55px;
}
.header-contacts-email {
    white-space: nowrap;
    text-align: center;
    justify-content: center;
}
/* Иконки телефонов и email — как на vestelecom.ru */
.header-contacts-phones .fa-phone,
.header-contacts-email .fa-envelope-o {
    font-size: 24px;
    margin-right: 8px;
    line-height: 1;
    padding-top: 2px;
    padding-bottom: 2px;
}
/* Телефоны в едином блоке — flexrow */
.header-contacts-phones {
    display: flex;
    align-items: center;
}
.header-contacts-phones .phone-item {
    display: inline-flex;
    align-items: center;
    margin-right: 25px;
}
.header-contacts-phones .phone-item:last-child {
    margin-right: 0;
}
/* strong и a — одинаковое выравнивание, шрифт 16px */
.header-contacts-phones strong,
.header-contacts-email a {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 16px;
}
/* Email — шрифт 16px */
.header-contacts-email {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

/* ============================================
   ШАПКА — НАВИГАЦИЯ (ПЕРЕОПРЕДЕЛЕНИЕ BOOTSTRAP)
   ============================================ */

/* Убираем синий цвет Bootstrap navbar-default из шапки vestelecom */
.header-nav .navbar-default {
    border-color: transparent !important;
    background-color: transparent !important;
}
.header-nav .navbar-default .navbar-nav > li,
.header-nav .navbar-default .navbar-nav > li > a,
.header-nav .navbar-default .navbar-nav > li > a:hover,
.header-nav .navbar-default .navbar-nav > li > a:focus,
.header-nav .navbar-default .navbar-nav > li.active > a,
.header-nav .navbar-default .navbar-nav > li.active > a:hover,
.header-nav .navbar-default .navbar-nav > li.active > a:focus {
    color: #333 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
.header-nav .navbar-default .navbar-nav > li > a:hover,
.header-nav .navbar-default .navbar-nav > li > a:focus {
    border-color: transparent !important;
}
/* Выравнивание ссылок меню с поиском по вертикали */
.header-nav .navbar-default {
    margin: 0 !important;
    min-height: 34px !important;
}
.header-nav .navbar-default .navbar-nav {
    margin: 0 !important;
}
.header-nav .navbar-default .navbar-nav > li {
    margin: 0 !important;
}
.header-nav .navbar-default .navbar-nav > li > a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 22px !important;
    height: 34px !important;
    margin: 0 !important;
}
/* 4 пункта меню в одну строку без переносов */
.header-nav .navbar-default .navbar-nav {
    flex-wrap: nowrap !important;
    display: flex !important;
}
.header-nav .navbar-default .navbar-nav > li {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.header-nav .navbar-default .navbar-nav > li > a {
    white-space: nowrap !important;
}

/* Убираем фон #f6f6f6 с тега header и бордюры li из общего stylesheet.css */
header {
    background: transparent !important;
    margin-bottom: 0 !important;
}
.header-nav .navbar .navbar-nav > li {
    border-color: transparent !important;
}

/* ============================================
   ЛЕВАЯ КОЛОНКА — АВТОРИЗАЦИЯ И КОРЗИНА
   ============================================ */

.header-auth-block {
    margin-bottom: 10px;
}

.header-cart-block {
    margin-bottom: 15px;
    padding: 10px;
    background: #f8f8f8;
    border-radius: 4px;
}

/* ============================================
   FANCYBOX — СТИЛИ ДЛЯ МОДАЛЬНЫХ ОКОН
   ============================================ */

.fancybox-buttons {
    top: 10px;
    right: 45px;
}

.fancybox-button--close {
    background: transparent;
}

.fancybox-button--close:hover {
    background: transparent;
}

.fancybox-button--close:before, .fancybox-button--close:after {
    width: 50px;
}

.fancybox-button--fullscreen {
    display: none !important;
}

br.anchor {
    display: none;
}

/* ============================================
   ФИЛЬТРЫ — СТИЛИ (из skomplekt/stylesheet.css)
   ============================================ */

/* Блок фильтра — фон и отступы */
.filter {
    width: 100%;
    padding-left: 20px;
    line-height: 30px;
    background-color: #f1f1f1;
}

/* Отключаем выделение текста в фильтрах */
.filter,
.filter a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Ссылки в фильтрах — пунктирная линия снизу */
.filter a {
    border-bottom: 1px dashed navy;
}

/* Курсор-указатель для ссылок фильтра */
.filter__link,
.filter a {
    cursor: pointer;
}

/* Стрелки вверх/вниз для сворачивания фильтров */
.filter__up:after {
    content: " ▲";
}
.filter__down:after {
    content: " ▼";
}

/* Отступ для кнопки показа фильтров */
.filter #show {
    margin-left: 30px;
}

/* ============================================
   ФИЛЬТРЫ — ДОПОЛНИТЕЛЬНЫЕ КЛАССЫ (используются в шаблонах vestelecom)
   ============================================ */

/* Блок фильтров — общий контейнер */
.filters_block {
    width: 100%;
    margin-bottom: 15px;
}

/* Категория фильтров */
.filters__category {
    margin-bottom: 10px;
}

/* Ввод значения фильтра (чекбокс, input) */
.filters__value-input {
    margin-right: 5px;
}

/* Параметры фильтра (скрытые поля) */
.filters__parameters {
    display: none;
}

/* Сортировка в фильтрах */
.filters__item-sort {
    margin-right: 10px;
}

/* Лимит элементов в фильтрах */
.filters__item-limit {
    margin-right: 10px;
}

/* Кнопка отправки фильтров */
.filters-submit {
    margin-top: 10px;
}

/* Сворачиваемый блок фильтров (JS-управляемый) */
.filter_collapse {
    margin-bottom: 10px;
}
.filter_collapse > div > span {
    cursor: pointer;
    font-weight: bold;
}

/* Скрытый span для сворачивания */
div.solo-filter span,
div.filter_collapse > div > span {
    font-weight: normal;
}

/* Кнопка показа/скрытия фильтров */
.filters-button-block {
    cursor: pointer;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* Стили для owl-carousel в фильтрах */
.owl-stage {
    margin: 0 auto;
}

/* ============================================
   ФУТЕР — ВЫРАВНИВАНИЕ ССЫЛОК ВПРАВО
   ============================================ */

/* Ссылки в футере прижаты к правому краю */
.menu {
    margin-top: 25px;
    text-align: right;
}

/* Ссылки в футере — горизонтально через inline-block */
.menu a {
    display: inline-block;
    margin-left: 15px;
    padding: 7px;
    color: #333;
    text-decoration: none;
}

/* Первая ссылка без отступа слева */
.menu a:first-child {
    margin-left: 0;
}

/* При наведении цвет не меняется */
.menu a:hover {
    text-decoration: underline;
}

/* ============================================
   СТИЛИ ПУСТОЙ КОРЗИНЫ
   ============================================ */

#header-cart-empty {
    color: #999;
    font-style: italic;
}

/* ============================================
   СТИЛИ ПОИСКА В ШАПКЕ
   ============================================ */

.search-block__input-block {
    margin-bottom: 0;
}