/* ============================================================
   Richcom Site Features - Theme CSS
   全局导航栏 + 搜索 + 白天/夜晚模式
   ============================================================ */

/* --- CSS 变量 (Light Mode 默认) --- */
:root {
  --rc-bg-primary: #ffffff;
  --rc-bg-secondary: #f5f7fa;
  --rc-bg-card: #ffffff;
  --rc-text-primary: #222222;
  --rc-text-secondary: #555555;
  --rc-text-muted: #666666;
  --rc-text-white: #ffffff;
  --rc-accent: #1a73e8;
  --rc-accent-hover: #1557b0;
  --rc-hero-bg: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
  --rc-footer-bg: #222222;
  --rc-footer-text: #aaaaaa;
  --rc-nav-bg: #ffffff;
  --rc-nav-border: #e8e8e8;
  --rc-nav-shadow: 0 2px 8px rgba(0,0,0,0.06);
  --rc-card-shadow: 0 4px 20px rgba(0,0,0,0.08);
  --rc-card-shadow-hover: 0 12px 32px rgba(0,0,0,0.12);
  --rc-border-color: #e8e8e8;
  --rc-input-bg: #f0f4ff;
  --rc-input-text: #333333;
  --rc-input-border: #1a73e8;
  --rc-section-bg: #f5f7fa;
}

