/**
 * Selectify styles specific to Gin admin theme
 */
body .selectify-select.selectify-select-dropdowns .search-input input {
  width: calc(100% - 10px);
  margin: 0 5px;
  padding: 8px 12px 8px 38px;
  line-height: 1.5;
}

body .dual-available,
body .dual-selected,
body .selectify-available-display,
body .selectify-selected-display {
  border-radius: var(--gin-border-m, var(--selectify-select-border-radius));
}

input.selectify-radio[type="radio"],
input.selectify-checkbox[type="checkbox"] {
  border-color: var(--selectify-checkbox-border-color, var(--gin-border-color-form-element))!important;
  color: var(--selectify-select-color, var(--gin-color-text));
}

.wrapper-selectify > .selectify-select {
  padding: 0 !important;
  border: none !important;
}

.selectify-selected-display {
  color: var(--selectify-select-color, var(--gin-color-text));
  line-height: var(--input-line-height);
  padding-block: calc(var(--input-padding-vertical) - 1px);
  padding-inline: var(--input-padding-horizontal);
  min-height: calc(var(--input-padding-vertical) * 2 + var(--input-line-height));
  background-color: var(--gin-bg-input);
  border: 1px solid var(--gin-border-color-form-element);
  border-radius: var(--gin-border-m);
  font-size: var(--input-font-size);
}

.selectify-selected-one-option {
  color: var(--selectify-select-color, var(--gin-color-text));
  font-size: 0.875rem;
  line-height: 1;
}

body .selectify-select-dropdowns .selectify-selected-display {
  padding: var(--input-padding-vertical) var(--input-padding-horizontal);
}

.selectify-select-dropdowns .options-inner .selectify-select-footer {
  background: var(--selectify-select-bg, var(--gin-bg-input));
}

.dual-available,
.dual-selected,
.selectify-available-display,
.selectify-selected-display,
.selectify-select-dropdowns .options-inner .selectify-select-footer {
  background: var(--selectify-select-bg, var(--gin-bg-input));
  color: var(--selectify-select-color, var(--gin-color-text));
  border-color: var(--selectify-select-border-color, var(--gin-border-color-form-element));
}

body .selectify-clear-all,
body .selectify-select .selectify-selected-display {
  border: 1px solid var(--selectify-select-border-color, var(--gin-border-color-form-element));
}

body .selectify-select-dropdowns .selectify-selected-display {
  min-height: calc(var(--input-padding-vertical) * 2 + var(--input-line-height));
}