/* Мелкие починки форм и хлебных крошек.
   Номер в имени вместо ?v= : Cloudflare на этой зоне игнорирует строку запроса
   для CSS, поэтому надёжно сбрасывает кеш только новый путь.
   При следующей правке заводить bl-forms-4.css и менять ссылку в head-new.php. */

/* --- Строка согласия с политикой ---
   Bootstrap выносит чекбокс из потока (.form-check-input{position:absolute;
   margin-left:-1.25rem}), а style-new.css добавляет .form-check{text-align:center}.
   На коротком английском тексте это сходится, на длинном немецком чекбокс
   наезжает на подпись. Раскладываем флексом: положение больше не зависит
   ни от длины строки, ни от выравнивания. */
.form-check.bl-check-row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding-left: 0;
    text-align: left;
}

.form-check.bl-check-row .form-check-input {
    position: static;
    flex: 0 0 auto;
    margin: 2px 0 0;
}

.form-check.bl-check-row .form-check-label {
    margin: 0;
    line-height: 1.4;
}

/* --- Хлебные крошки ---
   Правка есть и в style-new.css, но тот файл давно в кеше Cloudflare и по
   старому пути не обновится, поэтому дублируем здесь: этот файл грузится позже. */
.breadcrumbs {
    padding-bottom: 0;
}

@media (max-width: 767px) {
    /* Карточка формы поднята на герой (.custom-form-widgetss{bottom:113px}) и
       вплотную подходила к плашке крошек. Разводим их небольшим отступом. */
    .luxury-title .breadcrumbs-container,
    .title-page .breadcrumbs-container {
        margin-bottom: 18px;
    }
}

/* --- Секция популярных маршрутов ---
   Карточки упирались в тёмную полосу статистики следом. Пишем через body,
   потому что стили виджета подключаются позже этого файла и по одному классу
   перебили бы правило. */
body .top-destinations {
    padding-bottom: 60px;
}

@media (max-width: 767px) {
    body .top-destinations {
        padding-bottom: 40px;
    }
}

/* --- Подзаголовок героя главной на мобильном ---
   Строка упиралась в правый край экрана. Отступ только справа, снизу его
   не нужно: под подзаголовком уже идёт список преимуществ со своим отступом.
   Скоупим на главную, чтобы не задеть .hero-text на других страницах. */
@media (max-width: 767px) {
    .hero-main.homepage .hero-text h2 {
        color: #fff;
        margin: -11px 20px 0 0;
    }
}