/* SITI · Selector de ubicación (mapa + buscador de direcciones).
 *
 * Va con shared/static/siti-location.js. Los tres portales lo montan desde su
 * propio /shared, así que los colores salen de las variables del tema con un
 * respaldo neutro para el portal que no las tenga.
 */

.siti-loc {
  position: relative;
}

.siti-loc-map {
  width: 100%;
  height: 240px;
  margin-top: 10px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--border, #e2e8f0);
  background: var(--bg-input, #eef0f3);
}
.siti-loc-map .mapboxgl-ctrl-logo { display: none !important; }

/* El desplegable de sugerencias. Va absoluto sobre el mapa para que la lista
   no empuje el formulario cada vez que se teclea. */
.siti-loc-results {
  position: absolute;
  left: 0; right: 0;
  z-index: 20;
  margin-top: 4px;
  max-height: 240px;
  overflow-y: auto;
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 12px;
  background: var(--bg-card-solid, #fff);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .16);
}
.siti-loc-results[hidden] { display: none; }

.siti-loc-item {
  padding: 10px 12px;
  font-size: 13.5px;
  cursor: pointer;
  border-bottom: 1px solid var(--border, #f1f5f9);
  color: var(--text, #0f172a);
}
.siti-loc-item:last-child { border-bottom: none; }
.siti-loc-item:hover,
.siti-loc-item.is-active { background: var(--bg-input, #f8fafc); }
.siti-loc-item-name { font-weight: 600; }
.siti-loc-item-sub { font-size: 12px; color: var(--text-muted, #64748b); margin-top: 1px; }

.siti-loc-hint {
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--text-muted, #64748b);
}

/* Aviso de que todavía no hay pin puesto: sin coordenadas el negocio no sale
   en el mapa de la app, y eso hay que decirlo. */
.siti-loc-warn {
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.4;
  color: #b45309;
}