/* 导入基础样式 */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/wordpress.css';

/* 导入组件样式 */
@import 'components/header.css';
@import 'components/footer.css';
@import 'components/posts.css';
@import 'components/page.css';
@import 'components/menu.css';

/* 基础容器布局 */
.site-container {
    width: 100%;
    margin: 0 auto;
}

.container {
    width: 100%;
    max-width: var(--layout-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
}

/* 网格布局基础 */
.site-content {
    display: grid;
    gap: var(--layout-gap, 30px);
    padding: calc(var(--layout-header-height) + var(--spacing-md)) var(--spacing-md) var(--spacing-lg);
    margin: 0 auto;
    width: 100%;
    max-width: var(--layout-width);
    box-sizing: border-box;
}

.site-main {
    grid-area: main;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 0;
}

.widget-area {
    grid-area: sidebar;
    width: 100%;
    max-width: var(--layout-sidebar-width);
    min-width: 0;
    box-sizing: border-box;
}

/* 布局类型 */
.layout-right-sidebar .site-content {
    grid-template-columns: minmax(0, calc(100% - var(--layout-sidebar-width) - var(--layout-gap))) var(--layout-sidebar-width);
    grid-template-areas: "main sidebar";
}

.layout-left-sidebar .site-content {
    grid-template-columns: var(--layout-sidebar-width) minmax(0, calc(100% - var(--layout-sidebar-width) - var(--layout-gap)));
    grid-template-areas: "sidebar main";
}

.layout-no-sidebar .site-content {
    grid-template-columns: 1fr;
    grid-template-areas: "main";
    max-width: var(--layout-width);
}

.layout-no-sidebar .widget-area {
    display: none;
}

/* 文章列表布局 */
.posts-wrapper {
    display: grid;
    gap: 0;
}

.layout-list .posts-wrapper {
    grid-template-columns: 1fr;
}

.layout-grid .posts-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.layout-large .posts-wrapper {
    grid-template-columns: 1fr;
}

/* 分类/标签页面布局 */
.archive.layout-full-width {
    .site-content {
        max-width: 100%;
        padding: calc(var(--layout-header-height) + var(--layout-content-offset)) 0 0;
    }

    .site-main {
        max-width: none;
        padding: 0;
    }

    .container {
        max-width: none;
        padding: var(--spacing-lg);
    }

    .page-header {
        padding: var(--spacing-lg) var(--spacing-lg) 0;
        margin-bottom: var(--spacing-lg);
    }

    .posts-wrapper {
        padding: 0 var(--spacing-lg);
    }
}

/* 响应式布局 */
@media (min-width: 1200px) {
    .container {
        max-width: var(--layout-container);
    }
}

@media (max-width: 1199.98px) {
    .container {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 720px;
    }
    
    .site-content {
        grid-template-columns: 1fr !important;
        grid-template-areas: 
            "main"
            "sidebar" !important;
    }
    
    .widget-area {
        width: 100%;
        margin-top: var(--spacing-lg);
    }
    
    .layout-full-width .container {
        padding: 0 var(--spacing-md);
    }
}

@media (max-width: 767.98px) {
    :root {
        --layout-header-height: 80px;
        --spacing-md: 15px;
    }
    
    .container {
        max-width: 540px;
    }
    
    .layout-grid .posts-wrapper {
        grid-template-columns: 1fr;
    }
    
    .archive.layout-full-width {
        .site-content {
            padding-top: calc(var(--layout-header-height) + var(--layout-content-offset));
        }
        
        .container {
            padding: var(--spacing-md);
        }
    }
}

@media (max-width: 575.98px) {
    :root {
        --spacing-md: 10px;
    }
    
    .container {
        width: 100%;
        padding: 0 var(--spacing-md);
    }
    
    .site-title {
        font-size: 20px;
    }
    
    .site-description {
        font-size: 12px;
    }
}

/* 全局列表样式 */
ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li, ol li {
    margin: 0;
    padding: 0;
}