.search-horizontal-inner .form-select {
  position: relative;
  max-width: 250px;
  display: flex;
  flex-grow: 1;
  border-left: 1px solid var(--civi-color-border);
  width: 220px !important;
}

.search-horizontal-inner .form-select i {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #9b9b9b;
}

.form-archive-top-filter {
  background-color: #fff !important;
  border-radius: 50px !important;

  .custom-location-top-filter {
    .icon-location {
      position: absolute;
      top: 50%;
      left: 32px;
      transform: translate(-50%, -50%);
      font-size: 20px;
      color: #9b9b9b;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .icon-arrow {
      pointer-events: none;
    }
  }
}

.archive-layout .archive-filter-top .form-archive-top-filter .custom-location-top-filter select.civi-select2 {
  height: 70px !important;
  visibility: hidden !important;
}

/* Ensure jobs, company, and candidate location Select2 work */
.archive-filter-top .form-archive-top-filter .custom-location-top-filter .select2-container {
  pointer-events: auto !important;
  cursor: pointer !important;
  width: 100% !important;
}

.archive-filter-top .form-archive-top-filter .custom-location-top-filter .select2-selection {
  pointer-events: auto !important;
  cursor: pointer !important;
  height: 70px !important;
}

.archive-filter-top .form-archive-top-filter .custom-location-top-filter .select2-selection__rendered {
  padding-left: 0 !important;
}

/* Select2 dropdown styling */
.archive-filter-top .form-archive-top-filter .custom-location-top-filter .select2-dropdown {
  border: 1px solid var(--civi-color-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.archive-filter-top .form-archive-top-filter .custom-location-top-filter .select2-results__option {
  padding: 8px 12px !important;
}

.archive-filter-top .form-archive-top-filter .custom-location-top-filter .select2-results__option--highlighted {
  background-color: var(--civi-color-primary) !important;
  color: white !important;
}

.archive-filter-top .form-archive-top-filter .custom-location-top-filter .select2.select2-container {
  padding-left: 44px !important;
}

.search-horizontal-inner .form-select i.fa-angle-down {
  display: none;
}
.search-horizontal-inner .form-select .select2.select2-container {
  padding: 0px 10px 0 30px;
}

.search-horizontal-inner .form-select .select2-selection__rendered li input {
  width: 100% !important;
}

.search-horizontal-inner select [value="All states"] {
  color: #9b9b9b;
}
