/*
 Google Maps component
*/

/* Google Place Autocomplete Web Component Styling */
gmp-place-autocomplete {
    --gmp-color-primary: #0d6efd;
    --gmp-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --gmp-font-size: 1rem;
    width: 100%;
}

/* Match Bootstrap form-control styling */
gmp-place-autocomplete::part(text-field) {
    height: 48px;
    font-size: 1.25rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 0.5rem 1rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

gmp-place-autocomplete::part(text-field):focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

gmp-place-autocomplete::part(prediction-item) {
    overflow: hidden;
}

gmp-place-autocomplete::part(prediction-item-main-text) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 100%;
}

/* Content Map */

.acf-map {
    width: 100%;
    height: 600px;
    position: relative;
}

.acf-map img {
    max-width: inherit !important;
}

@media (max-width:992px) {
    .acf-map-modal {
        width: 100%;
        height: 100%;
    }
}

.acf-map .gm-style-iw-c .listing_factories_image {
    margin-top: 1em;
}

.acf-map .map-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
}

.hide {
    display: none;
}