/* ==========================================================================
   cito: слой совместимости для шапки и подвала редизайна (cito_v2)

   Старые страницы отдаются шаблоном cito со своим бандлом (normalize +
   bootstrap-grid + style.css), а шапку и подвал берут из общей разметки
   cito_v2 (см. cito_v2/include/shell_header.php, shell_footer.php).
   Базовый cito_v2/css/base.css сюда подключать нельзя: он переопределяет
   .container, .btn, h1-h3 и body — то есть вёрстку контента старых страниц.

   Поэтому здесь только то, что нужно самой шапке/подвалу:
     1) токены :root, на которых построены header.css и footer.css;
     2) сброс, который в v2 даёт base.css, — но заскоупленный в .hdr/.foot;
     3) перебивка правил style.css, дотягивающихся до новой разметки.

   Порядок подключения (cito/header.php): старый бандл → fonts.css →
   этот файл → header.css → footer.css. Файл идёт до header.css/footer.css,
   чтобы их собственные правила выигрывали при равной специфичности.
   ========================================================================== */

/* --- 1. Токены (копия :root из cito_v2/css/base.css) --------------------- */
:root {
    --c-primary: #00599C;
    --c-primary-bright: #014FC7;
    --c-dark: #022262;
    --c-sky: #5BB8D7;
    --c-red: #E10721;
    --c-gray: #8A8A8A;
    --c-line: #D9D9D9;
    --c-bg-soft: #EEF5FD;
    --c-bg-card: #DAE4F2;
    --c-white: #fff;

    --f-head: 'Involve', 'Geologica', Arial, sans-serif;
    --f-body: 'Geologica', Arial, sans-serif;
    --f-alt: 'Inter', Arial, sans-serif;

    --radius-lg: 26px;
    --radius-md: 12px;
    --radius-sm: 6px;

    --shadow-hover: 0 10px 24px rgba(2, 34, 98, .18);
    --trans: .2s ease;
}

/* --- 2. Сброс из base.css, ограниченный шапкой и подвалом ---------------- */
/* border-box: в старом бандле глобального box-sizing нет, а вся геометрия
   header.css/footer.css (padding у .hdr-top, .foot-bar, .mob-menu) рассчитана
   на него */
.hdr, .foot, .hdr *, .hdr *::before, .hdr *::after,
.foot *, .foot *::before, .foot *::after { box-sizing: border-box; }

.hdr, .foot {
    font-family: var(--f-body);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: var(--c-dark);
}

/* ссылки в шапке/подвале без подчёркивания (в style.css оно есть у части
   контентных ссылок); точечные подчёркивания задаёт сам header.css.
   Цвет — как в base.css, иначе остаётся #0261A0 из style.css. Правила
   header.css/footer.css («белые» ссылки в синих полосах) специфичнее либо
   идут ниже по каскаду, поэтому не страдают */
.hdr a, .foot a { text-decoration: none; color: var(--c-primary); }

/* Включаемые области телефонов и адресов (include/header/header_contact*.php,
   include/footer/footer_tel.php, footer_adr*.php) отдают классы tel-b_*, t-bold,
   f-text, на которые в style.css навешана типографика старой шапки: другой
   кегль, своя интерлиньяжа и display: none у подписи телефона на ≤900px.
   Сбрасываем на inherit — нужные значения задают header.css (.hdr-phone) и
   footer.css (.foot-bar), они идут ниже и выигрывают при равной специфичности */
.hdr .tel-b_text, .hdr .tel-b_hours, .hdr .tel-b_num, .hdr .tel-b_num__foot,
.foot .tel-b_text, .foot .tel-b_hours, .foot .tel-b_num, .foot .tel-b_num__foot,
.foot .t-bold, .foot .f-text {
    font-size: inherit;
    line-height: inherit;
    /* цвет из style.css (#55636A) гасил белый текст синей полосы подвала */
    color: inherit;
    margin-bottom: 0;
}

@media (max-width: 900px) {
    /* style.css прячет .tel-b_text — подпись «Многоканальный телефон» пропадала
       в подвале и в мобильном меню */
    .hdr .tel-b_text, .foot .tel-b_text { display: block; }
}

/* --- 3. Перебивка старого style.css ------------------------------------- */
/* style.css: header { padding: 32px 0; box-shadow: ...; position: relative;
   z-index: 5 } — правило по имени тега, дотягивается до <header class="hdr">.
   Отступы и фон новой шапки задают её собственные ярусы.
   position/z-index сбрасываются обязательно: с ними <header> становится
   контекстом наложения и запирает внутри себя мобильное меню (z-index 9000),
   которое из-за этого уезжает под полосу плавающих кнопок #fbv2 (8000).
   В cito_v2 у .hdr этих свойств нет — приводим к тому же виду. Выпадающие
   подменю не страдают: их точку отсчёта задаёт position: relative у li */
.hdr {
    padding: 0;
    background: none;
    box-shadow: none;
    position: static;
    z-index: auto;
}

/* .container старого шаблона — во всю ширину с полями 50px, у bootstrap-grid —
   с брейкпоинтными max-width. Внутри шапки/подвала нужна сетка v2 */
.hdr .container,
.foot .container {
    width: 100%;
    max-width: 1392px;
    margin: 0 auto;
    padding: 0 16px;
}

/* Компонент vision:vision.special в шаблоне cito рисует собственную кнопку-глаз
   (<a class="glaz bvi-open">), в cito_v2 его шаблон её не выводит: триггером
   служит .vision-toggle из разметки шапки. Прячем дубль — обработчик bvi
   навешивается на любой .bvi-open, поэтому кнопка продолжает работать.
   !important — скрипт bvi-init.js проставляет этой ссылке инлайновый
   display: inline, инлайн иначе не перебить */
.hdr .glaz { display: none !important; }

/* Крошки v2 стоят внутри контентного .container старой страницы, отступ до
   заголовка H1 задаёт блок .str-vib — 60px из header.css здесь избыточны */
.breadcrumbs { margin: 0 0 20px; }

@media (max-width: 767px) {
    /* на мобильных .container старого шаблона имеет поля 15px — выравниваем
       шапку и подвал по контенту */
    .hdr .container,
    .foot .container { padding: 0 15px; }
}