/* Locate-me control used on every Leaflet map */
.snosi-map-locate-wrap.leaflet-bar {
  border: 0;
  box-shadow: none;
  background: transparent;
}

.snosi-map-locate {
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(12, 48, 84, 0.18);
  border-radius: 4px;
  background: #fff;
  color: #0c3054;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(12, 48, 84, 0.18);
}

.snosi-map-locate:hover,
.snosi-map-locate:focus-visible {
  background: #f4f8fb;
  outline: none;
}

.snosi-map-locate.is-busy {
  opacity: 0.65;
  pointer-events: none;
}

.snosi-map-locate[disabled] {
  cursor: wait;
}

.snosi-map-locate__icon {
  width: 18px;
  height: 18px;
  display: block;
}

.snosi-map-picker {
  display: grid;
  gap: 0.5rem;
  margin: 0.5rem 0 1rem;
}

.snosi-map-picker__search {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: stretch;
  position: relative;
}

.snosi-map-picker__search input[type='search'] {
  flex: 1 1 180px;
  min-height: 40px;
}

.snosi-map-picker__results {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-height: 180px;
  overflow: auto;
  border: 1px solid var(--border, #d5dde5);
  border-radius: 8px;
  background: var(--surface, #fff);
}

.snosi-map-picker__results[hidden] {
  display: none !important;
}

.snosi-map-picker__results li {
  margin: 0;
  padding: 0;
}

.snosi-map-picker__results button {
  width: 100%;
  text-align: start;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--border, #eee);
  padding: 0.55rem 0.75rem;
  cursor: pointer;
  font: inherit;
}

.snosi-map-picker__results button:hover,
.snosi-map-picker__results button:focus-visible {
  background: color-mix(in srgb, var(--cyan, #00a8b4) 10%, transparent);
}

.snosi-map-picker__results small {
  display: block;
  color: var(--muted, #667);
  font-size: 0.8em;
}

.sales-store-pin-map,
.snosi-map-picker__map {
  height: 280px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--border, #d5dde5);
  z-index: 0;
}

[data-theme='dark'] .snosi-map-locate {
  background: #163044;
  color: #e8f1f6;
  border-color: rgba(255, 255, 255, 0.16);
}