/*
Theme Name: Best VPN Services (port)
Description: Тема-порт снимка best-vpn.today 2021 года (hello-elementor 2.2.0 + Elementor 3.3.1). Разметка и CSS взяты из снимка-якоря, динамику отдаёт WordPress. WP-RESTORE-SPEC §5.
Version: 1.0
*/

/* Своих правил здесь нет: весь вид даёт CSS оригинала из assets/.
   Исключения ниже - только то, чего в снимке не было и что нужно нам:
   дисклеймер в подвале и результат опроса. */

/* Заголовок страницы поднят с h2 до h1 (один h1 на страницу, приёмка 2026-09-15).
   Размер оставляем прежний, как у h2 в hello-elementor, чтобы вид не изменился. */
h1.bv-page-title {
    font-size: 2rem;
}

/* Липкую шапку Elementor держал скрипт плагина: он вставлял распорку той же
   высоты, а отрицательное поле секции её компенсировало. Скрипта у нас нет,
   распорки тоже, и на телефоне шапка накрывала первый заголовок. */
@media (max-width: 767px) {
    .elementor-8675 .elementor-element.elementor-element-505de1f7 {
        margin-bottom: 0;
    }
}

/* Раскрытое мобильное меню должно быть читаемым: у оригинала фон выпадающего
   списка полупрозрачный и текст ложился на текст страницы. */
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    background-color: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}

/* Подчёркивание пункта меню Elementor в покое паркуется на 20 px правее пункта
   (width:10px; left:calc(100% + 20px)). У последнего пункта эта полоска уезжала
   за край окна и давала горизонтальную прокрутку в 6 px на всех внутренних
   страницах (приёмка 2026-09-15). Для последнего пункта паркуем её у его края:
   на наведении подчёркивание работает по-прежнему. */
.elementor-nav-menu--main .elementor-nav-menu > li:last-child > .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
    left: auto;
    right: 0;
}

/* Пункты горизонтального меню не ужимаем: значок «есть подменю» добавляет
   ширину, и при сжатии содержимое вылезало за пункт, а у последнего - за край
   окна (горизонтальная прокрутка 6 px, приёмка 2026-09-15). Не влезло - меню
   переносится на вторую строку, как на главной. */
.elementor-nav-menu--main .elementor-nav-menu > li {
    flex-shrink: 0;
}

/* Подстраховка: секции с анимацией входа Elementor прячет до срабатывания
   своего скрипта, которого у нас нет. */
.elementor-invisible {
    visibility: visible !important;
}

.site-footer-disclaimer {
    display: block;
    max-width: 1140px;
    margin: 0 auto;
    padding: 14px 20px 22px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 1.6;
    color: #8a8a8a;
    text-align: center;
}

.bv-quiz-result {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.bv-quiz-result a {
    color: #1569AE;
    font-weight: 600;
}

.bv-quiz-note {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #8a8a8a;
}