/* 
 * 侧边栏Flexbox布局修复 - 最终方案
 * 方案B已验证有效：Flexbox布局
 * 2026-04-07
 */

/* ===== 调试边框（已移除） ===== */

/* ===== 核心Flexbox布局修复 ===== */
/* 使用Flexbox布局替代浮动布局，已验证有效 */
.content-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 正文内容区域 - 自适应宽度 */
.content {
    flex: 1 !important;
    min-width: 300px !important; /* 最小宽度确保可读性 */
    margin-right: 20px !important;
    box-sizing: border-box !important;
    display: block !important;
}

/* 侧边栏 - 固定宽度 */
.sidebar,
aside.sidebar {
    width: 300px !important;
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
}

/* ===== 特殊情况覆盖 ===== */
/* 确保覆盖所有可能的错误浮动规则 */
body.single-post .content,
body.single .content,
.home .content,
.single .content,
.archive .content,
.search .content,
.page .content,
.blog .content,
.post-template-default .content,
.wp-singular .content {
    float: none !important; /* 禁用浮动，使用flexbox */
    flex: 1 !important;
    min-width: 300px !important;
    margin-right: 20px !important;
}

body.single-post .sidebar,
body.single .sidebar,
.sidebar,
aside.sidebar {
    float: none !important; /* 禁用浮动，使用flexbox */
    width: 300px !important;
}

/* ===== 移动端响应式适配 ===== */
/* 平板设备：768px-1024px */
@media (max-width: 1024px) {
    .content-wrap {
        flex-direction: column !important;
    }
    
    .content {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
    
    .sidebar,
    aside.sidebar {
        width: 100% !important;
        order: 2 !important; /* 侧边栏移到内容下方 */
    }
}

/* 手机设备：小于768px */
@media (max-width: 768px) {
    .content-wrap {
        gap: 15px !important;
    }
    
    .content {
        min-width: 100% !important;
    }
    
    .sidebar,
    aside.sidebar {
        margin-top: 15px !important;
    }
}

/* ===== 特殊情况：无侧边栏页面 ===== */
.content.nosidebar {
    flex: 1 0 100% !important; /* 占满全部宽度 */
    margin-right: 0 !important;
    width: 100% !important;
}

/* ===== 修复容器和包装器 ===== */
.main .container.clearfix {
    overflow: visible !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

/* ===== 清除浮动辅助类（保持兼容性） ===== */
.container.clearfix:after,
.content-wrap:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* ===== 修复Theia Sticky Sidebar插件兼容性 ===== */
.theiaStickySidebar {
    position: relative !important;
    width: 300px !important;
}

/* ===== 覆盖所有可能的隐藏规则 ===== */
.sidebar[style*="display:none"],
.sidebar[style*="display: none"],
.sidebar[style*="visibility:hidden"],
.sidebar[style*="visibility: hidden"] {
    display: block !important;
    visibility: visible !important;
}

/* ===== 确保所有页面类型都正确 ===== */
body.post-template-default .main .container.clearfix,
body.single-post .main .container.clearfix,
body.single .main .container.clearfix,
.home .main .container.clearfix,
.archive .main .container.clearfix,
.search .main .container.clearfix,
.page .main .container.clearfix,
.blog .main .container.clearfix {
    overflow: visible !important;
}