/* Airline v206: homepage-style airport swap control in the mobile QSF. */

@media (max-width: 760px) {
    .airline-detail-page.airline-hub .booking-shell.airline-hub-search.home-qsf > .search-form {
        position: relative;
    }

    .airline-detail-page.airline-hub .booking-shell.airline-hub-search.home-qsf > .search-form > .swap-airports {
        position: absolute;
        top: 44px;
        right: 14px;
        z-index: 8;
        display: grid !important;
        place-items: center;
        width: 46px;
        height: 46px;
        min-height: 46px;
        margin: 0;
        border: 3px solid #fff;
        border-radius: 999px;
        background:
            var(--qsf-icon-swap-white) center / 22px 22px no-repeat,
            linear-gradient(
                145deg,
                color-mix(in srgb, var(--airline-primary, #295ea9) 72%, #ffffff),
                var(--airline-primary, #295ea9)
            ) !important;
        box-shadow: 0 6px 14px color-mix(in srgb, var(--airline-primary, #295ea9) 24%, transparent) !important;
        transform: rotate(90deg);
        touch-action: manipulation;
    }

    .airline-detail-page.airline-hub .booking-shell.airline-hub-search.home-qsf > .search-form > .swap-airports:hover,
    .airline-detail-page.airline-hub .booking-shell.airline-hub-search.home-qsf > .search-form > .swap-airports:focus-visible {
        background:
            var(--qsf-icon-swap-white) center / 22px 22px no-repeat,
            var(--airline-primary, #214f94) !important;
        outline: 0;
        box-shadow:
            0 0 0 3px color-mix(in srgb, var(--airline-accent, #f4ca22) 30%, transparent),
            0 7px 16px color-mix(in srgb, var(--airline-primary, #214f94) 30%, transparent) !important;
    }

    .airline-detail-page.airline-hub .booking-shell.airline-hub-search.home-qsf > .search-form > .field-from input[data-airport-search],
    .airline-detail-page.airline-hub .booking-shell.airline-hub-search.home-qsf > .search-form > .field-to input[data-airport-search] {
        padding-right: 54px !important;
    }
}