@use "sass:string";

.fuzzy-combo-box {
  -fx-border-color: -df-background-lighter;
  -fx-border-width: 1px;

  .text-field {
    -fx-border-width: 0px;
    -fx-cursor: default;
    -fx-max-height: 25px;
    -fx-min-height: 25px;

    &:focused {
      -fx-background-color: -df-background-light;
      -fx-border-color: -df-background-lighter;
      -fx-border-width: 0px;
    }

    &.unmatched {
      -fx-text-fill: -df-text;
      .text {
        -fx-strikethrough: true;
      }
    }
  }

  .arrow-button {
    -fx-max-height: 25px;
    -fx-min-height: 25px;
    -fx-padding: 10px 6px 10px 8px;

    > .arrow {
      -fx-background-color: -df-text-dark;
      -fx-shape: "M 0 0 h 7 l -3.5 4 z";
    }
  }

  &.showing {
    .arrow-button > .arrow {
      -fx-background-color: -df-text;
      -fx-rotate: 180;
    }
  }
}

.fuzzy-combo-box.field-error #fuzzy-choices-list-view {
  -fx-background-color: -df-defold-red;
}

.fuzzy-combo-box.field-warning #fuzzy-choices-list-view {
  -fx-background-color: -df-defold-yellow;
}

.fuzzy-combo-box.field-info #fuzzy-choices-list-view {
  -fx-background-color: -df-defold-blue-lighter;
}

#fuzzy-choices-list-view {
  -fx-background-color: -df-background-lighter;
  -fx-background-radius: 0px;
  -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 12, 0.0, 0, 8);

  .scroll-bar:horizontal .increment-arrow,
  .scroll-bar:horizontal .decrement-arrow,
  .scroll-bar:horizontal .increment-button,
  .scroll-bar:horizontal .decrement-button {
    -fx-padding: 0px;
  }
}
.completion-popup-list-view {
  -fx-effect: string.unquote("null") !important;
}
.completion-popup-background {
  -fx-background-color: -df-background-light;
  -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.2), 12, 0.0, 0, 8);
}
.completion-popup-hint {
  -fx-background-color: -df-background-light;
  -fx-border-color: -df-background;
  -fx-border-width: 1px 0 0 0;
  -fx-padding: 0 2px;
  -fx-text-fill: -df-text-dark;
  -fx-font-size: 11px;
}