/**
 * 自定义主题样式 - 活力橙金现代风格
 * 配色方案：明快橙金色系，温暖活力，与页面橙色图标完美搭配
 */

/* ============================================
   主按钮样式 - 活力橙金渐变
   ============================================ */

/* 主按钮背景和边框 */
.van-button--default,
.van-button--primary,
.cx-button-warp,
button[style*="rgb(200, 0, 29)"],
button[style*="rgb(200,0,29)"],
button[style*="#c8001d"],
.van-button--large,
.van-button--block,
.van-button--round {
    background: linear-gradient(135deg, #FFA836 0%, #FF8C00 100%) !important;
    border: 1px solid #FF8C00 !important;
    border-color: #FF8C00 !important;
    box-shadow:
        0 4px 16px 0 rgba(255, 140, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
}

/* 按钮光泽效果 */
.van-button--default::before,
.van-button--primary::before,
.cx-button-warp::before,
.van-button--large::before,
.van-button--block::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
    transition: left 0.5s;
}

/* 按钮悬停/按下效果 */
.van-button--default:active,
.van-button--primary:active,
.cx-button-warp:active,
.van-button--large:active,
.van-button--block:active {
    background: linear-gradient(135deg, #FF9F1C 0%, #FF7F00 100%) !important;
    box-shadow:
        0 2px 10px 0 rgba(255, 127, 0, 0.45),
        inset 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(1px);
}

/* ============================================
   强制所有按钮内文字为白色 - 最高优先级
   ============================================ */

/* 方法1：直接针对按钮元素 */
.van-button,
.van-button--default,
.van-button--primary,
.van-button--large,
.van-button--block,
.van-button--round,
.cx-button-warp,
button {
    color: #ffffff !important;
}

/* 方法2：针对按钮内所有内容容器 */
.van-button .van-button__content,
.van-button--default .van-button__content,
.van-button--primary .van-button__content,
.van-button--large .van-button__content,
.van-button--block .van-button__content,
.cx-button-warp .van-button__content {
    color: #ffffff !important;
}

/* 方法3：针对按钮内的文字元素 */
.van-button .van-button__text,
.van-button--default .van-button__text,
.van-button--primary .van-button__text,
.van-button--large .van-button__text,
.van-button--block .van-button__text,
.cx-button-warp .van-button__text {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* 方法4：针对按钮内所有span元素 */
.van-button span,
.van-button--default span,
.van-button--primary span,
.van-button--large span,
.van-button--block span,
.cx-button-warp span,
button span {
    color: #ffffff !important;
}

/* 方法5：针对按钮内所有div元素 */
.van-button div,
.van-button--default div,
.van-button--primary div,
.van-button--large div,
.van-button--block div,
.cx-button-warp div,
button div {
    color: #ffffff !important;
}

/* 方法6：针对按钮内所有元素（通配符） */
.van-button *,
.van-button--default *,
.van-button--primary *,
.van-button--large *,
.van-button--block *,
.cx-button-warp *,
button * {
    color: #ffffff !important;
}

/* 方法7：覆盖内联样式中的文字颜色 */
.van-button [style*="color"],
.van-button--default [style*="color"],
.van-button--primary [style*="color"],
.cx-button-warp [style*="color"],
button [style*="color"] {
    color: #ffffff !important;
}

/* ============================================
   强调/警告按钮 - 深橙红色
   ============================================ */
.van-button--warning,
.van-button--danger {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    border-color: #F7931E !important;
    box-shadow:
        0 4px 16px 0 rgba(247, 147, 30, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.van-button--warning *,
.van-button--danger * {
    color: #ffffff !important;
}

/* ============================================
   其他UI组件配色 - 橙金色系
   ============================================ */

/* 标签页选中状态 */
.van-tab--active {
    color: #FF8C00 !important;
}

.van-tabs__line {
    background-color: #FF8C00 !important;
}

/* 单选框/复选框选中状态 */
.van-checkbox__icon--checked .van-icon,
.van-radio__icon--checked .van-icon {
    background-color: #FF8C00 !important;
    border-color: #FF8C00 !important;
}

/* 步骤条激活状态 */
.van-step--finish .van-step__circle,
.van-step--process .van-step__circle {
    background-color: #FF8C00 !important;
    border-color: #FF8C00 !important;
}

/* 进度条 */
.van-progress__portion {
    background-color: #FF8C00 !important;
}

/* 滑块 */
.van-slider__button {
    background-color: #FF8C00 !important;
    border-color: #FF8C00 !important;
}

.van-slider__bar {
    background-color: #FF8C00 !important;
}

/* 开关 */
.van-switch--on {
    background-color: #FF8C00 !important;
}

/* 徽标 */
.van-badge,
.van-badge--fixed {
    background-color: #FF6B35 !important;
}

/* 通知栏 */
.van-notice-bar {
    background-color: #FFF4E6 !important;
    color: #D97706 !important;
}

/* 标签 */
.van-tag--primary {
    background-color: #FF8C00 !important;
    color: #fff !important;
}

/* 导航栏 */
.van-nav-bar__title {
    color: #D97706 !important;
}

/* 链接颜色 */
a,
.van-cell__value--link {
    color: #FF8C00 !important;
}

/* 加载状态 */
.van-loading__spinner {
    color: #FF8C00 !important;
}

/* ============================================
   通用覆盖规则 - 批量替换所有红色
   ============================================ */

/* 1. 覆盖内联样式中的红色背景 */
[style*="background: rgb(200, 0, 29)"],
[style*="background: rgb(200,0,29)"],
[style*="background-color: rgb(200, 0, 29)"],
[style*="background-color: rgb(200,0,29)"],
[style*="background:#c8001d"],
[style*="background-color:#c8001d"],
[style*="background: #c8001d"],
[style*="background-color: #c8001d"] {
    background: linear-gradient(135deg, #FFA836 0%, #FF8C00 100%) !important;
    border-color: #FF8C00 !important;
    color: #ffffff !important;
}

/* 覆盖红色背景的元素内的所有子元素文字颜色 */
[style*="background: rgb(200, 0, 29)"] *,
[style*="background-color: rgb(200, 0, 29)"] *,
[style*="background:#c8001d"] *,
[style*="background-color:#c8001d"] * {
    color: #ffffff !important;
}

/* 2. 覆盖内联样式中的红色边框 */
[style*="border-color: rgb(200, 0, 29)"],
[style*="border-color: rgb(200,0,29)"],
[style*="border-color:#c8001d"],
[style*="border-color: #c8001d"] {
    border-color: #FF8C00 !important;
}

/* 3. 覆盖内联样式中的红色文字（非按钮内，排除价格等需要保持红色的文字） */
/* 已注释掉，避免影响价格、金额等红色文字显示 */
/*
[style*="color: rgb(200, 0, 29)"]:not(button):not(.van-button):not(.van-button *),
[style*="color:#c8001d"]:not(button):not(.van-button):not(.van-button *) {
    color: #FF8C00 !important;
}
*/

/* ============================================
   通用元素覆盖 - 已禁用
   太过宽泛，会影响到只有文字颜色为红色的元素
   ============================================ */

/* 已注释掉通用覆盖规则 */
/*
button[style*="rgb(200"],
div[style*="rgb(200"],
span[style*="rgb(200"],
a[style*="rgb(200"],
button[style*="#c8001d"],
div[style*="#c8001d"],
span[style*="#c8001d"],
a[style*="#c8001d"] {
    background: linear-gradient(135deg, #FFA836 0%, #FF8C00 100%) !important;
    border-color: #FF8C00 !important;
}

button[style*="rgb(200"] *,
div[style*="rgb(200"] *,
span[style*="rgb(200"] *,
a[style*="rgb(200"] *,
button[style*="#c8001d"] *,
div[style*="#c8001d"] *,
span[style*="#c8001d"] *,
a[style*="#c8001d"] * {
    color: #ffffff !important;
}
*/

/* ============================================
   特殊处理：底部固定按钮
   ============================================ */
.van-button--large,
.van-button--block {
    min-height: 44px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* 确保底部按钮文字绝对可见 */
.van-button--large *,
.van-button--block * {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}

/* ============================================
   额外优化：增强按钮质感
   ============================================ */

/* 按钮文字微微加粗，提升可读性 */
.van-button__text {
    letter-spacing: 0.3px !important;
}

/* 为大按钮添加更强的立体感 */
.van-button--large,
.van-button--block {
    box-shadow:
        0 6px 20px 0 rgba(255, 140, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

/* ============================================
   自定义按钮：ActivationBtn - 立即激活
   只改背景和边框颜色，不改文字颜色
   ============================================ */
.ActivationBtn,
div.ActivationBtn,
[class*="ActivationBtn"] {
    background: linear-gradient(135deg, #FFA836 0%, #FF8C00 100%) !important;
    border-color: #FF8C00 !important;
    box-shadow:
        0 4px 16px 0 rgba(255, 140, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* ActivationBtn 按下效果 */
.ActivationBtn:active,
div.ActivationBtn:active,
[class*="ActivationBtn"]:active {
    background: linear-gradient(135deg, #FF9F1C 0%, #FF7F00 100%) !important;
    box-shadow:
        0 2px 10px 0 rgba(255, 127, 0, 0.45),
        inset 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

/* ============================================
   权益订单页按钮样式
   ============================================ */

/* 1. "点击使用" 按钮 - 浅橙填充按钮（只针对按钮，不影响时间文本） */
.couponCodeTypeHead .span_2,
.couponCodeTypeHead span.span_2 {
    background: rgba(255, 140, 0, 0.12) !important;
    border-color: #FF8C00 !important;
    color: #FF8C00 !important;
}

/* 点击使用按钮 - 按下效果 */
.couponCodeTypeHead .span_2:active,
.couponCodeTypeHead span.span_2:active {
    background: rgba(255, 140, 0, 0.2) !important;
    border-color: #FF7F00 !important;
}

/* 2. "更多订单" 底部按钮 - 改背景颜色 */
.PublicBtn,
.BottomFixedBtn,
div.PublicBtn,
div.BottomFixedBtn,
.PublicBtn.BottomFixedBtn,
.PublicBtn.Select {
    background: linear-gradient(135deg, #FFA836 0%, #FF8C00 100%) !important;
    border-color: #FF8C00 !important;
    box-shadow:
        0 4px 16px 0 rgba(255, 140, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* 按下效果 */
.PublicBtn:active,
.BottomFixedBtn:active {
    background: linear-gradient(135deg, #FF9F1C 0%, #FF7F00 100%) !important;
    box-shadow:
        0 2px 10px 0 rgba(255, 127, 0, 0.45),
        inset 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}