/* ----- Field ----- */

.select2-search--dropdown {
  padding: 8px;
}

/* Hide Default Arrow */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  display: none;
}

/* Line Height and Paddings */
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: var(--bde-woo-base-paragraph-line-height);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  font-weight: var(--bde-woo-typography-font-weight-medium);
  color: var(--bde-woo-buttons-and-links__text-link-color);
  margin-top: -0.1em;
}

/* Height Bug Fix */
.select2-container span.selection {
  height: 40px;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single {
  border-radius: var(--bde-woo-forms__inputs-border-radius);
}

/* ----- Dropdown ----- */

/* Dropdown Wrapper */
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
  border: 1px solid var(--bde-woo-forms__inputs-border-color);
  border-radius: var(--bde-woo-forms__inputs-border-radius);
  font-size: var(--bde-woo-typography__size-standard);
  font-family: var(--bde-woo-typography__size-standard-font-family);
  color: var(--bde-woo-forms__inputs-text-color);
  overflow: hidden;
}

.select2-container--open .select2-dropdown--below {
  margin-top: 10px;
}

.select2-container--open .select2-dropdown--above {
  margin-top: -10px;
}

/* Option */
.select2-results__option {
  padding: 8px 12px;
}

/* Hover Option */
.select2-container--default
  .select2-results__option--highlighted[aria-selected],
.select2-container--default
  .select2-results__option--highlighted[data-selected],
.select2-container--default
  .select2-results__option--highlighted[aria-selected]:hover,
.select2-container--default
  .select2-results__option--highlighted[data-selected]:hover {
  background-color: var(--bde-woo-buttons-and-links__text-link-color-hover);
  color: var(--bde-woo-base-text-on-primary-color);
}

/* Selected Option */
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
  color: var(--bde-woo-buttons-and-links__text-link-color);
  background-color: var(--bde-woo-select2__active-item-background-color);
}

/* Widgets Select2 */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  background-color: var(--bde-woo-select2__active-item-background-color);
  border: none;
  line-height: var(--bde-woo-base-heading-line-height);
  padding: 4px 8px 6px 8px;
  border-radius: var(--bde-button-border-radius);
  color: var(--bde-woo-buttons-and-links__text-link-color);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  right: 8px;
  color: var(--bde-woo-buttons-and-links__text-link-color);
  font-weight: var(--bde-woo-typography-font-weight-medium);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover .select2-selection__choice__remove {
  color: var(--bde-woo-base-text-on-primary-color);
}
.select2-container--default .select2-selection--multiple {
  background-color: var(--bde-woo-forms__inpputs-background-color);
  border: 1px solid var(--bde-woo-forms__inputs-border-color);
  border-radius: var(--bde-woo-forms__inputs-border-radius);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid var(--bde-woo-forms__inputs-border-color-focused);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
  padding: 4px 8px 6px 8px;
  color: var(--bde-woo-forms__inputs-placeholder-color);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline:hover {
  background-color: transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin: var(--bde-woo-base-small-gaps) var(--bde-woo-base-small-gaps) 0 0;
}
