// Typeahead

.typeahead {
    display: flex;
    position: relative;
    color: @text-color;
    max-width: 600px;
    width: 100%;

    &.typeahead--centered {
       margin: @reflex-cell-spacing-md auto;
    }

    &.typeahead--favorites {
        max-width: unset;
    }
}

.typeahead-group-btn {
    margin: 0;
}

.typeahead-search-field {
    margin: 0;
    flex: 1;
    border-radius: 0;
    position: relative;
}

.typeahead-group-btn::after {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0d7';
    margin-left: @reflex-cell-spacing-sm;
    position: relative;
}


.mobile-search-trigger {
    visibility: hidden;
    position: absolute;
}

.mobile-search-trigger:checked + .typeahead-mobile {
    display: block;
}

.typeahead-mobile {
    display: none;
    padding: 0 @reflex-cell-spacing-md;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}

.typeahead-mobile__search-field {
    float: left;
    padding: 0.75em;
}
