/* countryFilter.css */
#country-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 20;
  display: none;
  max-height: 180px;
  overflow-y: auto;
  margin-top: -2px;
  background: white;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
#country-suggestions .active {
  background: var(--iea-icils-teal, #14A2B3) !important;
  color: white !important;
}
#selected-countries .tag,
#selected-countries .label,
#selected-countries .badge {
  margin: 2px 4px 2px 0;
  transition: all 0.2s ease;
  display: inline-block;
}

#selected-countries .tag .delete,
#selected-countries .label .delete,
#selected-countries .badge .delete {
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease;
}

#selected-countries .tag .delete:focus,
#selected-countries .label .delete:focus,
#selected-countries .badge .delete:focus {
  box-shadow: 0 0 0 2px var(--iea-icils-teal, #14A2B3);
  transform: scale(1.1);
  background-color: var(--iea-icils-teal, #14A2B3);
}

#selected-countries .tag .delete:hover,
#selected-countries .label .delete:hover,
#selected-countries .badge .delete:hover {
  background-color: var(--iea-icils-teal, #14A2B3);
}

#selected-countries.has-tags {
  margin-bottom: 1rem;
}