/**
 *
 * This file may have been modified by Bytedance Inc. (“Bytedance Inc.'s Modifications”). 
 * All Bytedance Inc.'s Modifications are Copyright (year) Bytedance Inc..  
 * 
 * This source code is licensed under the Apache license.
 * See LICENSE file in the project root for license information.
 *
 */
@import '../../../styles/variables.less';
@import '../../../styles/mixins.less';

.@{ant-prefix}-sp-breadcrumb {
  .font-body-regular();
  color: @breadcrumb-base-color;
  .breadcrumb-item-link {
    color: @breadcrumb-base-color;
  }
  &.sp-breadcrumb-title {
    .highlight,
    .highlight .breadcrumb-item-link {
      font-weight: 500;
    }
  }
  .highlight,
  .highlight .breadcrumb-item-link {
    color: @breadcrumb-highlight-color;
  }

  .hover-status:not(.highlight) {
    cursor: pointer;
    &:hover,
    .breadcrumb-item-link:hover {
      color: @breadcrumb-base-hover-color;
    }
    &:active,
    .breadcrumb-item-link:active {
      color: @breadcrumb-base-active-color;
    }
  }
  .disabled-status,
  .disabled-status .breadcrumb-item-link {
    cursor: not-allowed;
    color: @breadcrumb-disable-color;
  }
  .sp-breadcrumb-more {
    cursor: pointer;
    border-radius: @corner-s;
    &.open-more,
    &:hover {
      background-color: @color-fill-deepen-4;
    }
    > svg {
      vertical-align: bottom;
    }
  }
  .breadcrumb-separator {
    margin: 0 @spacing-xs;
    font-size: 16px;
    vertical-align: bottom;
  }
}