/* ═══════════════════════════════════════════════════════════════
   HIGH 5 CONNECT CRM — Google Places Autocomplete Dropdown
   Custom dropdown attached to address inputs.
   ═══════════════════════════════════════════════════════════════ */

/* ─── Dropdown container ──────────────────────────────────────── */
.places-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 500;
  background: var(--card-bg, #fff);
  border: 1px solid var(--border, #e2e8f0);
  border-top: none;
  border-radius: 0 0 var(--r-md, 8px) var(--r-md, 8px);
  box-shadow: var(--shadow-lg, 0 4px 16px rgba(10,22,40,0.08));
  max-height: 240px;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.places-dropdown.open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* ─── Dropdown items ──────────────────────────────────────────── */
.places-dropdown-item {
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-bottom: 1px solid var(--border, #e2e8f0);
}

.places-dropdown-item:last-child {
  border-bottom: none;
}

.places-dropdown-item:hover,
.places-dropdown-item.highlighted {
  background: var(--navy-whisper, #e8eef6);
}

.places-dropdown-main {
  font-weight: 600;
  font-size: var(--text-sm, 0.8125rem);
  color: var(--text-primary, #0f172a);
}

.places-dropdown-secondary {
  font-size: var(--text-xs, 0.75rem);
  color: var(--text-secondary, #475569);
}

/* ─── Dark mode ───────────────────────────────────────────────── */
[data-theme="dark"] .places-dropdown {
  background: var(--card-bg, #1e293b);
  border-color: var(--border, #334155);
}

[data-theme="dark"] .places-dropdown-item:hover,
[data-theme="dark"] .places-dropdown-item.highlighted {
  background: var(--hover-bg, #334155);
}

[data-theme="dark"] .places-dropdown-main {
  color: var(--text-primary, #e2e8f0);
}

[data-theme="dark"] .places-dropdown-secondary {
  color: var(--text-secondary, #94a3b8);
}