.global-attraction-search {
    position: relative;
    flex: 0 0 auto;
}

.global-attraction-search__toggle[aria-expanded="true"] {
    background: #eef7ff !important;
    border-color: rgba(35, 171, 245, 0.65) !important;
    color: #075985 !important;
}

.global-attraction-search__surface {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 1080;
    width: min(28rem, calc(100vw - 2rem));
    padding: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 0.85rem;
    background: #fff;
    color: #1f2937;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.2);
}

.global-attraction-search__input {
    min-height: 2.75rem;
    border-color: rgba(15, 23, 42, 0.18);
    border-radius: 0.65rem;
}

.global-attraction-search__input:focus {
    border-color: #23abf5;
    box-shadow: 0 0 0 0.2rem rgba(35, 171, 245, 0.18);
}

.global-attraction-search__filter-option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.65rem 0 0;
    font-size: 0.82rem;
    color: #475569;
    cursor: pointer;
}

.global-attraction-search__filter-option[hidden] {
    display: none;
}

.global-attraction-search__filter-option .form-check-input {
    flex: 0 0 auto;
    margin: 0;
}

.global-attraction-search__filter-option .form-check-input:checked {
    border-color: #23abf5;
    background-color: #23abf5;
}

.global-attraction-search__results {
    max-height: min(24rem, 55vh);
    margin-top: 0.65rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 0.65rem;
    background: #fff;
}

.global-attraction-search__result {
    display: block;
    width: 100%;
    padding: 0.68rem 0.75rem;
    border: 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: transparent;
    color: #1f2937;
    text-align: left;
}

.global-attraction-search__result:last-child {
    border-bottom: 0;
}

.global-attraction-search__result:hover,
.global-attraction-search__result[aria-selected="true"] {
    background: #eef7ff;
}

.global-attraction-search__result-name {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.25;
}

.global-attraction-search__result-geography {
    display: block;
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.25;
}

@media (max-width: 991.98px) {
    .global-attraction-search__surface {
        position: fixed;
        top: calc(var(--nav-h, 84px) + 0.5rem);
        right: 0.75rem;
        left: 0.75rem;
        width: auto;
        max-width: none;
    }
}
