/* Airline v204: branded borders and stronger interaction feedback for city fields. */

@media (min-width: 761px) {
    .airline-detail-page.airline-hub .booking-shell.airline-hub-search .airport-field input[data-airport-search],
    .airline-detail-page:not(.airline-hub) .booking-shell .airport-field input[data-airport-search] {
        border: 1px solid color-mix(in srgb, var(--airline-primary, #1f5fbf) 28%, #d6dfec) !important;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.82) !important;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.8),
            0 0 0 1px color-mix(in srgb, var(--airline-primary, #1f5fbf) 5%, transparent) !important;
        transition:
            border-color 0.18s ease,
            box-shadow 0.18s ease,
            background-color 0.18s ease;
    }

    .airline-detail-page.airline-hub .booking-shell.airline-hub-search .airport-field input[data-airport-search]:hover,
    .airline-detail-page:not(.airline-hub) .booking-shell .airport-field input[data-airport-search]:hover {
        border-color: var(--airline-primary, #1f5fbf) !important;
        background: #fff !important;
        box-shadow:
            0 0 0 3px color-mix(in srgb, var(--airline-accent, #f4ca22) 28%, transparent),
            0 7px 18px color-mix(in srgb, var(--airline-primary, #1f5fbf) 16%, transparent) !important;
    }

    .airline-detail-page.airline-hub .booking-shell.airline-hub-search .airport-field input[data-airport-search]:focus,
    .airline-detail-page.airline-hub .booking-shell.airline-hub-search .airport-field:focus-within input[data-airport-search],
    .airline-detail-page:not(.airline-hub) .booking-shell .airport-field input[data-airport-search]:focus,
    .airline-detail-page:not(.airline-hub) .booking-shell .airport-field:focus-within input[data-airport-search] {
        border-color: var(--airline-primary, #174f9f) !important;
        background: #fff !important;
        outline: 0;
        box-shadow:
            0 0 0 4px color-mix(in srgb, var(--airline-accent, #f4ca22) 38%, transparent),
            0 9px 22px color-mix(in srgb, var(--airline-primary, #174f9f) 20%, transparent) !important;
    }
}