/* ===== 品牌色变量覆盖 ===== */
:root {
  --bs-primary: #6b4423;
  --bs-primary-rgb: 107, 68, 35;
  --bs-link-color: #6b4423;
  --bs-link-hover-color: #8b5e3c;
  
  /* 按钮变量 */
  --bs-btn-bg: #6b4423;
  --bs-btn-border-color: #6b4423;
  --bs-btn-hover-bg: #8b5e3c;
  --bs-btn-hover-border-color: #8b5e3c;
  --bs-btn-active-bg: #4a2e18;
  --bs-btn-active-border-color: #4a2e18;
  --bs-btn-disabled-bg: #6b4423;
  --bs-btn-disabled-border-color: #6b4423;
  
  /* 焦点环 */
  --bs-focus-ring-color: rgba(107, 68, 35, 0.25);
  
  /* 全局字体 */
  --bs-body-font-family: Inter, system-ui, sans-serif;
}

/* ===== 按钮主色直接覆盖 ===== */
.btn-primary {
  background-color: #6b4423 !important;
  border-color: #6b4423 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #8b5e3c !important;
  border-color: #8b5e3c !important;
}
.btn-primary:active {
  background-color: #4a2e18 !important;
  border-color: #4a2e18 !important;
}

/* 轮廓按钮 */
.btn-outline-primary {
  color: #6b4423 !important;
  border-color: #6b4423 !important;
}
.btn-outline-primary:hover {
  background-color: #6b4423 !important;
  color: #fff !important;
}

/* ===== 链接 ===== */
a:not(.btn):not(.nav-link) {
  color: #6b4423;
}
a:not(.btn):not(.nav-link):hover {
  color: #8b5e3c;
}

/* ===== Header 导航栏 ===== */
.navbar,
header.bg-primary,
header[class*="bg-"] {
  background-color: #f5efe6 !important;
}
.navbar .nav-link,
.navbar-brand,
header .nav-link {
  color: #4a2e18 !important;
}
/* 导航栏文字颜色（默认状态） */
.navbar .nav-link,
.navbar-brand,
header .nav-link {
  color: #4a2e18 !important;
}

/* 导航栏文字颜色（悬停状态） */
.navbar .nav-link:hover,
.navbar-brand:hover,
header .nav-link:hover {
  color: #0000ff !important;
}

.navbar-brand {
  font-size: 1rem;  /* 原 Bootstrap 默认值约 1.25rem，你可自由调整 */
}

/* ===== 汉堡菜单图标（动态颜色，正确编码）===== */
.navbar {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%234a2e18' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon,
.navbar .navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% !important;
}

/* ===== Footer ===== */
footer {
  background-color: #2c1a0e !important;
  color: #e8dccc !important;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #e8dccc !important;
}
footer a {
  color: #c49a6c !important;
}
footer a:hover {
  color: #ffffff !important;
}
footer .text-white-50 {
  color: #e8dccc !important;
  opacity: 0.7;
}

/* ===== 侧边栏激活状态（产品列表页） ===== */
.list-group-item.active {
  background-color: rgba(107, 68, 35, 0.15) !important;
  border-color: rgba(107, 68, 35, 0.3) !important;
  color: #6b4423 !important;
}

/* ===== 表单焦点 ===== */
.form-control:focus,
.form-select:focus {
  border-color: #8b5e3c !important;
  box-shadow: 0 0 0 0.25rem rgba(107, 68, 35, 0.25) !important;
}
.form-check-input:checked {
  background-color: #6b4423 !important;
  border-color: #6b4423 !important;
}

/* ===== 图标默认继承文字色 ===== */
.bi {
  color: inherit;
}

/* ===== 自定义滚动条（可选） ===== */
::-webkit-scrollbar-thumb {
  background-color: #6b4423;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #8b5e3c;
}

/* ===== 自定义选中标签栏高亮 ===== */
.tax-filter-btn.active,
.badge.active {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
  border-color: var(--bs-primary) !important;
}

/* 属性标签通用样式（静态链接和动态按钮共用） */
.tax-filter-btn,
a.tax-filter-btn,
.badge.tax-filter-btn {
  padding: 0.35rem 0.65rem;
  font-size: 0.75rem;
  border-radius: 0.375rem;
  transition: all 0.15s ease;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;      /* 防止计数换行 */
}

/* 悬停效果 */
.tax-filter-btn:hover,
a.tax-filter-btn:hover {
  background-color: var(--bs-gray-200) !important;
  border-color: var(--bs-gray-400) !important;
}

/* 激活（选中）状态（与之前保持一致） */
.tax-filter-btn.active,
a.tax-filter-btn.active {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
  border-color: var(--bs-primary) !important;
}

/* 一级属性标题微调 */
.taxonomy-title {
  margin-bottom: 0.5rem;
}