.woocommerce-map-container {
    min-height: 32rem;
}

.woocommerce-searchbox-wrapper {
    padding: 1rem;
}

.woocommerce-searchbox-wrapper input {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    flex: 1;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    outline: none;
}

/* SHIP-1818: control that opens the map, which is no longer built on page load. */
.woocommerce-map-reveal {
    display: inline-block;
    margin: 0;
}

/* SHIP-1818: predictions for our own autocomplete. google.maps.places.SearchBox
   rendered its own dropdown; AutocompleteService does not, so we style one.
   The wrapper needs positioning context for the absolute list below. */
.woocommerce-searchbox-wrapper {
    position: relative;
}

.biteship-autocomplete-predictions {
    display: none;
    position: absolute;
    left: 1rem;
    right: 1rem;
    z-index: 5;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 16rem;
    overflow-y: auto;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
}

.biteship-autocomplete-predictions li {
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    cursor: pointer;
    list-style: none;
}

.biteship-autocomplete-predictions li:hover,
.biteship-autocomplete-predictions li:focus {
    background: #f2f2f2;
    outline: none;
}