/* Hide the raw lat/lng text input — users interact with the map */
.js-mapbox-input-location-field {
    display: none !important;
}

/* Geocoder search input */
.mapboxgl-ctrl-geocoder {
    background-color: #fff !important;
    color: #333 !important;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) !important;
    min-width: 240px !important;
}

.mapboxgl-ctrl-geocoder input[type="text"],
.mapboxgl-ctrl-geocoder--input {
    background-color: #fff !important;
    color: #333 !important;
    padding-left: 35px !important;
}

.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--icon-search {
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.mapboxgl-ctrl-geocoder input[type="text"]::placeholder,
.mapboxgl-ctrl-geocoder--input::placeholder {
    color: #999 !important;
}

/* Geocoder suggestions dropdown */
.mapboxgl-ctrl-geocoder .suggestions {
    background-color: #fff !important;
    color: #333 !important;
}

.mapboxgl-ctrl-geocoder .suggestions > li > a {
    color: #333 !important;
}

.mapboxgl-ctrl-geocoder .suggestions > .active > a,
.mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
    background-color: #f0f0f0 !important;
    color: #333 !important;
}

/* Map container */
.location-field-map {
    border: 1px solid #ccc;
    border-radius: 4px;
    min-height: 400px;
}

/* Geocoder container above map */
.location-field-geocoder {
    margin-bottom: 0;
}