/* === 赛博朋克主题基础色 === */
:root {
    --cyber-bg: #05060a;
    --cyber-bg-soft: #0b0d16;
    --cyber-card: #111322;
    --cyber-border: #262a3f;
    --cyber-neon-blue: #00d4ff;
    --cyber-neon-purple: #7b5cff;
    --cyber-neon-pink: #ff2e9f;
    --cyber-text-main: #e9ecff;
    --cyber-text-muted: #8b8fb3;
}

/* 整体背景 & 全局文字 */
body {
    background-color: var(--cyber-bg) !important;
    color: var(--cyber-text-main) !important;
}

/* 顶部条 & 导航栏背景 */
.header-area,
.header-bottom,
.topbar,
.header-sticky {
    background: linear-gradient(90deg, #05060a 0%, #090b15 40%, #05060a 100%) !important;
    border-bottom: 1px solid rgba(123, 92, 255, 0.35);
}

/* Logo 区域周围加一点光 */
.header-middle {
    background: radial-gradient(circle at left, rgba(123, 92, 255, 0.22), transparent 60%);
}

/* 顶部文字颜色 */
.header-area,
.header-area a,
.topbar a,
.topbar span {
    color: var(--cyber-text-muted) !important;
}

.header-area a:hover,
.topbar a:hover {
    color: var(--cyber-neon-blue) !important;
}

/* 搜索框 & 分类选择改成深色霓虹边框 */
.search-style-2,
.search-style-2 input,
.search-style-2 select,
.search-style-2 .select2-selection,
.search-style-2 .select2-selection__rendered {
    background-color: var(--cyber-bg-soft) !important;
    color: var(--cyber-text-main) !important;
    border: 1px solid rgba(0, 212, 255, 0.35) !important;
}

.search-style-2 input::placeholder {
    color: var(--cyber-text-muted) !important;
}

/* 搜索按钮图标高亮 */
.search-style-2 button,
.search-style-2 .search-icon {
    color: var(--cyber-neon-blue) !important;
}

/* 商品卡片改为暗色+霓虹边框 */
.product-cart-wrap,
.product-cart-wrap .product-img-action-wrap {
    background: var(--cyber-card) !important;
    border: 1px solid var(--cyber-border) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    transition: all 0.2s ease-out;
}

.product-cart-wrap:hover {
    border-color: var(--cyber-neon-purple) !important;
    box-shadow:
        0 0 15px rgba(123, 92, 255, 0.45),
        0 0 35px rgba(0, 212, 255, 0.25) !important;
    transform: translateY(-4px);
}

/* 商品标题与价格 */
.product-cart-wrap h2,
.product-cart-wrap h3,
.product-cart-wrap h4,
.product-cart-wrap .product-title a {
    color: var(--cyber-text-main) !important;
}

.product-cart-wrap .product-price,
.product-cart-wrap .product-price span,
.product-cart-wrap .product-price ins {
    color: var(--cyber-neon-blue) !important;
}

/* 通用按钮霓虹化 */
.btn,
.button,
button[type="submit"],
.add-to-cart,
.btn-sm,
.btn-lg {
    background: linear-gradient(135deg, var(--cyber-neon-purple), var(--cyber-neon-blue)) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.4);
    border-radius: 999px !important;
    transition: all 0.18s ease-out;
}

.btn:hover,
.button:hover,
button[type="submit"]:hover,
.add-to-cart:hover {
    box-shadow:
        0 0 15px rgba(0, 212, 255, 0.8),
        0 0 35px rgba(123, 92, 255, 0.6);
    transform: translateY(-1px) scale(1.02);
}

/* 心愿单 / 购物车 / 用户图标 改成霓虹风 */
.header-action-icon span,
.header-action-icon i,
.header-action-icon svg {
    color: var(--cyber-neon-blue) !important;
}

.header-action-icon:hover span,
.header-action-icon:hover i,
.header-action-icon:hover svg {
    color: var(--cyber-neon-pink) !important;
}

/* Breadcrumb / 面包屑区域背景 */
.breadcrumbs,
.page-header.breadcrumbs {
    background: radial-gradient(circle at center, rgba(123, 92, 255, 0.12), transparent 70%) !important;
    color: var(--cyber-text-main) !important;
}

/* 页面主体灰暗背景块 */
.main,
.main .container,
.section-padding {
    background-color: transparent !important;
}

/* Footer 深色+上光晕 */
.footer-area {
    background: radial-gradient(circle at top, rgba(123, 92, 255, 0.18), transparent 55%),
                #05060a !important;
    border-top: 1px solid rgba(123, 92, 255, 0.3);
}

.footer-area,
.footer-area a,
.footer-area p,
.footer-area li {
    color: var(--cyber-text-muted) !important;
}

.footer-area a:hover {
    color: var(--cyber-neon-blue) !important;
}

/* 标签/徽章（SALE / NEW 等）霓虹化 */
.badge,
.hot,
.new,
.sale {
    background: linear-gradient(135deg, var(--cyber-neon-pink), var(--cyber-neon-purple)) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 0 12px rgba(255, 46, 159, 0.7);
}

/* 表单、下拉框暗色 */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
    background-color: var(--cyber-bg-soft) !important;
    border: 1px solid var(--cyber-border) !important;
    color: var(--cyber-text-main) !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--cyber-text-muted) !important;
}

/* 语言/货币切换小菜单 */
.select2-dropdown,
.select2-container--default .select2-selection--single {
    background-color: var(--cyber-bg-soft) !important;
    border-color: var(--cyber-border) !important;
    color: var(--cyber-text-main) !important;
}

/* 链接默认颜色 */
a {
    color: var(--cyber-neon-blue);
}

a:hover {
    color: var(--cyber-neon-pink);
}

/* 移动端菜单背景 */
.header-action-icon-2 .burger-icon,
.mobile-header-wrapper-style,
.mobile-menu-wrap {
    background-color: #05060a !important;
}