/* ============================
   theme.css - 语言选择器 + 暗色模式
   ============================ */

/* --- 语言选择器 --- */
.lang-selector {
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 6px;
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.85);
  font-size: 0.78rem;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  max-width: 110px;
}
.lang-selector option {
  background: #1f2937;
  color: #fff;
}
.navbar.scrolled .lang-selector {
  border-color: var(--border);
  background: var(--bg-white);
  color: var(--text-secondary);
}
.navbar.scrolled .lang-selector option {
  background: #fff;
  color: #1f2937;
}

/* --- 主题切换按钮 --- */
.theme-toggle {
  padding: 4px 8px;
  font-size: 1rem;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  transition: background var(--transition);
}
.theme-toggle:hover {
  background: rgba(255,255,255,0.15);
}
.navbar.scrolled .theme-toggle:hover {
  background: var(--primary-light);
}

/* --- RTL支持 --- */
[dir="rtl"] .nav-links { flex-direction: row-reverse; }
[dir="rtl"] .about { direction: rtl; }
[dir="rtl"] .contact-grid { direction: rtl; }
[dir="rtl"] .footer-grid { direction: rtl; }

/* ============================================
   暗色模式 (自动 + 手动)
   ============================================ */
[data-theme="dark"] {
  --text-primary: #e5e7eb;
  --text-secondary: #9ca3af;
  --text-light: #6b7280;
  --bg-white: #0f1117;
  --bg-gray: #161922;
  --border: #2a2d38;
  --border-light: #1f2230;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.4);
  --shadow-xl: 0 20px 25px rgba(0,0,0,0.5);
}

[data-theme="dark"] body {
  background: #0f1117;
  color: #e5e7eb;
}

[data-theme="dark"] .navbar.scrolled {
  background: rgba(15,17,23,0.95);
}

[data-theme="dark"] .section-gray {
  background: #161922;
}

[data-theme="dark"] .product-card {
  background: #1a1d28;
  border-color: #2a2d38;
}
[data-theme="dark"] .product-card:hover {
  border-color: var(--primary);
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

[data-theme="dark"] .case-card {
  background: #1a1d28;
  border-color: #2a2d38;
}

[data-theme="dark"] .about-feature {
  background: #1a1d28;
}

[data-theme="dark"] .footer {
  background: #080a10;
}

[data-theme="dark"] .mobile-menu {
  background: #161922;
}

[data-theme="dark"] .lang-selector {
  border-color: #2a2d38;
  background: #1a1d28;
  color: #e5e7eb;
}
[data-theme="dark"] .lang-selector option {
  background: #1a1d28;
  color: #e5e7eb;
}
[data-theme="dark"] .navbar.scrolled .lang-selector {
  border-color: #2a2d38;
  background: #1a1d28;
  color: #e5e7eb;
}

[data-theme="dark"] .products-tab {
  background: #1a1d28;
  border-color: #2a2d38;
  color: #9ca3af;
}
[data-theme="dark"] .products-tab:hover {
  border-color: var(--primary);
  color: var(--primary);
}
[data-theme="dark"] .products-tab.active {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

[data-theme="dark"] .btn-outline {
  border-color: var(--primary);
  color: var(--primary);
}

[data-theme="dark"] .tag {
  background: rgba(26,86,219,0.15);
}

/* 系统偏好自动暗色模式 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --text-primary: #e5e7eb;
    --text-secondary: #9ca3af;
    --text-light: #6b7280;
    --bg-white: #0f1117;
    --bg-gray: #161922;
    --border: #2a2d38;
    --border-light: #1f2230;
  }
}