@import '../../index.less';
@btri-breadcrumb: ~'@{ant-prefix}-btri-breadcrumb';
@btri-breadcrumb-box: ~'@{ant-prefix}-btri-breadcrumb-box';
@btri: ~'@{ant-prefix}-btri';
@btri-menu: ~'@{btri}-menu';

.@{btri-breadcrumb} {
  &-ellipsis + .anticon {
    display: none;
  }
  &-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    display: flex;
    align-items: flex-end;
  }
}
.@{btri-breadcrumb-box} {
  display: flex;
  align-items: center;
  & > ol > li {
    display: flex;
    align-items: center;
  }
  & > span {
    display: flex;
    align-items: center;
  }
  .@{ant-prefix}-breadcrumb-separator {
    margin: 0 12px;
    color: var(--caption-font);
  }
  .@{ant-prefix}-dropdown-open {
    .@{btri}-icon-box {
      transform: rotate(180deg);
      transition: 0.3s all linear;
      color: var(--primary-color);
    }
    .@{btri-breadcrumb}-item {
      .anticon-home {
        font-size: var(--h2-font-size);
      }
      a {
        color: var(--primary-color);
      }
    }
  }
  .@{btri-breadcrumb}-toopTipsClass {
    .@{btri}-tooltip-box {
      max-width: 154px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
    }
  }
}

.@{ant-prefix}-breadcrumb {
  a:hover {
    color: var(--primary-color) !important;
  }
}
.@{btri-breadcrumb}-BreadCrumb-DropDown {
  font-size: var(--h3-font-size);
  .@{btri-menu}-box {
    min-width: 128px;
    border: 1px solid var(--primary-2);
    box-shadow: var(--box-shadow-2);
    border-radius: var(--border-radius-base);
  }
  .@{ant-prefix}-dropdown-menu-title-content {
    font-size: var(--h3-font-size);
  }
}

.@{btri-breadcrumb}-overlay {
  display: flex;
  align-items: center;
  .@{btri}-icon-box {
    font-size: 16px;
    margin-left: 8px;
  }
}

.@{btri-breadcrumb}-Icons {
  margin-right: 4px;
  font-size: var(--h2-font-size);
}

.@{ant-prefix}-breadcrumb-overlay-link {
  .anticon {
    display: none;
  }
}