/* Prod 5: stable Select2 location search layout across home and listing pages. */
.sh-floating-whatsapp {
  position: fixed !important;
  z-index: 1200 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(12, 10, 7, .22) !important;
}

.sh-floating-whatsapp {
  left: 22px !important;
  bottom: 24px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 999px !important;
  background: #25d366 !important;
  color: #fff !important;
  font-size: 29px !important;
}

.sh-floating-whatsapp-icon {
  display: block !important;
  width: 29px !important;
  height: 29px !important;
  fill: currentColor !important;
}

.sh-floating-whatsapp:hover {
  transform: translateY(-2px) !important;
  color: #fff !important;
}

@media (max-width: 640px) {
  .sh-floating-whatsapp {
    left: 16px !important;
    bottom: 18px !important;
    width: 50px !important;
    height: 50px !important;
    font-size: 25px !important;
  }

  .sh-floating-whatsapp-icon {
    width: 25px !important;
    height: 25px !important;
  }
}

.search-modern-form .field,
.w3l-cover-3 .input-src,
.w3l-cover-3 .row2,
.w3l-cover-3 .src-select,
.w3l-cover-3 .inputsrc-com {
  min-width: 0 !important;
}

.search-modern-form .select2-container,
.w3l-cover-3 .select2-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.search-modern-form .select2-container--default .select2-selection--multiple,
.w3l-cover-3 .select2-container--default .select2-selection--multiple {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.search-modern-form .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.w3l-cover-3 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.search-modern-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.w3l-cover-3 .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  max-width: min(310px, 44%) !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.search-modern-form .select2-container.has-search-selection .select2-selection__choice,
.w3l-cover-3 .select2-container.has-search-selection .select2-selection__choice {
  max-width: min(260px, 34%) !important;
}

.search-modern-form .select2-container--default .select2-selection--multiple .select2-selection__choice__more,
.w3l-cover-3 .select2-container--default .select2-selection--multiple .select2-selection__choice__more {
  flex: 0 0 auto !important;
  max-width: 120px !important;
  background: rgba(235, 109, 18, .12) !important;
  color: var(--flame) !important;
}

.search-modern-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.w3l-cover-3 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  flex: 0 0 auto !important;
}

.search-modern-form .select2-container--default .select2-selection--multiple .select2-search,
.w3l-cover-3 .select2-container--default .select2-selection--multiple .select2-search {
  display: block !important;
  flex: 1 1 140px !important;
  min-width: 90px !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.search-modern-form .select2-container.has-search-selection .select2-search,
.w3l-cover-3 .select2-container.has-search-selection .select2-search {
  flex: 0 1 118px !important;
  min-width: 64px !important;
}

.search-modern-form .select2-container--default .select2-selection--multiple .select2-search__field,
.w3l-cover-3 .select2-container--default .select2-selection--multiple .select2-search__field {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.search-modern-form .select2-dropdown,
.w3l-cover-3 .select2-dropdown,
.search-pane .select2-dropdown,
.w3l-cover-3 .select2-container--open .select2-dropdown {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: auto !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.sh-home .select2-dropdown,
.search-modern-form .select2-dropdown {
  background: #fff !important;
  border: 1px solid rgba(33, 28, 18, .16) !important;
  border-radius: 0 0 4px 4px !important;
  color: var(--ink) !important;
  box-shadow: 0 18px 50px rgba(12, 10, 7, .18) !important;
}

.sh-home .select2-results__option,
.search-modern-form .select2-results__option {
  color: var(--ink) !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  padding: 14px 20px !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.sh-home .select2-container--default .select2-results__option--highlighted[aria-selected],
.search-modern-form .select2-container--default .select2-results__option--highlighted[aria-selected],
.sh-home .select2-container--default .select2-results__option[aria-selected=true],
.search-modern-form .select2-container--default .select2-results__option[aria-selected=true] {
  background: linear-gradient(105deg, var(--flame), #f2c84b) !important;
  color: #fff !important;
}

@media (min-width: 992px) {
  .search-modern-form .field:first-child {
    overflow: hidden !important;
  }
}

@media (max-width: 640px) {
  .search-modern-form .select2-container--default .select2-selection--multiple .select2-selection__rendered,
  .w3l-cover-3 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    gap: 6px !important;
  }

  .search-modern-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
  .w3l-cover-3 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: 48% !important;
    font-size: 12px !important;
  }

  .search-modern-form .select2-container.has-search-selection .select2-selection__choice,
  .w3l-cover-3 .select2-container.has-search-selection .select2-selection__choice {
    max-width: 46% !important;
  }

  .search-modern-form .select2-container--default .select2-selection--multiple .select2-search,
  .w3l-cover-3 .select2-container--default .select2-selection--multiple .select2-search {
    flex-basis: 110px !important;
    min-width: 70px !important;
  }

  .search-modern-form .select2-container.has-search-selection .select2-search,
  .w3l-cover-3 .select2-container.has-search-selection .select2-search {
    flex: 0 1 76px !important;
    min-width: 50px !important;
  }

  .sh-home .hero-modern .select2-dropdown,
  .sh-home .hero-modern .select2-container--open .select2-dropdown,
  .sh-home .search-modern-form .select2-dropdown {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    background: rgba(253, 252, 248, 0.98) !important;
    border: 1px solid rgba(235, 109, 18, 0.35) !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 18px 44px rgba(12, 10, 7, 0.24) !important;
    color: var(--ink) !important;
    z-index: 40 !important;
  }

  .sh-home .hero-modern .select2-results__option,
  .sh-home .search-modern-form .select2-results__option {
    color: var(--ink) !important;
    background: transparent !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    padding: 13px 16px !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  .sh-home .hero-modern .select2-container--default .select2-results__option--highlighted[aria-selected],
  .sh-home .hero-modern .select2-container--default .select2-results__option[aria-selected=true],
  .sh-home .search-modern-form .select2-container--default .select2-results__option--highlighted[aria-selected],
  .sh-home .search-modern-form .select2-container--default .select2-results__option[aria-selected=true],
  .sh-home .select2-results__option--highlighted[aria-selected],
  .sh-home .select2-results__option[aria-selected=true] {
    background: linear-gradient(105deg, var(--flame), #f2c84b) !important;
    color: #fff !important;
  }
}
