/* Places Autocomplete (issue #400 Phase 1) — no .feature-places gate here:
   the widget attaches to always-visible core inputs and only ever builds
   this dropdown when window.__FEATURES__.placesAutocomplete is on (see
   js/features/places/places-autocomplete.js), so there's no static markup
   to hide by default the way other feature CSS files hide one. */

.places-ac-dropdown {
  position: fixed;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--df-panel);
  border: 2px solid var(--df-ink);
  border-radius: var(--df-radius-card);
  /* Hard offset, not blurred — DESIGN.md's Hard Shadow Rule bans a blur
     radius on any control; the instant print is the one sanctioned
     exception, and this is a dropdown, not a photo. */
  box-shadow: var(--df-press);
  z-index: 1000;
  max-height: 260px;
  overflow-y: auto;
}

.places-ac-option {
  padding: var(--space-md) var(--space-lg);
  min-height: var(--tap-min);
  font-size: var(--fs-base);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

.places-ac-option:hover,
.places-ac-option.active {
  background: var(--vn-teal-light);
}

.places-ac-primary {
  color: var(--df-ink);
}

.places-ac-secondary {
  font-size: var(--fs-xs);
  color: var(--df-ink-soft);
}