/* 前台公共头部样式（由 header.html 内联 style 外置） */
.cart-badge {
    position: relative;
    top: -.62em;
    /* 用 inline-flex 让数字在红色圆内水平+垂直双向居中（inline-block 下数字会偏底） */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4em;
    height: 1.4em;
    padding: 0 .38em;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1;
    vertical-align: baseline;
    box-sizing: border-box;
}

/* 分类导航：强制单行不换行（换行会让导航栏变高，各页面高度就不一致了），并收紧左右间距 */
/* 注意：class 用 nav-cate 而非 cate-nav —— 首页 Hero 区已有同名 .cate-nav（含 padding:20px 0），
   若同名会被其样式串味，导致首页导航栏比其他页面高出一截 */
.navbar-nav.nav-cate { flex-wrap: nowrap; padding: 0; margin: 0; }
.navbar-nav.nav-cate .nav-link { padding-left: .65rem; padding-right: .65rem; white-space: nowrap; }
/* 当前所在页面的菜单项高亮（如首页时「首页」加粗纯白） */
.navbar-nav.nav-cate .nav-link.active { color: #fff; font-weight: 600; }

/* 右侧操作区（登录 / 注册 / 购物车 / 商家入驻）：整体靠最右，字号略小于分类导航以突出主导航 */
.navbar-nav.nav-actions .nav-link { font-size: .875rem; }
.navbar-nav.nav-actions .btn { font-size: .8125rem; }
.navbar-nav.nav-actions .dropdown-item { font-size: .875rem; }
/* 统一导航栏行高，保证各页面头部高度一致（不受右侧按钮/下拉内容影响） */
.navbar-nav.nav-actions .nav-item { display: flex; align-items: center; }
.navbar-nav.nav-actions > .nav-item > .nav-link { padding-top: .35rem; padding-bottom: .35rem; line-height: 1.5rem; }

/* 品牌区（左上角）：图标 + 商城名称，flex 保证垂直居中对齐 */
.navbar-brand .brand-logo-img { height: 32px; width: auto; display: block; }
.navbar-brand .brand-logo-ico { height: 28px; width: auto; margin-right: 8px; display: block; }
.navbar-brand .brand-logo-fallback { font-size: 1.5rem; margin-right: 8px; line-height: 1; }
.navbar-brand .brand-name { font-size: 1.15rem; font-weight: 700; letter-spacing: .3px; line-height: 1; }