/**
 * Shared Trip.com-style field validation tooltip for Hotels + Cars search.
 * JS appends the tip inside the field shell (position: absolute) so it scrolls
 * with the form — never viewport-fixed.
 */

.hotel-search-form .search-field,
#car-hire-search-form .search-field,
[data-hotel-search-form] .search-field,
.hotel-search-form .hotel-search-params,
#car-hire-search-form .flight-search-form__search-params,
[data-hotel-search-form] .hotel-search-params {
    overflow: visible;
}

.airtrack-field-tooltip {
    position: absolute;
    z-index: 40;
    box-sizing: border-box;
    max-width: min(280px, calc(100% - 8px));
    padding: 8px 12px;
    border-radius: 4px;
    background: #1a1a1a;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.01em;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
    pointer-events: none;
    white-space: nowrap;
}

.airtrack-field-tooltip[hidden] {
    display: none !important;
}

.airtrack-field-tooltip__arrow {
    position: absolute;
    left: 18px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

/* Tip above the field — caret points down at the input. */
.airtrack-field-tooltip--above .airtrack-field-tooltip__arrow {
    top: auto;
    bottom: -6px;
    border-top: 6px solid #1a1a1a;
    border-bottom: 0;
}

/* Tip below the field — caret points up. */
.airtrack-field-tooltip--below .airtrack-field-tooltip__arrow {
    top: -6px;
    bottom: auto;
    border-bottom: 6px solid #1a1a1a;
    border-top: 0;
}