/* ============================================================
   hezi-fullwidth.css
   子比（Zibll）框架「真正全宽 + 文章列表视口自适应」覆写
   - 仅表现层覆写，不改父主题任何功能逻辑
   - 作用域：非单篇文章页（首页 / 分类 / 标签 / 搜索 / 作者 等文章列表页）
   - 列数随显示器视口变化：1920→6 / 2560→8 / 3440→9 / 4096→12（上限 12）
   - 侧栏固定 311px，内容填满剩余宽度
   ============================================================ */

/* ---------- 1. 容器真正全宽（浏览器全宽，不受后台 1200px 限制） ---------- */
body:not(.single) .container,
body:not(.single) .fluid-widget-wrap .widget-container {
    max-width: none !important;
    width: 100% !important;
}

/* 顶部导航 / 页脚内部也真正全宽 */
body:not(.single) .container-header,
body:not(.single) .container-footer {
    max-width: none !important;
    width: 100% !important;
}

/* ---------- 2. 内容区 vs 侧栏：侧栏固定 311px，内容填满剩余宽度 ---------- */
body:not(.single).site-layout-2 .content-layout {
    margin-right: calc(311px + 15px) !important;
    margin-left: 0 !important;
}
body:not(.single).site-layout-3 .content-layout {
    margin-left: calc(311px + 15px) !important;
    margin-right: 0 !important;
}
body:not(.single).site-layout-1 .content-layout {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ---------- 3. 文章列表视口自适应栅格（card 模式） ---------- */
/* 小屏（<1280px）沿用子比默认 1~3 列；仅大屏按视口递增列数 */
body:not(.single) .posts-row {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

@media (min-width: 1280px) {
    body:not(.single) .posts-item.card { width: calc(25% - 16px) !important; }    /* 4 列 */
}
@media (min-width: 1600px) {
    body:not(.single) .posts-item.card { width: calc(20% - 16px) !important; }    /* 5 列 */
}
@media (min-width: 1920px) {
    body:not(.single) .posts-item.card { width: calc(16.666% - 16px) !important; } /* 6 列 */
}
@media (min-width: 2560px) {
    body:not(.single) .posts-item.card { width: calc(12.5% - 16px) !important; }   /* 8 列 */
}
@media (min-width: 3440px) {
    body:not(.single) .posts-item.card { width: calc(11.111% - 16px) !important; } /* 9 列 */
}
@media (min-width: 4096px) {
    body:not(.single) .posts-item.card { width: calc(8.333% - 16px) !important; }   /* 12 列（上限） */
}