//
//  Amasty Google Address Autocomplete module
//  ____________________________________________

//
//  Variables
//  _____________________________________________

@amatocomplete-text-color: @color-gray34;
@amatocomplete-background-color: @color-white;
@amatocomplete-icon-color: @color-gray78;
@amatocomplete-icon-hover-color: #1979c2;
@amatocomplete-shadow: 0 0 3px #00699d;
@amatocomplete-item-delimiter: 1px solid #eaeaea;
@amatocomplete-item-hover-color: #e8f6ff;

//
//  Common
//  --------------------------------------------

& when (@media-common = true) {
    .amautocomplete-suggestions-container {
        & {
            padding-top: .4rem;
            position: absolute;
            z-index: 1;
        }

        .amautocomplete-suggestions-list {
            background: @amatocomplete-background-color;
            border: 1px solid @color-gray80;
            box-sizing: border-box;
            cursor: pointer;
            filter: drop-shadow(@amatocomplete-shadow);
            list-style: none;
            padding: .1rem;
        }
    }

    .amautocomplete-suggestions-container .amautocomplete-suggestions-list li {
        & {
            .lib-icon-font(@icon-location, @_icon-font-color-hover: @amatocomplete-icon-hover-color, @_icon-font-color: @amatocomplete-icon-color, @_icon-font-display: flex, @_icon-font-size: 14px);
            align-items: flex-start;
            align-self: stretch;
            border-bottom: @amatocomplete-item-delimiter;
            display: flex;
            flex-direction: row;
            gap: 9px;
            margin: 0;
            padding: 9px;
        }

        &:before {
            flex-shrink: 0;
        }

        &.-active:before {
            color: @amatocomplete-icon-hover-color;
        }

        &:last-child {
            border-bottom: none;
        }

        &:hover,
        &.-active {
            background: @amatocomplete-item-hover-color;
        }

        &:active,
        &.-active {
            box-shadow: @amatocomplete-shadow;
        }
    }
}