/**
 * ==========================================================================
 * SELECT2 CUSTOMIZATIONS
 * ==========================================================================
 * 
 * Custom styles for Select2 dropdown plugin.
 * Moved from css/custom-select2.css during 2026-02-05 reorganization.
 * 
 * @package Verimus
 * @since 2.0.0
 * ==========================================================================
 */

.select2-container--default .select2-selection--single {
  border-radius: 10px;
  padding: 6.5px;
  border-color: var(--grayscale-150);
  display: flex;
  align-items: center;
  margin-top: 0px;
  background-color: var(--white-100);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 5px !important;
}

.select2-selection__clear {
  position: absolute;
  right: 15px;
}

/*.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  padding: 0!important;
  margin: 0!important;
}*/

.select2-container--default .select2-selection--multiple {
  min-height: 45px;
  border-radius: 10px;
  border-color: var(--grayscale-200);
  display: flex;
  align-items: center;
  background-color: var(--grayscale-100);
  color: var(--grayscale-400);
  box-shadow: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin: 0 5px 5px 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 0 !important;
}

.select2-container--default .select2-selection--multiple {
  padding-right: 20px;
  position: relative;
}

.select2-container--default .select2-selection--multiple:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: url('../images/arrow-down.svg') no-repeat right;
  background-size: 100%;
  width: 14px;
  height: 14px;
  pointer-events: none;
}

.select2-larger .select2-container--default .select2-selection--single {
  padding: 13px;
  min-height: 54px;
}

.select2-container--open .select2-dropdown {
  border-color: var(--grayscale-200);
}

/* Single arrow: remove parent background, use b element only */
.select2-selection__arrow {
  background: none !important;
  background-image: none !important;
}

.select2-selection__arrow b {
  display: block !important;
  border: 0;
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5bGluZSBwb2ludHM9IjYgOSAxMiAxNSAxOCA5Ij48L3BvbHlsaW5lPjwvc3ZnPg==) no-repeat center !important;
  background-size: contain !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: rotate(180deg);
  right: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  right: 12px;
  width: 20px;
  top: auto;
}

.select2-results__options {
  font-size: 14px;
}

.select2-results__options li {
  margin-bottom: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--main);
}

.select2-container:focus-visible {
  outline: 0;
}

.select2-selection.select2-selection--multiple {
  border-radius: 10px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  padding: 0 10px;

}

#employees-card .select2-container--default .select2-selection--single,
.dt-table-search-filter .select2-container--default .select2-selection--single {
  background-color: white;
}

.dt-table-search-filter .select2-container--default {
  width: 100% !important;
  height: var(--input-height);
}

.select2-hidden-accessible {
  display: none;
}