/* Searchable longer lists; strictly scoped to enhanced select controls. */
.wh-search-picker { display: block; position: relative; width: 100%; min-width: 0; }
.wh-search-picker > select.wh-search-native {
  position: absolute !important; width: 1px !important; height: 1px !important;
  opacity: 0 !important; pointer-events: none !important; overflow: hidden !important;
  padding: 0 !important; border: 0 !important; margin: 0 !important;
  clip-path: inset(50%) !important; left: 0 !important; top: 0 !important;
}
.wh-search-picker > input.wh-search-input {
  display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0;
  padding-right: 36px !important; background-color: #fff;
}
.wh-search-picker::after {
  content: '⌄'; position: absolute; right: 14px; top: 50%; transform: translateY(-55%);
  color: #738894; font-size: 20px; line-height: 1; pointer-events: none;
}
.wh-dropdown-results {
  position: fixed; z-index: 10050; box-sizing: border-box; overflow-y: auto;
  overscroll-behavior: contain; background: #fff; border: 1px solid #cadbe2;
  border-radius: 9px; box-shadow: 0 9px 25px rgba(2,31,45,.15);
  padding: 4px; color: #153449; font-size: 14px;
}
.wh-dropdown-results[hidden] { display: none !important; }
.wh-dropdown-option { padding: 10px 12px; border-radius: 6px; cursor: pointer; line-height: 1.35; }
.wh-dropdown-option:hover, .wh-dropdown-option.is-active { background: #eef4f7; color: #021f2d; }
.wh-dropdown-option.is-selected { font-weight: 700; }
.wh-dropdown-empty { padding: 11px 12px; color: #647d87; }
@media (max-width: 600px) { .wh-dropdown-option { padding: 12px; } }

/* Keep the professional council's optional free-text field visually consistent
   with the enhanced selects (it may contain an unlisted council name). */
.wh-council-picker > input.wh-council-search {
  display: block; box-sizing: border-box; width: 100%; min-width: 0;
  padding-right: 36px !important; background-color: #fff;
}

/* One arrow per enhanced searchable field, not an extra native clear icon. */
.wh-search-picker > input.wh-search-input::-webkit-search-cancel-button { display: none; }