@import url(../var.less);
@import url(../mixins/utils.less);

@breadcrumb-prefix: ~"@{prefix}breadcrumb";

.@{breadcrumb-prefix}{
  font-size: 14px;
  line-height: 1;
  .utils-clearfix();

  &__separator {
    margin: 0 9px;
    font-weight: bold;
    color: @placeholder-text-color;

    &[class*=icon] {
      margin: 0 6px;
      font-weight: normal;
    }
  }

  &__item {
    float: left; 

    .@{breadcrumb-prefix}__inner {
      color: @secondary-text-color;

      &.is-link, & a, .w-dropdown{
        text-decoration: none;
        transition: @color-transition-base;
        color: @secondary-text-color;

        &:hover {
          color: @primary-color;
          cursor: pointer;
        }
      }
     
    }

    &:last-child {
      .w-breadcrumb__inner,
      .w-breadcrumb__inner a {
        &, &:hover {
          font-weight: normal;
          color: @regular-text-color;
          cursor: text;
        }
      }

      .w-breadcrumb__separator {
        display: none;
      }
    }
  }
}