/* Шапка внутренних страниц — 07.09.2026.

   Задача: главная переехала на вёрстку v4, и все остальные страницы должны
   носить ту же шапку. На главной она прозрачная и лежит на фотографии;
   внутри фотографии нет, поэтому под тот же набор элементов положена
   плотная тёмная плашка ВО ВСЮ ШИРИНУ ОКНА — без зазора и без скруглений.

   Почему без скруглений. Приём «карточка с зазором 5px и радиусом 28px»
   на главной держится на баннере: снимок доходит почти до кромки экрана,
   а шапка лежит поверх него. Отдельной плашке шапки скругления не на чем
   держаться — она бы висела прямоугольником в воздухе над содержимым,
   которое пока свёрстано по-старому. Поэтому: карточки со скруглениями —
   приём страницы, шапка — сплошная полоса на всех страницах сразу.

   Подключается только там, где нет ни одной версии главной, — см.
   tsb_is_inner_page() в truestudio-blocks.php. Значения (цвета, размеры,
   логика верхних кнопок) повторяют блок body.tsv4-page в home-v4.css:
   версии главной заморожены поштучно, общий файл на них завести нельзя.
   ПРАВИТЬ ШАПКУ — В ДВУХ МЕСТАХ: здесь и в home-v4.css. */

body.tsb-inner .site-header{
  position:relative;z-index:50;
  background:#1b1b1d !important;
  border:none;box-shadow:none;
  padding-top:18px;
  /* Тема жёстко задаёт шапке height:125px. На главной это незаметно: там
     шапка вынута из потока и лежит на фотографии, содержимое просто выходит
     за её коробку. Здесь под шапкой сразу баннер страницы, и логотип
     наезжал на него на 33px. Высота считается по содержимому:
     18 сверху + 60 верхняя полоса + 80 строка с логотипом = 158.
     !important — потому что правило темы весит больше любого разумного
     селектора отсюда (header.de_header_2.header-desktop-nosticky:not(…)). */
  height:auto !important;
}
/* Тема красит внутренние коробки шапки самостоятельно — гасим, фон должен
   быть один на всю полосу. */
body.tsb-inner .site-header .info,
body.tsb-inner .site-header .container,
body.tsb-inner .site-header .row,
body.tsb-inner .site-header .col-md-12,
body.tsb-inner .site-header .col-md-8,
body.tsb-inner .site-header .col-md-4{
  background:none !important;box-shadow:none !important;
}
/* Волосяная линия под верхней полосой остаётся — она делит телефон
   и меню так же, как на главной делит их затемнение фотографии. */
body.tsb-inner .site-header .info{
  border-bottom:1px solid rgba(255,255,255,.10);
}

/* ── Сетка шапки закреплена за собой ─────────────────── */
/* Страница «Аренда» тянет с CDN Bootstrap 5 — ссылки лежат прямо в её
   содержимом, их поставил прежний разработчик. Пятый бутстрап шире третьего:
   .container там 1320px против 1170 и внутренние отступы 7.5px против 15.
   Шапка на этой странице вставала по чужой сетке — логотип уезжал влево
   на 85px относительно всех остальных страниц и главной.

   Закрепляем сетку шапки за собой: она не должна зависеть от того, что
   страница подтянула к себе. Значения — те же, что у bootstrap 3 темы. */
body.tsb-inner .site-header .container{
  margin-left:auto;margin-right:auto;
  padding-left:15px;padding-right:15px;
  width:auto;max-width:none;
}
@media (min-width:768px){ body.tsb-inner .site-header .container{width:750px} }
@media (min-width:992px){ body.tsb-inner .site-header .container{width:970px} }
@media (min-width:1200px){ body.tsb-inner .site-header .container{width:1170px} }
body.tsb-inner .site-header .container > .row{margin-left:-15px;margin-right:-15px}
body.tsb-inner .site-header [class*="col-md-"]{padding-left:15px;padding-right:15px}

