/*
 * zibll-forum-waterfall-free — compat.css
 * 补齐子比(zibll)主题中常用但本插件独立运行时缺失的工具类与 CSS 变量回退值。
 * 当插件运行在真实子比主题下时，这些定义会被主题自身的同名样式覆盖，不影响原有表现。
 */

:root {
    /* 子比主题常用 CSS 变量回退（仅当主题未定义时生效） */
    --main-bg-color: #fff;
    --main-color: #2c2f32;
    --body-bg-color: #f6f7f8;
    --muted-color: #777;
    --muted-2-color: #666;
    --muted-3-color: #999;
    --theme-color: #3a7afe;
    --focus-color: #409eff;
    --main-border-color: rgba(50, 50, 50, .06);
}

/* 子比工具类回退 */
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meta-right {
    margin-left: auto;
}

.muted-3-color {
    color: var(--muted-3-color);
}

.hide {
    display: none !important;
}

/* 图片封面卡片：与文字封面卡片共用 body 结构，补一条下边距分隔 */
.yngn-post-card .yngn-card-media + .yngn-card-body {
    border-top: 1px solid var(--main-border-color);
}

/* 兼容 dark-theme（子比暗色模式给 html/body 加 .dark-theme） */
html.dark-theme {
    --main-bg-color: #292b2e;
    --main-color: #e6e6e6;
    --body-bg-color: #1f2022;
    --muted-color: #9a9ea4;
    --muted-2-color: #b0b3b8;
    --muted-3-color: #6f747a;
    --main-border-color: rgba(255, 255, 255, .08);
}

.yngn-modal-actions.yngn-comment-editor-overflow-ready,
.yngn-modal-actions.yngn-comment-editor-overflow-ready .yngn-modal-comment-editor-inner {
    overflow: visible;
}

/* 评论区占位（真实子比评论结构接入后会被覆盖） */
.yngn-modal-comments .yngn-comment-null {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--muted-color);
    font-size: 14px;
}

/* 正文区域基础排版（独立运行时；子比主题的 .wp-posts-content 会接管） */
.yngn-modal-content {
    word-break: break-word;
}

.yngn-modal-content p {
    margin: 0 0 1em;
}

.yngn-modal-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}