/**
 * 主题增强CSS - 让主题变化更明显
 * 在引入theme_loader.php后自动生效
 */

/* ==================== 通用按钮增强 ==================== */

/* 所有主要按钮使用主题渐变色 */
button[type="submit"],
.submit-btn,
.primary-btn,
.action-btn,
input[type="submit"],
.order-btn,
.pay-btn,
.create-btn,
.apply-btn {
    background: linear-gradient(135deg, var(--primary-color, #ff6b6b), var(--secondary-color, #ffd700)) !important;
    color: white !important;
    box-shadow: 0 6px 20px var(--primary-color, rgba(255,107,107,0.6)) !important;
    border: none !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

button[type="submit"]:hover,
.submit-btn:hover,
.primary-btn:hover,
.action-btn:hover,
input[type="submit"]:hover {
    transform: scale(1.05) translateY(-2px) !important;
    box-shadow: 0 8px 25px var(--primary-color, rgba(255,107,107,0.8)) !important;
}

/* ==================== 顶部标题栏增强 ==================== */

/* 注意：.header 在 show.php 中用作背景图片容器，不要覆盖 */

/* ==================== 返回按钮增强 ==================== */

.back-btn,
.back-button,
a[href*="javascript:history.back"],
a[onclick*="history.back"] {
    background: linear-gradient(135deg, var(--primary-color, #ff9800), var(--secondary-color, #ffcc00)) !important;
    color: white !important;
    box-shadow: 0 4px 15px var(--primary-color, rgba(255,152,0,0.6)) !important;
}

.back-btn:hover,
.back-button:hover {
    box-shadow: 0 6px 20px var(--primary-color, rgba(255,152,0,0.8)) !important;
}

/* ==================== 选项卡增强 ==================== */

.tab-item.active,
.tab.active,
.filter-tab.active {
    background: linear-gradient(135deg, var(--primary-color, #ff6b6b), var(--secondary-color, #ffd700)) !important;
    color: white !important;
    box-shadow: 0 4px 15px var(--primary-color, rgba(255,107,107,0.6)) !important;
    transform: scale(1.05) !important;
}

/* ==================== 徽章和标签增强 ==================== */

.badge,
.tag,
.label,
.status-tag {
    border-color: var(--primary-color, #ff6b6b) !important;
}

.badge.active,
.tag.active,
.status-tag.active {
    background: var(--primary-color, #ff6b6b) !important;
    color: white !important;
    box-shadow: 0 2px 10px var(--primary-color, rgba(255,107,107,0.5)) !important;
}

/* ==================== 卡片增强 ==================== */

.card:hover,
.service-card:hover,
.group-card:hover {
    border-color: var(--primary-color, #ff6b6b) !important;
    box-shadow: 0 8px 25px var(--primary-color, rgba(255,107,107,0.3)) !important;
}

/* ==================== 进度条增强 ==================== */

.progress-bar,
.loading-bar,
.percentage-bar {
    background: linear-gradient(90deg, var(--primary-color, #ff6b6b), var(--secondary-color, #ffd700)) !important;
    box-shadow: 0 0 10px var(--primary-color, rgba(255,107,107,0.6)) !important;
}

/* ==================== 链接增强 ==================== */

a:not(.nav-item):hover {
    color: var(--primary-color, #ff6b6b) !important;
}

/* ==================== 图标增强 ==================== */

.icon-primary,
.fa-star,
.fa-heart,
.fa-crown {
    color: var(--secondary-color, #ffd700) !important;
}

/* ==================== 输入框焦点增强 ==================== */

input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color, #ff6b6b) !important;
    box-shadow: 0 0 10px var(--primary-color, rgba(255,107,107,0.3)) !important;
}

/* ==================== 开关和复选框增强 ==================== */

input[type="checkbox"]:checked,
input[type="radio"]:checked,
.switch.active {
    background: var(--primary-color, #ff6b6b) !important;
    border-color: var(--primary-color, #ff6b6b) !important;
}

/* ==================== 分隔线增强 ==================== */

hr,
.divider,
.separator {
    border-color: var(--primary-color, rgba(255,107,107,0.2)) !important;
}

/* ==================== 悬浮卡片增强 ==================== */

.modal,
.popup,
.dialog {
    border-top: 3px solid var(--primary-color, #ff6b6b) !important;
}

/* ==================== 激活状态通用增强 ==================== */

/* ==================== 加载动画增强 ==================== */

.spinner,
.loading-spinner {
    border-top-color: var(--primary-color, #ff6b6b) !important;
}

/* ==================== 高亮文本增强 ==================== */

.highlight,
.emphasize,
.important {
    color: var(--primary-color, #ff6b6b) !important;
}

/* ==================== 数字和价格增强 ==================== */

.price,
.amount,
.count,
.number-highlight {
    color: var(--secondary-color, #ffd700) !important;
    font-weight: bold !important;
}