/* main_news_facts.css — ГЛАВНАЯ-ГАЛОЧКА-1 (тег MAIN-FLAG-1, 03.10.2026).
   Раздел «Новости» на главной странице: сетка новостей с галочкой
   «Публиковать на Главной» слева, три «Интересных факта» справа, баннер под
   ними. Подключается ТОЛЬКО шаблоном главной (smarty/templates/index_v2.tpl),
   поэтому все правила начинаются с .cb-mnf- (main news facts).

   Раскладка: 7 новостей по три в ряд (3 + 3 + 1) и колонка фактов 340 px;
   на узких экранах факты встают ПОД сетку и растягиваются на всю ширину.
   Карточка новости (.cb-news-item) на главной шире фиксированных 370 px из
   common.css, поэтому ширина считается процентом от колонки, а не пикселями. */

.cb-mnf-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cb-mnf-news {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

.cb-mnf-news .cb-news-grid {
  margin: 0 -15px;
}

.cb-mnf-news .cb-news-item {
  float: left;
  width: 33.3333%;
  margin: 0 0 30px;
  padding: 0 15px;
  box-sizing: border-box;
}

.cb-mnf-news .cb-news-item:nth-child(3n + 1) {
  clear: left;
}

/* Колонка «Интересные факты» */
.cb-mnf-facts {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  width: 340px;
  box-sizing: border-box;
  margin-left: 30px;
  padding: 24px;
  background: #f4f7f9;
  border: 1px solid #e3eaef;
  border-radius: 3px;
}

.cb-mnf-facts-title {
  font-family: 'Proxima Nova Bold';
  font-size: 20px;
  line-height: 1.2;
  color: #22313a;
  margin-bottom: 6px;
}

.cb-mnf-fact {
  font-size: 16px;
  line-height: 1.45;
  color: #3c4a52;
  padding: 14px 0;
  border-top: 1px solid #e0e6ea;
}

.cb-mnf-fact:first-of-type {
  border-top: 0;
  padding-top: 10px;
}

/* ГЛАВНАЯ-БАННЕР-В-СЛОТ-1 (тег MAIN-BANNER-SLOT-1, 07.10.2026): слот 3
   «Главная, после новостей» (стандарт 300×150, lib/advlib.php) стоит в левой
   колонке раздела — сразу под сеткой новостей. Ширину креатива держим ровно по
   стандарту: чужой баннер большего размера раскладку не сломает. Пометку
   «Реклама» и пустой слот печатает сама система рекламы (пустое не выводим). */
.cb-mnf-news .cb-news-banner img {
  max-width: 300px;
}

/* .cb-adv-inline (класс слота 3) несёт margin-right 20 px — в центрированной
   колонке он сдвигал бы баннер: здесь он не нужен. */
.cb-mnf-news .cb-news-banner .cb-adv-slot {
  margin-right: 0;
}

@media (max-width: 1024px) {
  .cb-mnf-wrap {
    display: block;
  }

  .cb-mnf-facts {
    -ms-flex: none;
    flex: none;
    width: auto;
    margin: 10px 0 0;
  }
}

/* ФАКТЫ-10-1 (04.10.2026): у факта появились картинка, заголовок и ссылка на
   источник. Картинка — наша, сгенерированная (1200x675 -> файл 640x360), в
   узкой колонке показывается полосой 120 px по ширине. */
.cb-mnf-fact-img {
  display: block;
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 2px;
  margin-bottom: 10px;
}

.cb-mnf-fact-title {
  font-family: 'Proxima Nova Bold';
  font-size: 16px;
  line-height: 1.25;
  color: #22313a;
  margin-bottom: 6px;
}

.cb-mnf-fact-text {
  font-size: 15px;
  line-height: 1.45;
  color: #3c4a52;
}

.cb-mnf-fact-src {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.2;
}

.cb-mnf-fact-src a,
.cb-mnf-fact-src a:visited {
  color: #7a8892;
  text-decoration: none;
  border-bottom: 1px dotted #b8c4cc;
}

.cb-mnf-fact-src a:hover {
  color: #22313a;
  border-bottom-color: #22313a;
}
/* ==========================================================================
   ГЛАВНАЯ-АФИША-ПРОКРУТКА-1 (тег MAIN-AFISHA-SCROLL-1, 07.10.2026).
   Слова владельца (07.10.2026, с компьютера): «В Афише на главной прокрутка
   пропала».

   Что выяснено замером (боевой, 1440, ширина .wrapper = 1170):
     • лента «Афиша» на главной — .events-scrollbox, крутит её плагин
       mCustomScrollbar (assets/templates/clubber/js/common.js:168);
     • СЕГОДНЯ в ленте 4 карточки (Красноярск, 07.10: 3 «Сегодня» + 1 «Завтра»,
       содержимое 1020 px) — оно целиком помещается в 1170 px, поэтому плагин
       ставит класс mCS_no_scrollbar: ползунка и дорожки нет вовсе, крутить
       нечего. На копиях «до» (боевые файлы соседей) — те же 4 карточки и тот
       же результат: правки главной прокрутку не ломали;
     • при 10 карточках (Краснодар, 2585 px) и 18 (все города, 4680 px) плагин
       крутит ленту нормально — прокрутка цела и появляется, как только лента
       шире окна;
     • единственное, что у ленты «Афиши» отняли правки главной: ВИДИМУЮ дорожку
       ползунка. «Афиша» снова на тёмной плашке (verydarkgray-bkg,
       ГЛАВНАЯ-НОВОСТИ-ПЕРВЫМИ-1), а светлую дорожку задавало правило белой
       плашки (common.css: `.cb-events-white .mCSB_scrollTools
       .mCSB_draggerRail { background:#e6e6e6 }`) — оно вместе с плашкой больше
       не применяется, и дорожка рисуется тёмной картинкой темы
       (assets/templates/clubber/i/bg-scrollbox.jpg) по тёмному фону.

   Что здесь делаем (минимально, только главная — файл подключает только
   smarty/templates/index_v2.tpl, и только лента #events): возвращаем дорожке и
   ползунку светлый вид, как было на белой плашке. Раскладку, порядок блоков,
   чередование фона и убранную «Музыку» это не затрагивает.

   Чего здесь НЕТ и почему. Пробовали отдать ленте нативную прокрутку
   (overflow-x:auto, как в mobile.css на телефоне) — замер боевого показал, что
   так лента ПЕРЕСТАЁТ крутиться колесом: плагин по-прежнему перехватывает
   колесо над лентой (common.js:168), а его собственный сдвиг нейтрализован.
   Поэтому плагин оставлен как есть, а меняется только вид ползунка.
   ========================================================================== */
#events .events-scrollbox .mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(255, 255, 255, 0.16);
}

#events .events-scrollbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #e6e6e6;
}