.places-address-wrap {
  position: relative;
}

.places-address-search {
  position: relative;
}

.places-address-list {
  margin: 4px 0 0;
  padding: 6px 0;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 20;
  overflow: hidden;
  list-style: none;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 #e8e8e8, 0 8px 24px 0 rgb(0 0 0 / 12%), inset 0 0 0 1px #ced4da;
}

.places-address-list li {
  padding: 8px 16px;
  cursor: pointer;
}

.places-address-list li[data-index]:hover,
.places-address-list li[data-index].is-active {
  background-color: #f4f6f8;
}

.places-address-main {
  display: block;
  font-weight: 600;
  color: #212529;
}

.places-address-secondary,
.places-address-empty {
  display: block;
  font-size: 0.9em;
  color: #6c757d;
}

.places-address-link {
  display: inline-block;
  margin-top: 8px;
  padding: 0;
  font-size: 0.9em;
  font-weight: 700;
  color: #037cb5;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.places-address-link:hover {
  color: #023e5a;
  text-decoration: underline;
}

.places-address-research {
  margin-top: 0;
}

.address-layout-intl .js-addr-street { order: 1; }
.address-layout-intl .js-addr-number { order: 2; }
.address-layout-intl .js-addr-suffix { order: 3; }
.address-layout-intl .js-addr-zip { order: 4; }
.address-layout-intl .js-addr-city { order: 5; }

.address-layout-nl .js-addr-zip { order: 1; }
.address-layout-nl .js-addr-number { order: 2; }
.address-layout-nl .js-addr-suffix { order: 3; }
.address-layout-nl .js-addr-street { order: 4; }
.address-layout-nl .js-addr-city { order: 5; }