/*
 * MixHeal 奢华深色定制样式
 * 深色背景 + 金色点缀
 * 适用于 BeTheme Gold 皮肤覆盖
 */

/* ==================== 全局颜色变量 ==================== */
:root {
  --luxury-bg-dark: #0a0a0a;
  --luxury-bg-secondary: #111111;
  --luxury-bg-card: #1a1a1a;
  --luxury-gold-primary: #d4af37;
  --luxury-gold-light: #f4e5c2;
  --luxury-gold-dark: #8b6914;
  --luxury-text-primary: #ffffff;
  --luxury-text-secondary: #b8b8b8;
  --luxury-text-muted: #666666;
}

/* ==================== Body & 基础 ==================== */
body {
  background-color: var(--luxury-bg-dark) !important;
  color: var(--luxury-text-secondary) !important;
}

#Wrapper {
  background-color: var(--luxury-bg-dark) !important;
}

/* ==================== Header 顶部 ==================== */
#Header_wrapper {
  background-color: var(--luxury-bg-dark) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
}

#Header .top_bar_left,
.header-classic #Top_bar,
.header-plain #Top_bar {
  background-color: var(--luxury-bg-dark) !important;
}

#Top_bar .menu > li > a,
#Top_bar .top_bar_right a {
  color: var(--luxury-text-primary) !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
}

#Top_bar .menu > li.current-menu-item > a,
#Top_bar .menu > li.current_page_item > a,
#Top_bar .menu > li.hover > a {
  color: var(--luxury-gold-primary) !important;
}

#Top_bar .menu > li a:after {
  background: var(--luxury-gold-primary) !important;
}

/* Logo 文字样式 */
.text-logo #logo {
  color: var(--luxury-gold-primary) !important;
  font-weight: 300 !important;
  letter-spacing: 3px !important;
}

/* ==================== 主要内容区 ==================== */
#Content {
  background-color: var(--luxury-bg-dark) !important;
  padding-top: 0 !important;
}

.content_wrapper {
  background-color: var(--luxury-bg-dark) !important;
}

/* ==================== 排版 ==================== */
h1, h1 a, h1 a:hover,
h2, h2 a, h2 a:hover,
h3, h3 a, h3 a:hover,
h4, h4 a, h4 a:hover,
h5, h5 a, h5 a:hover,
h6, h6 a, h6 a:hover {
  color: var(--luxury-text-primary) !important;
  font-weight: 300 !important;
  letter-spacing: 2px !important;
}

/* 段落文字 */
body, p, .the_content_wrapper {
  color: var(--luxury-text-secondary) !important;
  line-height: 1.8 !important;
}

/* ==================== 链接 ==================== */
a {
  color: var(--luxury-gold-primary) !important;
  transition: all 0.3s ease !important;
}

a:hover {
  color: var(--luxury-gold-light) !important;
}

/* ==================== 按钮 ==================== */
.button_theme,
button,
input[type="button"],
input[type="submit"] {
  background-color: transparent !important;
  border: 1px solid var(--luxury-gold-primary) !important;
  color: var(--luxury-gold-primary) !important;
  padding: 15px 40px !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
}

.button_theme:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: var(--luxury-gold-primary) !important;
  color: var(--luxury-bg-dark) !important;
}

/* ==================== 产品列表 ==================== */
.woocommerce ul.products li.product {
  background-color: var(--luxury-bg-card) !important;
  border: 1px solid rgba(212, 175, 55, 0.1) !important;
  transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product:hover {
  border-color: var(--luxury-gold-primary) !important;
  box-shadow: 0 10px 40px rgba(212, 175, 55, 0.1) !important;
}

.woocommerce ul.products li.product .price {
  color: var(--luxury-gold-primary) !important;
  font-size: 18px !important;
  font-weight: 300 !important;
}

.woocommerce ul.products li.product .price del {
  color: var(--luxury-text-muted) !important;
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  color: var(--luxury-text-primary) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
}

/* ==================== 产品详情页 ==================== */
.woocommerce .product div.entry-summary .price {
  color: var(--luxury-gold-primary) !important;
  font-size: 28px !important;
  font-weight: 300 !important;
}

.woocommerce .product_title {
  color: var(--luxury-text-primary) !important;
  font-weight: 300 !important;
  letter-spacing: 2px !important;
}

/* ==================== 卡片/区块 ==================== */
.column_attr {
  background-color: var(--luxury-bg-card) !important;
  border: 1px solid rgba(212, 175, 55, 0.1) !important;
}

/* ==================== Footer ==================== */
#Footer {
  background-color: var(--luxury-bg-secondary) !important;
  border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
}

#Footer,
#Footer .widget_recent_entries ul li a {
  color: var(--luxury-text-secondary) !important;
}

#Footer a {
  color: var(--luxury-gold-primary) !important;
}

#Footer a:hover {
  color: var(--luxury-gold-light) !important;
}

#Footer h1, #Footer h1 a,
#Footer h2, #Footer h2 a,
#Footer h3, #Footer h3 a,
#Footer h4, #Footer h4 a,
#Footer h5, #Footer h5 a,
#Footer h6, #Footer h6 a {
  color: var(--luxury-text-primary) !important;
}

/* ==================== 表单 ==================== */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  background-color: var(--luxury-bg-card) !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  color: var(--luxury-text-primary) !important;
  padding: 12px 20px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: var(--luxury-gold-primary) !important;
  outline: none !important;
}

/* ==================== 购物车 ==================== */
.woocommerce table.shop_table {
  background-color: var(--luxury-bg-card) !important;
  border: 1px solid rgba(212, 175, 55, 0.1) !important;
}

.woocommerce table.shop_table th {
  color: var(--luxury-gold-primary) !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
}

/* ==================== 分隔线 ==================== */
.hr_color,
.hr_color hr {
  background-color: var(--luxury-gold-primary) !important;
}

/* ==================== 图片框 ==================== */
.image_frame {
  border: 1px solid rgba(212, 175, 55, 0.1) !important;
}

.image_frame .image_wrapper .image_links {
  background: rgba(10, 10, 10, 0.9) !important;
}

/* ==================== 金色强调元素 ==================== */
.themecolor,
.theme_color,
.highlight {
  color: var(--luxury-gold-primary) !important;
}

.themebg,
.highlight:not(.highlight_image) {
  background-color: var(--luxury-gold-primary) !important;
}

/* ==================== 移动端菜单 ==================== */
@media only screen and (max-width: 767px) {
  #Top_bar .menu > li > a {
    background-color: var(--luxury-bg-dark) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1) !important;
  }
}

/* ==================== 滚动条 ==================== */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--luxury-bg-dark);
}

::-webkit-scrollbar-thumb {
  background: var(--luxury-gold-dark);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--luxury-gold-primary);
}

/* ==================== 选择文字 ==================== */
::selection {
  background-color: var(--luxury-gold-primary) !important;
  color: var(--luxury-bg-dark) !important;
}

::-moz-selection {
  background-color: var(--luxury-gold-primary) !important;
  color: var(--luxury-bg-dark) !important;
}