/* =========================================================
   全站色彩高级覆盖 (Theme Colors Override - 轻奢风)
   主色调：#2c3e50 (深蓝灰 Slate Blue) - 用于头部、主按钮
   点缀色：#c5a880 (香槟金 Champagne) - 用于 Buy Now、次要强调
   折扣色：#d35400 (暖陶土 Terracotta) - 替代刺眼的鲜红
   ========================================================= */

/* ---------------------------------------------------------
   1. 顶部导航条、移动端导航头部 (消灭原版亮蓝色)
--------------------------------------------------------- */
.mean-bar, 
.mean-nav, 
.mobile-menu-heading,
.header-area,
.top-bar,
.shopping-cart-header,
.cart-title,
.top-cart-title,
.block-cart-header,
#dropdown-cart .header,
.mpzen-flyout-container .mobile-nav-heading.close-block,
div.close-flyout.close-block.mobile-nav-heading,
.mpzen-flyout-container .mobile-nav-heading {
    background-color: #2c3e50 !important;
    color: #ffffff !important;
}

/* 确保上述深色区域内的关闭按钮 (X) 和文字是白色的 */
.mean-nav a.meanmenu-reveal,
.cart-title span,
.cart-close-btn,
.mpzen-flyout-container .mobile-nav-heading.close-block {
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   2. 全站主要按钮 (深蓝灰：Add To Cart, Checkout 等)
--------------------------------------------------------- */
.btn-primary,
#button-cart,
.add-to-cart,
.checkout-btn,
a.checkout,
input.checkout,
button.checkout,
.buttonRow .btn,
.subscribe-btn,
#mc_embed_signup input[type="submit"],
.cart-buttons a.checkout,
.button_in_cart,
.button_checkout,
input.cssButton.submit_button.button_in_cart,
.shopping-cart .cart-button a.right /* 购物车下拉里的 Checkout */ {
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
    color: #ffffff !important;
    background-image: none !important; 
    transition: background-color 0.3s ease !important;
}

.btn-primary:hover,
#button-cart:hover,
.buttonRow .btn:hover,
.button_in_cart:hover,
input.cssButton.submit_button.button_in_cart:hover,
.shopping-cart .cart-button a.right:hover {
    background-color: #1a252f !important;
    border-color: #1a252f !important;
}

/* ---------------------------------------------------------
   3. 次要强调按钮 (香槟金：Buy Now, View Cart 等)
--------------------------------------------------------- */
#buynow,
.buy-now-btn,
.btn-secondary,
.view-cart-btn,
.cart-buttons a.view-cart,
.shopping-cart .cart-button a, /* 购物车下拉里的 View Cart */
#checkout_buynow /* 强制覆盖黄色的 PayPal 快捷购买框 */ {
    background-color: #c5a880 !important;
    background: #c5a880 !important; /* 强制覆盖 HTML 内联样式 */
    border-color: #c5a880 !important;
    color: #ffffff !important;
    background-image: none !important;
    transition: background-color 0.3s ease !important;
}

#buynow:hover,
.shopping-cart .cart-button a:hover,
#checkout_buynow:hover {
    background-color: #b09570 !important;
    background: #b09570 !important;
}

/* ---------------------------------------------------------
   4. 促销标签与购物车气泡数量 (暖陶土色)
--------------------------------------------------------- */
.sale-badge,
.onsale,
.product-label,
.discount-tag,
.label-sale,
.mob-cart .count, /* 移动端购物车数字气泡 */
span.count /* PC端购物车数字气泡 */ {
    background-color: #d35400 !important;
    background: #d35400 !important;
    color: #ffffff !important;
    border-radius: 50px !important; /* 让气泡变成圆形 */
}

/* ---------------------------------------------------------
   5. 侧边栏/小标题边框线条统一
--------------------------------------------------------- */
.widget-title,
.block-title,
.heading-title {
    border-bottom-color: #2c3e50 !important;
}

/* ---------------------------------------------------------
   6. 悬浮菜单彻底白化净化 (账户下拉菜单、购物车下拉菜单)
--------------------------------------------------------- */
.dropdown-menu,
.dropdown-menu-full,
#pzenajxcartContent,
.shopping-cart,
.pzenajx-minicart .dropdown-menu {
    background-color: #ffffff !important;
    background: #ffffff !important; /* 消灭原有的蓝色/黑色背景 */
    border: 1px solid #eaeaea !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
    color: #555555 !important;
}

