/* 
 * 侧边栏结构修复 - 2026-04-07
 * 修复侧边栏在内容容器内部布局问题
 * 根据用户描述：橙色边框（侧边栏）应该在蓝色边框（内容容器）内部
 * 与绿色边框（正文容器）并排显示
 */

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

/* ===== 修复内容容器布局 ===== */
/* 确保.content-wrap正确包含浮动元素 */
.content-wrap {
    position: relative !important;
    width: 100% !important;
    overflow: visible !important; /* 改为visible，让子元素可以溢出 */
    display: block !important;
    box-sizing: border-box !important;
}

/* ===== 修复正文容器 ===== */
/* 给正文容器足够的右边距，为侧边栏留出空间 */
.single .content,
.single-post .content,
.post-template-default .content,
.home .content,
.archive .content,
.search .content,
.page .content,
.blog .content {
    float: left !important;
    width: calc(100% - 320px) !important; /* 总宽度减去侧边栏宽度和间距 */
    margin-right: 20px !important;
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
}

/* ===== 修复侧边栏 ===== */
/* 让侧边栏浮动到右侧，在内容容器内部 */
.sidebar,
aside.sidebar {
    float: right !important;
    width: 300px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ===== 如果主题使用负边距布局，则适配 ===== */
/* 有些主题使用 margin-left: -300px 的布局 */
.sidebar[style*="margin-left: -300px"],
.sidebar[style*="margin-left:-300px"] {
    margin-left: 0 !important;
    float: right !important;
}

/* ===== 修复主容器 ===== */
.main .container.clearfix {
    overflow: visible !important; /* 改为visible */
    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;
}

/* ===== 清除浮动确保容器正确包含子元素 ===== */
.content-wrap:after,
.main .container.clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* ===== 确保侧边栏在内容容器内部，而不是外面 ===== */
/* 检查并修复如果侧边栏在.content-wrap外面的情况 */
.content-wrap ~ .sidebar {
    float: right !important;
    width: 300px !important;
    margin-left: 20px !important;
}

/* ===== 移动端响应式 ===== */
@media (max-width: 1024px) {
    .single .content,
    .single-post .content,
    .post-template-default .content,
    .home .content,
    .archive .content,
    .search .content,
    .page .content,
    .blog .content {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
    
    .sidebar,
    aside.sidebar {
        float: none !important;
        width: 100% !important;
        margin-top: 30px !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 768px) {
    .sidebar,
    aside.sidebar {
        margin-top: 20px !important;
    }
}

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