/* 🔥 Parent MUST be relative */
.autocomplete-box {
  position: relative;
}

/* 🔥 Suggestion dropdown */
.suggestions {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
  max-height: 220px;
  overflow-y: auto;
  display: none;
  z-index: 9999;
  border: 1px solid #e5e7eb;
}

/* 🔥 Each item */
.rr-location-item {
  padding: 10px 12px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.2s;
}

/* 🔥 Hover / active */
.rr-location-item:hover,
.rr-location-item.active {
  background: #eef2ff;
}

/* 🔥 Optional scrollbar styling */
.suggestions::-webkit-scrollbar {
  width: 6px;
}
.suggestions::-webkit-scrollbar-thumb {
  background: #c7d2fe;
  border-radius: 10px;
}