/*
Theme Name: Custom Elementor Style
Theme URI: https://wordpress.org/
Author: Custom
Author URI: https://wordpress.org/
Description: 一个仿 Elementor 风格的 WordPress 主题，支持灵活的布局和现代化的 UI 设计
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-elementor-style
Tags: custom-design, elementor-style, flexible-layout, modern-ui
*/

/* 基础重置和全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

/* Elementor 风格的容器系统 */
.elementor-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

/* 全宽容器 */
.full-width {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.full-width .module-content {
    width: 100%;
}

/* 模块内容包装器 */
.module-content {
    position: relative;
}

/* Elementor 行和列系统 */
.elementor-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.elementor-column {
    padding: 0 15px;
    flex: 1;
    min-width: 0; /* 防止 flex 子元素溢出 */
}

/* 列宽控制类 */
.elementor-column-1 { flex: 0 0 8.333%; max-width: 8.333%; }
.elementor-column-2 { flex: 0 0 16.666%; max-width: 16.666%; }
.elementor-column-3 { flex: 0 0 25%; max-width: 25%; }
.elementor-column-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.elementor-column-5 { flex: 0 0 41.666%; max-width: 41.666%; }
.elementor-column-6 { flex: 0 0 50%; max-width: 50%; }
.elementor-column-7 { flex: 0 0 58.333%; max-width: 58.333%; }
.elementor-column-8 { flex: 0 0 66.666%; max-width: 66.666%; }
.elementor-column-9 { flex: 0 0 75%; max-width: 75%; }
.elementor-column-10 { flex: 0 0 83.333%; max-width: 83.333%; }
.elementor-column-11 { flex: 0 0 91.666%; max-width: 91.666%; }
.elementor-column-12 { flex: 0 0 100%; max-width: 100%; }

/* 页面布局 */
.site-main {
    min-height: 60vh;
    padding: 40px 0;
}

.page-content,
.module-page {
    padding: 20px 0;
}

/* 页眉和页脚样式已移至独立的 header.css 和 footer.css 文件 */

/* 响应式设计 */
@media (max-width: 1024px) {
    .elementor-container {
        max-width: 960px;
    }
}

@media (max-width: 768px) {
    .elementor-row {
        flex-direction: column;
    }
    
    .elementor-column {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    
    .site-header .elementor-container {
        flex-wrap: wrap;
    }
    
    .main-navigation {
        width: 100%;
        margin-top: 15px;
    }
    
    .menu-toggle {
        display: block;
    }
    
    .nav-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        gap: 0;
    }
    
    .nav-menu.active {
        display: flex;
    }
    
    .nav-menu li {
        width: 100%;
        border-bottom: 1px solid #e0e0e0;
    }
    
    .nav-menu a {
        display: block;
        padding: 12px 0;
    }
}

@media (max-width: 480px) {
    .elementor-container {
        padding: 0 10px;
    }
    
    .site-main {
        padding: 20px 0;
    }
}