/* ── Верхняя полоса: телефон и мессенджеры ───────────── */
body.tsb-inner .site-header .info .col-md-8 > span,
body.tsb-inner .site-header .info .col-md-8 > span a{color:#fff}
body.tsb-inner .site-header .info .col-md-8 > span a:hover{color:#e95c0c}
/* Без кружков — как на главной. Telegram и WhatsApp нарисованы шрифтовыми
   иконками <i>, «max» — это <svg> с широким viewBox (0 0 192 42), поэтому
   размер задаётся каждому типу отдельно, иначе они не встают на одну линию. */
body.tsb-inner .site-header .info .col-md-8 .social-list li a{
  background:none !important;border:none !important;
  width:auto !important;height:auto !important;
  padding:0;border-radius:0;
  display:inline-flex;align-items:center;line-height:1;
}
body.tsb-inner .site-header .info .col-md-8 .social-list{gap:16px;align-items:center}
body.tsb-inner .site-header .info .col-md-8 .social-list li{display:flex;align-items:center}
body.tsb-inner .site-header .info .col-md-8 .social-list li i{
  font-size:19px;line-height:1;display:flex;align-items:center;height:19px;
}
/* Высота svg меньше, чем у шрифтовых иконок: внутри <i> глиф занимает
   около 0.85 строки, а графика «max» — весь свой холст. */
body.tsb-inner .site-header .info .col-md-8 .social-list li svg{
  height:16px !important;width:auto !important;display:block;
  position:relative;top:-2px;
}
body.tsb-inner .site-header .info .col-md-8 .social-list li svg,
body.tsb-inner .site-header .info .col-md-8 .social-list li i{color:#fab207 !important;fill:currentColor}
body.tsb-inner .site-header .info .col-md-8 .social-list li a:hover{background:none !important;transform:translateY(-2px)}
body.tsb-inner .site-header .info .col-md-8 .social-list li a:hover svg,
body.tsb-inner .site-header .info .col-md-8 .social-list li a:hover i{color:#ffcd3c !important}

/* ── Верхние кнопки: только обводки ──────────────────── */
body.tsb-inner .site-header .info .col-md-4 .social-list a{
  color:#fff;background:transparent !important;
  border-color:rgba(255,255,255,.55);
  box-shadow:none;
  transition:border-color .2s,color .2s,transform .2s;
}
body.tsb-inner .site-header .info .col-md-4 .social-list li:first-child a::before{content:none}
body.tsb-inner .site-header .info .col-md-4 .social-list a:hover{
  border-color:#fff;color:#fff;transform:translateY(-1px);
}
body.tsb-inner .site-header .info .col-md-4 .social-list > a:last-child{
  color:#fff;border-color:#e95c0c;
}
body.tsb-inner .site-header .info .col-md-4 .social-list > a:last-child:hover{
  border-color:#ff7d33;color:#fff;
}

/* ── Меню ────────────────────────────────────────────── */
body.tsb-inner .site-header #mainmenu > li > a{
  color:#fff;
  font-size:14px;
  text-transform:none;   /* как введено в админке: «О комплексе», «Аренда» */
  letter-spacing:.2px;
}
body.tsb-inner .site-header #mainmenu > li > a:hover{background:rgba(255,255,255,.14);color:#fff}
body.tsb-inner .site-header #mainmenu > li.active > a,
body.tsb-inner .site-header #mainmenu > li.current-menu-item > a{color:#e95c0c}
body.tsb-inner .site-header #mainmenu > li.nav-cta > a{
  background:#e95c0c;color:#fff;font-size:14px;text-transform:none;
  box-shadow:0 8px 24px -8px rgba(233,92,12,.55);
}
body.tsb-inner .site-header #mainmenu > li.nav-cta > a:hover{background:#d24f06;color:#fff}

/* ── Логотип в векторе ───────────────────────────────── */
/* Тот же приём, что на главной: подменяем растровый логотип темы
   через content:url(). Путь считается от этого файла. */
body.tsb-inner .site-header #logo img{filter:none}
body.tsb-inner .site-header #logo img.logo-static,
body.tsb-inner .site-header #logo img.logo-scroll{
  content:url('../logo/kuskovo-logo-full-white.svg');
  width:157px;height:37px;max-width:none;max-height:none;
}
body.tsb-inner footer .textwidget img[src*="Montazhnaya-oblast"]{
  content:url('../logo/kuskovo-logo-full-white.svg');
  width:157px;height:37px;
}