/* --- Dark Mode 变量覆盖 --- */
body.dark-mode {
  --rc-bg-primary: #0e1217;
  --rc-bg-secondary: #161b22;
  --rc-bg-card: #1e2128;
  --rc-text-primary: #e0e0e0;
  --rc-text-secondary: #bbbbbb;
  --rc-text-muted: #aaaaaa;
  --rc-hero-bg: linear-gradient(135deg, #0d47a1 0%, #071a3a 100%);
  --rc-footer-bg: #111111;
  --rc-footer-text: #888888;
  --rc-nav-bg: #1a1d23;
  --rc-nav-border: #333333;
  --rc-nav-shadow: 0 2px 8px rgba(0,0,0,0.2);
  --rc-card-shadow: 0 4px 20px rgba(0,0,0,0.3);
  --rc-card-shadow-hover: 0 12px 32px rgba(0,0,0,0.5);
  --rc-border-color: #333333;
  --rc-input-bg: #2a2d35;
  --rc-input-text: #e0e0e0;
  --rc-section-bg: #0e1217;
}

/* --- 全局过渡动画 --- */
body, body * {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* ============================================================
   Elementor 页面内容暗色模式覆盖（全页生效）
   ============================================================ */

/* Hero 区背景保持不变（蓝色渐变），只调暗 */
body.dark-mode .elementor-element-f65469a674 {
    --dark-hero: linear-gradient(135deg, #0d47a1 0%, #051428 100%);
    background-image: var(--dark-hero) !important;
}

/* 核心产品区域背景 */
body.dark-mode .elementor-element-65c5ecf2e9 {
    background-color: #0e1217 !important;
}

/* 产品标题颜色 */
body.dark-mode .elementor-element-dd58e6394b .elementor-heading-title {
    color: #e0e0e0 !important;
}

/* 三张卡片背景 */
body.dark-mode .elementor-element-7899bba0f5,
body.dark-mode .elementor-element-86b19690f1,
body.dark-mode .elementor-element-000def0a68 {
    background-color: #1e2128 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}

/* 卡片标题颜色 */
body.dark-mode .elementor-element-af3aba93de .elementor-heading-title,
body.dark-mode .elementor-element-5d58653b14 .elementor-heading-title,
body.dark-mode .elementor-element-209a5c23a3 .elementor-heading-title {
    color: #e0e0e0 !important;
}

/* 卡片描述文字颜色 */
body.dark-mode .elementor-element-4c8cade45a,
body.dark-mode .elementor-element-bc0039521c,
body.dark-mode .elementor-element-cd3761d202 {
    color: #aaaaaa !important;
}

/* 底部版权区背景 */
body.dark-mode .elementor-element-6c6bc6d992 {
    background-color: #111111 !important;
}

/* 底部标题 */
body.dark-mode .elementor-element-87a7117a79 .elementor-heading-title {
    color: #888888 !important;
}

/* --- 全局导航栏 --- */
.rc-global-nav {
  background: var(--rc-nav-bg);
  border-bottom: 1px solid var(--rc-nav-border);
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: var(--rc-nav-shadow);
  flex-shrink: 0;
}

.rc-global-nav .rc-nav-logo {
  font-size: 20px;
  font-weight: 700;
  color: var(--rc-accent);
  text-decoration: none;
  flex-shrink: 0;
  white-space: nowrap;
}

.rc-global-nav .rc-nav-center {
  display: flex;
  align-items: center;
  gap: 32px;
}

.rc-global-nav .rc-nav-center a {
  color: var(--rc-text-secondary);
  text-decoration: none;
  font-size: 15px;
  transition: color 0.2s;
}

.rc-global-nav .rc-nav-center a:hover {
  color: var(--rc-accent);
}

.rc-global-nav .rc-nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* --- 搜索 --- */
.rc-search-wrap {
  display: flex;
  align-items: center;
  position: relative;
}

.rc-search-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  color: var(--rc-text-secondary);
  font-size: 18px;
  line-height: 1;
  transition: color 0.2s;
  display: flex;
  align-items: center;
}

.rc-search-btn:hover {
  color: var(--rc-accent);
}

.rc-search-box {
  position: absolute;
  right: 36px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  overflow: hidden;
  transition: width 0.3s ease;
  background: var(--rc-input-bg);
  border-radius: 20px;
}

.rc-search-box.rc-open {
  width: 220px;
  border: 1px solid var(--rc-input-border);
}

.rc-search-box input {
  width: 100%;
  border: none;
  background: transparent;
  padding: 7px 16px;
  font-size: 14px;
  color: var(--rc-input-text);
  outline: none;
}

/* --- 主题切换按钮 --- */
.rc-theme-btn {
  background: none;
  border: 1px solid var(--rc-border-color);
  border-radius: 20px;
  cursor: pointer;
  padding: 5px 12px;
  font-size: 13px;
  color: var(--rc-text-secondary);
  transition: all 0.2s;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 1.4;
}

.rc-theme-btn:hover {
  border-color: var(--rc-accent);
  color: var(--rc-accent);
}

/* --- 三卡片强制并排显示（覆盖 Elementor 可能未正确生成的宽度） --- */
.elementor-element-7f9e548b81 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
}
.elementor-element-7899bba0f5,
.elementor-element-86b19690f1,
.elementor-element-000def0a68 {
    width: 31.333% !important;
    min-width: 280px;
    flex-grow: 0 !important;
}

/* 平板：两列 */
@media (max-width: 1024px) {
    .elementor-element-7899bba0f5,
    .elementor-element-86b19690f1,
    .elementor-element-000def0a68 {
        width: 48% !important;
    }
}

/* 手机：一列 */
@media (max-width: 767px) {
    .elementor-element-7899bba0f5,
    .elementor-element-86b19690f1,
    .elementor-element-000def0a68 {
        width: 100% !important;
        min-width: 0;
    }
}

/* --- 卡片的悬停动画效果 --- */
.rc-card-hover {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease !important;
}
.rc-card-hover:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.12) !important;
}
body.dark-mode .rc-card-hover:hover {
    box-shadow: 0 12px 32px rgba(0,0,0,0.5) !important;
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* --- 当导航栏通过 wp_head/wp_footer 备选方案注入时 --- */
.rc-global-nav-head {
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
}
body.admin-bar .rc-global-nav-head {
    top: 32px;
}
@media (max-width: 782px) {
    body.admin-bar .rc-global-nav-head {
        top: 46px;
    }
}

/* --- 移动端响应 --- */
@media (max-width: 900px) {
  .rc-global-nav {
    padding: 0 16px;
    height: 56px;
  }
  .rc-global-nav .rc-nav-center {
    display: none;
  }
  .rc-global-nav .rc-nav-logo {
    font-size: 16px;
  }
  .rc-search-box.rc-open {
    width: 160px;
  }
  .rc-theme-btn span.rc-theme-text {
    display: none;
  }
}