/* Общий «хром» сайта для Tilda-зеркал /rbt-new/ и /cyber/.
   Подключается в самом конце — переопределяет стили Tilda. */

/* 1. Убираем бейдж «Made on Tilda» (дублирующее правило: элемент вставляет
   скрипт Tilda, иногда с !important — основное удаление делает custom-improve.js) */
#tildacopy, .t-tildalabel-free { display: none !important; }

/* Закреплённая CTA-полоса Tilda перекрывает низ страницы — оставляем под неё место */
body { padding-bottom: 110px; }
@media (max-width: 767px) { body { padding-bottom: 150px; } }

/* 2. Копирайт Tilda заменяем единым футером сайта (.lr-chrome) */
.tn-atom[field="tn_text_175925431249897840"] { display: none !important; }

/* 3. Заголовок «Посмотрите, как работает франшиза…» на светлом фоне:
   в оригинале он белый на белом — делаем читаемым. */
[data-elem-id="175923836133461830"] .tn-atom { color: #0F103F !important; }

/* 3a. H1 на /cyber/: «Академия «Лига Киберспорта» от Лиги Роботов» длиннее
   прежнего и на узких экранах не влезает в блок Tilda. Сам блок — display:table,
   то есть по ширине максимальной строки: переносов по словам нет и текст
   вылезает за края. На мобильных растягиваем блок на всю ширину и разрешаем
   перенос, кегль уменьшаем. */
@media (max-width: 480px) {
    #rec1377733521 .tn-elem[data-elem-id="1759382918848"] {
        display: block !important;
        left: 0 !important;
        width: 100% !important;
        padding: 0 18px;
        text-align: center;
    }
    #rec1377733521 .tn-elem[data-elem-id="1759382918848"] .tn-atom {
        display: block !important;
        width: auto !important;
        white-space: normal !important;
        font-size: 20px !important;
        line-height: 25px !important;
    }
}
@media (max-width: 360px) {
    #rec1377733521 .tn-elem[data-elem-id="1759382918848"] .tn-atom { font-size: 18px !important; line-height: 23px !important; }
}
/* 3b. Планшеты 640–959: в Tilda у этого блока width:px (невалидное значение),
   поэтому элемент тянется по самой длинной строке и после удлинения заголовка
   вылезает за края. Задаём ширину явно и разрешаем перенос по словам. */
@media (min-width: 640px) and (max-width: 959px) {
    #rec1377733521 .tn-elem[data-elem-id="1759382918848"] {
        display: block !important;
        left: 20px !important;
        width: calc(100% - 40px) !important;
    }
    #rec1377733521 .tn-elem[data-elem-id="1759382918848"] .tn-atom {
        display: block !important;
        width: auto !important;
        white-space: normal !important;
    }
}

/* 4. Единый нижний блок с навигацией по разделам сайта */
.lr-chrome {
    background: #0F103F;
    color: #c8d2e6;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
}
.lr-chrome__in {
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px 32px;
    flex-wrap: wrap;
}
.lr-chrome__logo { display: inline-flex; align-items: center; }
.lr-chrome__logo img { height: 34px; width: auto; display: block; }
/* Актуальный вордмарк «Лиги Роботов» — тёмный, поэтому на белой плашке */
.lr-chrome__logo--plate { background: #fff; border-radius: 8px; padding: 5px 9px; }
.lr-chrome__logo--plate img { height: 24px; }
/* «Лига Киберспорта» — белый SVG, на тёмном футере без плашки */
.lr-chrome__logo--cyber img { height: 28px; }
.lr-chrome__nav { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.lr-chrome__nav a { color: #c8d2e6; text-decoration: none; font-size: 14px; }
.lr-chrome__nav a:hover { color: #fff; }
.lr-chrome__copy { color: #8e9ab5; font-size: 13px; }

@media (max-width: 720px) {
    .lr-chrome__in { flex-direction: column; align-items: flex-start; padding: 24px 20px; }
    .lr-chrome__nav { flex-direction: column; gap: 10px; }
}