@import '../style/var.less';

.enhance-select {
  width: 100%;
  > .zt-cell {
    > :deep(.van-icon) {
      line-height: 24px;
    }
  }
  .zt-cell {
    // color: @weight-3;

    :deep(.van-cell__title) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: flex;
      flex-direction: column;
      > .enhance-select--title {
        display: inline-block;
        width: 94%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      > .enhance-select--title-wrap {
        display: inline-block;
        width: 94%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
      }
    }
    .clear-icon {
      font-size: 16px;
      line-height: inherit;
    }

    .enhance-select--placeholder {
      color: @weight-2;
    }

    .enhance-select--text {
      color: @font-color-1;
    }

    .enhance-select--multiple {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: -10px;
      max-height: 130px;
      overflow-y: auto;
      > span {
        margin-right: 10px;
        margin-bottom: 10px;
      }
      &.enhance-select--multiple_ellipsis {
        max-height: 24px;
      }
    }

    &.enhance-select--disabled {
      color: @disabled;
      background: @disabled;

      .enhance-select--text {
        color: @disabled;
      }

      .enhance-select--multiple {
        > span {
          background: @disabled;
        }
      }
    }
  }

  :deep(.enhance-select--action-sheet) {
    .enhance-select--search {
      &::after {
        border-radius: 10px;
      }
    }
    .enhance-select--container {
      min-height: 150px;
      .van-checkbox {
        pointer-events: none;
      }
      .van-loading {
        padding-top: 0;
      }
    }
  }
}