/* ============================================
   Google Places Autocomplete (Classic API)
   Style the .pac-container dropdown to match Bootstrap.
   Uses google.maps.places.Autocomplete which attaches
   to an existing <input> — no web component needed.
   ============================================ */
.pac-container {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem var(--ink-alpha-15);
    margin-top: var(--spacing-xs);
    background-color: var(--color-card-bg);
    font-family: inherit;
    z-index: var(--z-portal);
}
.pac-item {
    padding: var(--spacing-sm) var(--spacing-smd);
    font-size: var(--font-size-md);
    color: #212529;
    cursor: pointer;
    border-top: 1px solid var(--color-page-bg);
}
.pac-item:first-child {
    border-top: none;
}
.pac-item:hover,
.pac-item-selected {
    background-color: var(--color-surface-hover);
}