/* ═══════════════════════════════════════════════════════════════
   城市 / 国家面板底部选择器里的「旅程」（js/app/21-journey-embed.js）
   国家：城市 / 回忆 / 画册 / 旅程（4 格）   城市：回忆 / 画册 / 旅程（3 格）
   每格 70px，和原来一致；原有的 slider 位移规则不动，这里只补新增的一格。
   ═══════════════════════════════════════════════════════════════ */

/* 国家选择器：旅程是第 4 格 */
#country-view-toggle[data-mode="journey"] .view-toggle-btn.journey {
    color: #1a1a1a;
}
#country-view-toggle[data-mode="journey"] #toggle-slider {
    transform: translateX(210px);
}

/* 城市选择器：旅程是第 3 格 */
#city-view-toggle[data-mode="journey"] .city-view-toggle-btn.journey {
    color: #1a1a1a;
}
#city-view-toggle[data-mode="journey"] #city-toggle-slider {
    transform: translateX(140px);
}

/* 标签面板也在用城市选择器，那里没有旅程 */
#city-view-toggle[data-kind="tag"] .city-view-toggle-btn.journey {
    display: none;
}

/* ── 旅程列表（画在面板的 #waterfall-list 里）── */
#waterfall-list.journey-embed-host {
    display: block !important;
    column-count: unset !important;
    -webkit-column-count: unset !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 20px 24px 140px;     /* 底部留白：别被底部选择器挡住最后一张卡片 */
}

.journey-embed-list,
.journey-embed-empty {
    /* 面板里的 #waterfall-list 在别处被写成了 3 列网格 / 多列，这里跨满整行，免得卡片被挤进一格 */
    grid-column: 1 / -1 !important;
    column-span: all;
    width: 100% !important;
    box-sizing: border-box;
}

/* 面板宽（电脑 / iPad 的国家、城市面板是 2/3 屏）时自动排成多列；窄面板（手机）就是一列 */
.journey-embed-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: 12px;
}

.journey-embed-list .journey-item {
    margin-bottom: 0;
    min-width: 0;
}

.journey-embed-empty {
    text-align: center;
    padding: 56px 20px;
    color: #aaa;
    font-size: 13px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    #waterfall-list.journey-embed-host {
        padding: 14px 15px 140px;
    }
}

/* 夜间模式：卡片本身的深色样式在 21-journey-panel.css 里已有（html.dark-mode .journey-item），这里只管空状态 */
html.dark-mode .journey-embed-empty {
    color: #777;
}