/*! blacklux-places.css — versione 1.0.5 — Blacklux Transfer
 *  Tendina dei suggerimenti degli indirizzi. Usa le stesse variabili della
 *  barra: se cambiano i colori della barra, cambia anche questa.
 *  Tutto sotto .blp-, niente regole generali su input, ul o li. */

.blp-guscio { position: relative; }

.blp-lista {
  position: absolute;
  z-index: 60;
  left: 0;
  right: 0;
  top: 4px;
  margin: 0;
  padding: 4px;
  list-style: none;
  min-width: 260px;
  max-height: 268px;
  overflow-y: auto;
  background: var(--blq-panel-2, #14171F);
  border: 1px solid var(--blq-line-strong, rgba(255,255,255,0.16));
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.6);
  font-family: var(--blq-body, "Helvetica Neue", Arial, sans-serif);
}

.blp-voce {
  padding: 10px 12px;
  border-radius: 8px;
  color: var(--blq-text, #FFFFFF);
  font-size: 15px;
  line-height: 1.35;
  cursor: pointer;
  overflow-wrap: anywhere;
  transition: background 200ms var(--blq-ease, ease), color 200ms var(--blq-ease, ease);
}

.blp-voce + .blp-voce { margin-top: 2px; }

.blp-voce:hover,
.blp-voce.blp-attiva {
  background: rgba(205, 220, 57, 0.14);
  color: var(--blq-lime, #CDDC39);
}

@media (prefers-reduced-motion: reduce) {
  .blp-voce { transition: none; }
}

/* Su schermo stretto la tendina resta dentro la pagina */
@media (max-width: 560px) {
  .blp-lista { min-width: 0; max-height: 220px; }
}