/* 确保下拉菜单里的文字清晰可见，不会变成白色 */
.dropdown-menu > li > a,
.dropdown-menu-full > li > a,
.shopping-cart .cart-menu a {
    color: #555555 !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu-full > li > a:hover {
    background-color: #f8f9fa !important;
    color: #2c3e50 !important;
}

/* ---------------------------------------------------------
   7. 辅助功能区净化 (面包屑、移动端顶部语言货币切换栏)
--------------------------------------------------------- */
.header-top-mobile,
.breadcrumb,
.brd-ban,
#navBreadCrumb {
    background-color: #ffffff !important;
    background: #ffffff !important; /* 消灭多余的廉价灰色 */
    border: none !important;
}

/* 确保顶部灰色去掉后，里面的语言和货币文字依然清晰深色 */
.header-top-mobile,
.header-top-mobile a,
.header-top-mobile select,
.header-top-mobile .l-c-title {
    color: #555555 !important;
}

/* =========================================================
   8. 产品详情页 (PDP) 核心交互区与信任板块排版优化
   ========================================================= */

/* --- A. 强制隐藏原模板老旧的 Safe Checkout 贴图与多余空白框 --- */
img[src*="safeIcon"],
img[src*="SAFE_CHECKOUT"],
.mumbattboxbox {
    display: none !important;
}

/* --- B. 修复数量选择与购买按钮排版 (强制全宽与等高对齐) --- */
#cartAdd {
    float: none !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    margin-bottom: 30px;
}
.qty-input-wra {
    flex: 0 0 120px; /* 数量框固定宽度 */
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #eaeaea !important;
    border-radius: 4px;
    background: #fff;
    padding: 0 !important;
    overflow: hidden;
}
/* 修复1：精准定位减号、加号和外框，彻底解决减号消失问题 */
.qty-input-wra .qty-wra {
    border: none !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
.qty-input-wra .sp-minus,
.qty-input-wra .sp-plus {
    border: none !important;
    background: transparent !important;
    width: 35px !important;
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #555 !important;
    cursor: pointer;
}
.qty-input-wra .sp-minus i,
.qty-input-wra .sp-plus i {
    font-size: 20px !important;
    color: #555 !important;
}
/* 清除数量输入框自带的边框和阴影 */
.qty-input-wra input {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    height: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    width: 50px !important;
    color: #2c3e50 !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

#buy_button {
    flex: 1; /* Add To Cart 按钮占满第一行剩余宽度 */
    height: 50px;
    display: block;
}
.button_in_cart {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    border-radius: 4px !important;
}

/* 修复2：BUY NOW 按钮彻底居中 (清除内层自带的便宜量) */
#checkout_buynow {
    flex: 0 0 100%; /* Buy Now 按钮换行并占满 100% 宽度 */
    height: 50px;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    overflow: hidden;
    text-align: center !important;
    padding: 0 !important;
    cursor: pointer;
}
#checkout_buynow .buynow-button-label-container {
    width: 100% !important;
    height: auto !important;
    position: static !important; /* 关键修复：清除原模板自带的 top: 50% 偏移 */
    transform: none !important; /* 关键修复：清除 translateY 偏移 */
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    float: none !important; 
}
#checkout_buynow .buynow-button-label-container span {
    color: #ffffff !important; /* 强制覆盖文字为白色 */
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 !important;
}
#checkout_buynow input[type="image"] {
    width: auto !important;
    height: auto !important;
    max-height: 50px;
    object-fit: contain;
}

/* --- C. 信任感拉满的 Premium Trust Box 样式 --- */
.premium-trust-box {
    background-color: #fcfcfc;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 25px;
    margin: 20px 0 40px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
.safe-checkout-header {
    text-align: center;
    color: #2c3e50;
    font-family: 'TitleFont-Lora', "Times New Roman", serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
}
.payment-methods {
    text-align: center;
    margin-bottom: 20px;
}
.payment-methods img {
    max-width: 100%;
    height: auto;
}
.premium-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.premium-features-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 15px;
    color: #555;
    font-size: 14px;
    line-height: 1.5;
}
.premium-features-list li:last-child {
    margin-bottom: 0;
}
.premium-features-list li svg {
    flex-shrink: 0;
    margin-top: 2px;
}
.premium-features-list li strong {
    color: #2c3e50;
    font-weight: bold;
}