/* Стили этой страны. Файла нет у эталона, поэтому побайтная сверка стран его
   не трогает: сюда кладём всё, что отличает лендинг от эталонного.
   Подключён после styles.css — правила отсюда перебивают общие. */

/* ─── Блок «Наш флот и Команда» ─────────────────────────────────────────
   Сборка из макета Турции: чайка, капитан Андрей Яницкий, штурвал.
   Опущена на 20px против макета — просьба владельца. */
.fleet-container::before {
    width: 781px;
    height: 842px;
    left: -235px;
    top: -134px;
    background:
        url(./../img/captain-gull.webp?v=2) no-repeat 0 85px / 297px 297px,
        url(./../img/captain-turkey.webp?v=2) no-repeat 67px 0 / 714px 842px,
        url(./../img/captain-circle.webp?v=2) no-repeat 142px 163px / 638px 638px;
}

/* Тёмная тема макета: за капитаном размытое световое пятно
   (Ellipse 4, 726×504, #A4D6E0, 40%, размытие 200). В светлой его нет. */
html[data-theme="dark"] .fleet-container::before {
    background:
        url(./../img/captain-gull.webp?v=2) no-repeat 0 85px / 297px 297px,
        url(./../img/captain-turkey.webp?v=2) no-repeat 67px 0 / 714px 842px,
        url(./../img/captain-circle.webp?v=2) no-repeat 142px 163px / 638px 638px,
        radial-gradient(ellipse at center,
            rgba(164, 214, 224, 0.4) 0%,
            rgba(164, 214, 224, 0.24) 45%,
            rgba(164, 214, 224, 0) 75%) no-repeat 0 94px / 726px 504px;
}

/* ─── Блок «Вопросы и ответы»: карта направления ────────────────────────
   У эталона там Пхукет, у Турции своя карта из макета. Карта идёт вдоль
   списка вопросов: сверху от первого (заголовок 84 + описание 144 = 228px),
   снизу до последнего. Ширина подбирается по высоте. */
.faq-container::before {
    width: 100%;
    height: calc(100% + 58px);
    right: auto;
    left: 437px;
    /* Середина карты совпадает с серединой списка вопросов: список начинается
       после заголовка и описания (84 + 144 = 228px), значит его центр —
       замерено в браузере: центр списка = половина блока + 136px. */
    top: calc(50% + 136px);
    transform: translateY(-50%);
    background: url(./../img/map-turkey.webp) no-repeat left top / auto 100%;
}

/* Тёмная тема берёт ТУ ЖЕ карту. Отдельный тёмный файл был копией светлой —
   из 1 661 552 точек отличались 52, то есть след пересохранения, а не другой
   рисунок; переключение темы стоило человеку лишней закачки.
   Правило не удаляем, а переводим на общий файл: у эталона в `styles.css`
   свой `html[data-theme="dark"] .faq-container::before` с тайской картой, он
   старше по весу селектора и без этой строки перебил бы турецкую. */
html[data-theme="dark"] .faq-container::before {
    background: url(./../img/map-turkey.webp) no-repeat left top / auto 100%;
}

@media screen and (max-width: 1024px) {
    /* Слоёв в сборке капитана три, поэтому уменьшаем её целиком. */
    .fleet-container::before {
        transform: scale(0.85);
        transform-origin: top left;
    }

    /* Планшетная раскладка макета (лендинг-720). */
    .faq-container::before {
        display: block;
        width: 100%;
        height: calc(100% - 180px);
        left: 262px;
        right: auto;
        top: 180px;
        background: url(./../img/map-turkey-tablet.webp) no-repeat left top / auto 100%;
    }

    html[data-theme="dark"] .faq-container::before {
        background: url(./../img/map-turkey-tablet.webp) no-repeat left top / auto 100%;
    }
}

@media screen and (max-width: 719px) {
    /* Телефонная раскладка макета (лендинг-320): сборка капитана начинается
       НИЖЕ заголовка (заголовок 0…72, сборка с 97), поэтому «Наш флот и
       Команда» больше не перекрывается — как у эталона. */
    .fleet-container::before {
        transform: none;
        width: 381px;
        height: 412px;
        left: -13px;
        top: 97px;
        background:
            url(./../img/captain-gull.webp?v=2) no-repeat 0 42px / 145px 145px,
            url(./../img/captain-turkey.webp?v=2) no-repeat 33px 0 / 349px 412px,
            url(./../img/captain-circle.webp?v=2) no-repeat 69px 80px / 312px 312px;
    }

    html[data-theme="dark"] .fleet-container::before {
        background:
            url(./../img/captain-gull.webp?v=2) no-repeat 0 42px / 145px 145px,
            url(./../img/captain-turkey.webp?v=2) no-repeat 33px 0 / 349px 412px,
            url(./../img/captain-circle.webp?v=2) no-repeat 69px 80px / 312px 312px,
            radial-gradient(ellipse at center,
                rgba(164, 214, 224, 0.4) 0%,
                rgba(164, 214, 224, 0.24) 45%,
                rgba(164, 214, 224, 0) 75%) no-repeat 0 29px / 355px 355px;
    }

    /* Телефон: карта из макета лежит повёрнутой полосой под блоком вопросов.
       В эталоне её рисует фон самого блока (map-mobile.webp) — подменяем его,
       собственный слой ::before тут не нужен. */
    .faq-container {
        /* Эталонные 476px минус 20% — просьба владельца. */
        background: url(./../img/map-turkey-mobile.webp) no-repeat 50% 101%;
        background-size: 381px auto;
    }

    /* Кнопка под вопросами опущена на 15px — просьба владельца (5 + 10). */
    .faq-container .btn.mobile {
        margin-top: 15px;
    }

    .faq-container::before {
        display: none;
    }
}

/* ─── Окно программы тура «турецкого» вида ──────────────────────────────
   Правила `.tr-tour` переехали 01.09 ВНУТРЬ собранной страницы
   (`turkeyPopupRuntime` в `scripts/build-tour-landing.js`). Причина: вид окна
   выбирается у программы в панели и доступен любой стране, а этот файл едет
   только выкатом — у Хорватии окно вышло бы без оформления. Здесь их держать
   нельзя: две копии разошлись бы при первой правке. */