/* =========================================
   HERO SEARCH (Без sticky, тільки накладання)
   ========================================= */

/* 1. Обгортка форми */
.sticky-search-wrapper {
    /* Тягнемо форму вгору на фото */
    margin-top: -260px;

    /* Важливо: задаємо position relative і z-index,
       щоб форма точно була ПОВЕРХ картинки, а не під нею */
    position: relative;
    z-index: 10;

    /* Пропускаємо кліки крізь пусті місця контейнера (по боках від форми) */
    pointer-events: none;

    /* Відступ знизу до списку турів */
    margin-bottom: 60px;
}

/* 2. Сама форма */
.search-form-real {
    /* Обов'язково вмикаємо кліки назад для форми */
    pointer-events: auto;

    position: relative;
    border: 1px solid rgba(0,0,0,0.05);
    background-color: #fff;
}

/* 3. Адаптив */
@media (max-width: 991px) {
    .sticky-search-wrapper {
        /* На мобільних менший "наїзд" на фото, бо саме фото нижче */
        margin-top: -100px;
    }

    /* На мобільних вимикаємо фіксований фон (економія батареї + стабільність) */
    .position-relative[style*="background-attachment: fixed"] {
        background-attachment: scroll !important;
    }
}

/* Круїзи окремі стилі для фото Базові стилі (Десктоп) */
.cruise-hero-bg {
    background-size: cover;
    background-repeat: no-repeat;

    /* Ваші налаштування для ПК */
    background-attachment: fixed;
    background-position: center -100px;
}

/* Стилі для мобільних (менше 991px) */
@media (max-width: 991px) {
    .cruise-hero-bg {
        /* 1. Вимикаємо паралакс (fixed глючить на айфонах і з'їдає батарею) */
        background-attachment: scroll !important;

        /* 2. Ставимо нормальне позиціонування для телефону */
        /* center center або center bottom - спробуйте, що краще покаже корабель */
        background-position: center center !important;
    }
}

/* Стилі для заблокованих полів (наприклад, Регіон до вибору країни) */
.form-select:disabled,
.form-control:disabled {
    background-color: #e9ecef !important; /* Явно сірий фон, темніший за bg-light */
    color: #adb5bd !important;            /* Світло-сірий колір тексту */
    cursor: not-allowed;                  /* Курсор у вигляді знаку "стоп" */
    opacity: 1;                           /* Фікс для iOS, щоб фон точно змінився */
    border-color: #dee2e6;                /* Бліда рамка */
}

/* При наведенні на неактивне поле не показувати стандартну підсвітку */
.form-select:disabled:hover,
.form-control:disabled:hover {
    box-shadow: none !important;
    border-color: #dee2e6 !important;
}