/**
 * 淡雅配色主题
 * 将整个项目的金色调整为更柔和、更淡雅的色调
 */

/* ========== 全局颜色变量覆盖 ========== */
:root {
    /* 主色调 - 淡雅金色系 */
    --color-primary: #C9B382;
    --color-primary-light: #F5F0E8;
    --color-primary-dark: #A89968;
    --color-primary-hover: #B8A876;
    
    /* 辅助色 */
    --color-accent: #E8DCC8;
    --color-background: #FDFCFA;
    --color-border: #E5DFD5;
}

/* ========== 替换所有 #D4AF37 (原金色) ========== */
/* 背景色 */
[style*="background: #D4AF37"],
[style*="background-color: #D4AF37"],
.bg-gold {
    background-color: #C9B382 !important;
}

/* 渐变背景 */
[style*="linear-gradient"][style*="#D4AF37"] {
    background: linear-gradient(135deg, #C9B382 0%, #A89968 100%) !important;
}

/* 文字颜色 */
[style*="color: #D4AF37"] {
    color: #C9B382 !important;
}

/* 边框颜色 */
[style*="border-color: #D4AF37"],
[style*="border: 1px solid #D4AF37"],
[style*="border: 2px solid #D4AF37"] {
    border-color: #C9B382 !important;
}

/* ========== 替换所有 #B8860B (原深金色) ========== */
[style*="background: #B8860B"],
[style*="background-color: #B8860B"] {
    background-color: #A89968 !important;
}

[style*="color: #B8860B"] {
    color: #A89968 !important;
}

[style*="border-color: #B8860B"] {
    border-color: #A89968 !important;
}

/* ========== 通用类名替换 ========== */
/* 按钮 */
.btn-primary,
.action-btn,
.btn-checkout {
    background: linear-gradient(135deg, #C9B382 0%, #A89968 100%) !important;
}

.btn-primary:hover,
.action-btn:hover,
.btn-checkout:hover {
    background: linear-gradient(135deg, #A89968 0%, #8B7A52 100%) !important;
}

/* 链接 */
a[style*="color: #D4AF37"],
.text-gold {
    color: #C9B382 !important;
}

a[style*="color: #D4AF37"]:hover {
    color: #A89968 !important;
}

/* 高亮文本 */
.highlight,
.summary-value.highlight {
    color: #C9B382 !important;
}

/* 价格显示 */
.price,
.total-price .discounted,
.product-price,
.final-amount {
    color: #C9B382 !important;
}

/* 进度条 */
.progress-bar-fill {
    background: linear-gradient(90deg, #C9B382 0%, #A89968 100%) !important;
}

/* 标签 */
.badge,
.tag,
.label-gold {
    background-color: #C9B382 !important;
}

/* 图标 */
.icon-gold,
[class*="icon"][style*="color: #D4AF37"] {
    color: #C9B382 !important;
}

/* 边框高亮 */
.border-gold,
[style*="border-color: #D4AF37"] {
    border-color: #C9B382 !important;
}

/* 阴影效果 - 更柔和 */
.shadow-gold {
    box-shadow: 0 4px 12px rgba(201, 179, 130, 0.15) !important;
}

/* 悬停效果 */
.hover-gold:hover {
    background-color: #F5F0E8 !important;
    border-color: #C9B382 !important;
}

/* ========== 特定组件样式 ========== */
/* 通知栏 */
.notice {
    background: linear-gradient(135deg, #F5F0E8 0%, #FFF9F0 100%) !important;
    border-bottom: 1px solid rgba(201, 179, 130, 0.2) !important;
}

.notic-icon {
    color: #A89968 !important;
}

/* 卡片悬停 */
.card:hover,
.product-card:hover {
    box-shadow: 0 8px 24px rgba(201, 179, 130, 0.12) !important;
    border-color: #C9B382 !important;
}

/* 表单输入聚焦 */
input:focus,
textarea:focus,
select:focus {
    border-color: #C9B382 !important;
    box-shadow: 0 0 0 3px rgba(201, 179, 130, 0.1) !important;
}

/* 复选框和单选按钮 */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #C9B382 !important;
}

/* 分页器 */
.pagination .active,
.swiper-pagination-bullet-active {
    background-color: #C9B382 !important;
}

/* 缩略图激活状态 */
.thumbnail.active {
    border-color: #C9B382 !important;
    box-shadow: 0 0 20px rgba(201, 179, 130, 0.3) !important;
}

/* 警告提示 */
.mixed-promotion-notice {
    background: linear-gradient(135deg, #F5F0E8 0%, #FFF9F0 100%) !important;
    border: 2px solid #C9B382 !important;
    color: #6B5D42 !important;
}

/* 最低购买数量警告 */
.minimum-quantity-warning {
    background: linear-gradient(135deg, #FFF5F5 0%, #FFE5E5 100%) !important;
    border: 2px solid #E32C2B !important;
}

/* 用户中心头部 */
.user-center-header {
    background: linear-gradient(135deg, #C9B382 0%, #A89968 100%) !important;
}

/* 菜单卡片图标 */
.menu-card-icon {
    background: linear-gradient(135deg, #C9B382 0%, #A89968 100%) !important;
}

.menu-card-icon i {
    color: #C9B382 !important;
}

.menu-card:hover .menu-card-icon i {
    color: white !important;
}

/* 购物车标签 */
.cart-tab.active {
    background: linear-gradient(135deg, #F5F0E8, #E8DCC8) !important;
    border-color: #C9B382 !important;
}

.tab-count {
    background: #C9B382 !important;
}

.cart-tab.active .tab-count {
    background: #A89968 !important;
}

/* 数量控制按钮 */
.quantity-controls button:hover {
    background: #C9B382 !important;
}

/* 促销页面样式 */
.promotion-banner {
    background: linear-gradient(135deg, #F5F0E8 0%, #FFF9F0 100%) !important;
}

.discount-info {
    background: linear-gradient(135deg, #C9B382 0%, #A89968 100%) !important;
}

/* 产品属性激活状态 */
.product-att-item.attr-active {
    background: linear-gradient(135deg, #C9B382 0%, #A89968 100%) !important;
    border-color: #A89968 !important;
}

/* Shop Now 按钮 */
.shop-now-btn {
    background: linear-gradient(135deg, #C9B382 0%, #A89968 100%) !important;
}

.shop-now-btn:hover {
    background: linear-gradient(135deg, #A89968 0%, #8B7A52 100%) !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    /* 移动端按钮 */
    .card-qty-btn-mobile {
        border: 2px solid #C9B382 !important;
        color: #C9B382 !important;
    }
    
    .card-qty-btn-mobile:active {
        background: #C9B382 !important;
    }
}
