/* ==================== 通用面包屑组件样式 ==================== */
/* 基于 Element Plus el-breadcrumb */

.page-breadcrumb {
    background: #fff;
    border-bottom: 1px solid var(--portal-border, #e0e0e0);
    margin-top: 10px;
}

.page-breadcrumb .el-breadcrumb {
    max-width: var(--portal-container-width, 1200px);
    margin: 0 auto;
    padding: 12px 20px;
    font-size: 13px;
}

/* 首页链接 */
.page-breadcrumb .el-breadcrumb-item__inner a {
    color: var(--portal-text-secondary, #666);
    transition: color 0.2s;
}

.page-breadcrumb .el-breadcrumb-item__inner a:hover {
    color: var(--portal-primary, #c62828);
}

/* 首页图标 */
.breadcrumb-home-icon {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 2px;
    color: var(--portal-text-muted, #999);
}

/* ==================== Element Plus 分隔符覆盖 ==================== */
/* 移除默认箭头，替换为纯文本 "/" */
.el-breadcrumb__item {
    display: inline-flex;
    align-items: center;
}

.el-breadcrumb__separator {
    color: var(--portal-text-muted, #999);
    margin: 0 6px;
}

/* 隐藏 el-breadcrumb 默认通过 CSS ::before 生成的箭头分隔符 */
.el-breadcrumb-item__inner::after,
.el-breadcrumb-item__inner::before {
    display: none !important;
}

/* 当前页（末级，不可点击） */
.page-breadcrumb .el-breadcrumb-item__inner {
    color: var(--portal-text-muted, #999);
}

/* ==================== H5 响应式 ==================== */
@media (max-width: 768px) {
    .page-breadcrumb .el-breadcrumb {
        padding: 10px 16px;
        font-size: 12px;
    }
}