/* 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);
}

/* Issue #1093 — Google attribution, required wherever Places content shows
   without a Google map. Google's text-attribution spec: "Google Maps" in
   Roboto, 12–16px, #5E5E5E (white on a dark background). Sticky so it stays
   visible when the list scrolls past max-height. */
.places-ac-attribution {
  position: sticky;
  bottom: 0;
  padding: var(--space-xs) var(--space-lg);
  background: var(--df-panel);
  border-top: 1px solid var(--border);
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  color: light-dark(#5E5E5E, #FFFFFF);
  text-align: right;
  cursor: default;
  user-select: none;
}