/* ============================================
   Configurator 4 主样式文件 - 模块化架构
   ============================================
   
   新的模块化文件结构：
   
   📁 css/
   ├── configurator-4.css (主入口)
   ├── configurator-4-variables.css (CSS变量)
   │
   ├── base/ (基础样式模块)
   │   ├── layout.css (布局、容器、Three.js)
   │   ├── loading.css (加载屏幕)
   │   ├── header.css (页面头部)
   │   ├── product-info.css (产品信息)
   │   ├── vehicle-specs.css (车辆参数)
   │   ├── configurator-panel.css (配置面板)
   │   ├── options.css (配置选项)
   │   ├── colors.css (颜色选择)
   │   ├── wheels-interiors.css (轮毂和内饰)
   │   ├── carousel.css (轮播图)
   │   ├── summary.css (配置总结)
   │   └── buttons.css (按钮)
   │
   └── mobile/ (移动端样式模块)
       ├── mobile-layout.css (移动端布局)
       ├── mobile-cards.css (移动端卡片)
       ├── mobile-info-panel.css (移动端信息面板)
       ├── mobile-navigation.css (移动端导航栏)
       ├── mobile-carousel.css (移动端轮播图)
       ├── mobile-summary.css (移动端总结面板)
       ├── tablet.css (平板端样式)
       └── desktop-restore.css (桌面端恢复样式)
   
   导入顺序：
   1. CSS变量
   2. 基础样式模块
   3. 移动端样式模块
   ============================================ */

/* ========== 1. CSS 变量定义 ========== */
@import './configurator-4-variables.css';

/* ========== 2. 基础样式模块 ========== */
@import './base/layout.css';
@import './base/loading.css';
@import './base/header.css';
@import './base/product-info.css';
@import './base/vehicle-specs.css';
@import './base/configurator-panel.css';
@import './base/options.css';
@import './base/colors.css';
@import './base/wheels-interiors.css';
@import './base/carousel.css';
@import './base/summary.css';
@import './base/buttons.css';

/* ========== 3. 移动端样式模块 ========== */
@import './mobile/tablet.css';
@import './mobile/mobile-layout.css';
@import './mobile/mobile-cards.css';
@import './mobile/mobile-info-panel.css';
@import './mobile/mobile-navigation.css';
@import './mobile/mobile-carousel.css';
@import './mobile/mobile-summary.css';
@import './mobile/desktop-restore.css';

/* ========== 4. 高优先级覆盖规则 ========== */
/* 移动端信息面板显示控制（最高优先级） */
@media (min-width: 769px) {
    .c4-mobile-info-panel { /* 桌面端强制隐藏 */
        display: none !important;
    }
}

@media (max-width: 768px) {
    .c4-mobile-info-panel { /* 移动端强制显示 */
        display: block !important;
    }
}

/* ========== 强制字体覆盖规则（确保优先级最高） ========== */
.c4-main-container *,
.c4-main-content *,
.c4-product-info-container,
.c4-product-info-container *,
.c4-product-info-container * *,
.c4-product-info-container * * *,
.c4-configurator-panel,
.c4-configurator-panel *,
.c4-configurator-panel * * {
    font-family: 'SemplicitaPro', sans-serif !important;
}

/* 电池信息字体规则（独立定义，优先级最高） */
/* 注意：字重由 vehicle-specs.css 控制，这里只确保字体正确 */

.c4-vehicle-specs .c4-spec-label,
.c4-vehicle-specs .c4-spec-label * {
    font-family: 'SemplicitaPro', sans-serif !important;
    /* 字重由 vehicle-specs.css 控制 (font-weight: 300) */
}

/* 数值和单位：只设置字体，字重由 vehicle-specs.css 控制 */
.c4-vehicle-specs .c4-spec-value,
.c4-vehicle-specs .c4-spec-value *,
.c4-vehicle-specs .c4-spec-value span,
.c4-vehicle-specs .c4-spec-unit,
.c4-vehicle-specs .c4-spec-unit *,
.c4-vehicle-specs .c4-spec-unit span,
.c4-vehicle-specs [data-lang="specs.maxSpeedValue"],
.c4-vehicle-specs [data-lang="specs.drivingRangeValue"],
.c4-vehicle-specs [data-lang="specs.speedUnit"],
.c4-vehicle-specs [data-lang="specs.rangeUnit"] {
    font-family: 'SemplicitaPro', sans-serif !important;
    /* 字重由 vehicle-specs.css 控制：
       - 数值 (.c4-spec-value): font-weight: 900
       - 单位 (.c4-spec-unit): font-weight: 500
    */
}