/* /assets/css/city-autocomplete.css — liste de suggestions de ville (assets/js/city-autocomplete.js),
   partagée par l'accueil et /offres (01/10/2026). Valeurs de repli : la page hôte peut ne pas
   définir les variables de couleur. */
.lmp-ac { position: relative; }
.lmp-ac-list {
  position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 40;
  list-style: none; margin: 0; padding: 6px;
  background: var(--surface, #FFFFFF);
  border: 1.5px solid var(--line, #E2E8F0); border-radius: 14px;
  box-shadow: 0 20px 40px -16px rgba(15, 23, 42, 0.25);
  max-height: 340px; overflow-y: auto; text-align: left;
}
.lmp-ac-list[hidden] { display: none; }
.lmp-ac-list li {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 44px; padding: 8px 12px; border-radius: 10px; cursor: pointer;
}
.lmp-ac-list li:hover,
.lmp-ac-list li.is-active { background: var(--green-soft, #ECFDF5); }
.lmp-ac-name { font-weight: 600; font-size: 15px; color: var(--ink, #0F172A); }
.lmp-ac-meta { font-size: 13px; color: var(--ink-faint, #64748B); white-space: nowrap; }
