/* ============================================================================
 * article-comments.css — 文章(is_single)评论。
 * 整套评论卡 / 回复卡 / 折叠 toggle / 蓝色引导线 都由 message-board.css 的【通用 .ww-fl 规则】
 * 提供(文章也生效),这里【不再重复实现】,只补 message-board.css 里 body.page-id-354 限定、
 * 文章拿不到的那几样。全部 body.single 限定,不碰留言板。
 * ========================================================================== */

/* UA/设备图标 14px(否则原尺寸巨大)*/
body.single .ww-fl .ww-fl-c-meta .useragent-info img,
body.single .ww-fl .ww-fl-c-meta img,
body.single .ww-fl .ww-fl-c-meta svg { width:14px!important; height:14px!important; max-width:14px!important; max-height:14px!important; vertical-align:sub; border:0; display:inline; margin:0 1px; border-radius:0; box-shadow:none; }
body.single .ww-fl .ww-fl-c-meta .useragent-info-m { display:none!important; }
body.single .ww-fl .ww-fl-c-meta { font-size:11.5px; color:#9aa0a8; }

/* 正文浮动标签(输入/聚焦飘升,顶部留白,不挡字)*/
body.single .ww-fl .ww-fl-textarea { padding-top:62px; }
body.single .ww-fl .commentbody:focus { border-color:rgba(178,58,46,.5); }
body.single .ww-fl .commentbody:not(:placeholder-shown) ~ .input-label,
body.single .ww-fl .commentbody:focus ~ .input-label { color:#b23a2e; background-color:#fdf6e6; border:1px solid rgba(178,58,46,.22); border-radius:6px; padding:3px 10px; box-shadow:0 4px 10px -4px rgba(120,60,40,.28); transform:scale(.82) translate(-2px,-14px); }

/* 回复间距(留言板 354 限定的更宽松间距,文章补上 -> 第一条回复不再贴着主评)*/
body.single .ww-fl .ww-fl-c-main { padding:20px 22px; margin:0 0 24px; }
body.single .ww-fl ul.children.ww-fl-replies { margin-top:16px; }
body.single .ww-fl .ww-fl-c-reply { margin-bottom:14px; }
body.single .ww-fl .ww-fl-c-main > .ww-fl-toggle { margin:14px 0 4px 6px; }
body.single .ww-fl .ww-fl-c-content { margin:8px 0 6px; }

/* 回复 @昵称 标签(article-comment-send.js 注入)*/
body.single .ww-fl .ww-fl-c-replyto { font-size:12px; color:#9aa0ad; }
body.single .ww-fl .ww-fl-c-replyto b { color:#5b6bc0; font-weight:600; }

/* 回复链接常显 + 蓝药丸(父主题默认 opacity:0 只 .contents:hover 才显;ww-fl 无 .contents -> 永久隐藏)*/
body.single .ww-fl .ww-fl-c-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; align-items:center; }
body.single .ww-fl .ww-fl-c-actions .comment-reply-link { opacity:1!important; display:inline-block!important; float:none!important; margin-left:0!important; text-transform:none!important; line-height:1.5!important; color:#5b6bc0; background:rgba(91,107,192,.1); border:1px solid rgba(91,107,192,.22); border-radius:20px; padding:3px 12px; transition:background .2s,transform .2s; }
body.single .ww-fl .ww-fl-c-actions .comment-reply-link:hover { background:rgba(91,107,192,.18); transform:translateY(-1px); }
body.single .ww-fl .ww-fl-c-actions .ww-fl-c-admin { color:#8a90a0; text-decoration:none; }
body.single .ww-fl .ww-fl-c-actions .ww-fl-c-admin:hover { color:#5b6bc0; }
body.single .ww-fl .ww-fl-c-actions .ww-fl-c-del:hover { color:#e0555f; }

/* 空评论提示:列表有内容就隐藏 */
body.single .ww-fl .ww-fl-list:not(:empty) ~ .ww-fl-empty { display:none; }

/* 管理员:文章编辑/删除(页脚虚线外)*/
body.single .ww-post-admin { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin:14px 0 4px; font-size:13px; }
body.single .ww-post-admin a { color:#8a90a0; text-decoration:none; padding:4px 13px; border-radius:16px; border:1px solid rgba(0,0,0,.09); transition:color .2s,border-color .2s; }
body.single .ww-post-admin .ww-post-edit:hover { color:#5b6bc0; border-color:rgba(91,107,192,.32); }
body.single .ww-post-admin .ww-post-del:hover { color:#e0555f; border-color:rgba(224,85,95,.32); }
body.dark.single .ww-post-admin a { border-color:rgba(255,255,255,.12); }

/* B) 引导线覆盖所有嵌套层级:thread.js 只给顶层 .children 加 .ww-fl-replies(有蓝线),
   深层"回复的回复"的 .children 没有 -> 这里给所有 .children 都画蓝色引导线,层级一目了然。*/
body.single .ww-fl ul.children { border-left: 2px solid #87CEFA; margin: 16px 0 0 26px; padding: 4px 0 0 22px; list-style: none; }
@media (max-width: 600px) { body.single .ww-fl ul.children { margin-left: 10px; padding-left: 14px; } }

/* C) 回复胶囊与下一张(嵌套)卡片之间留足间距,不再相贴 */
body.single .ww-fl .ww-fl-c-row { padding-bottom: 2px; }
body.single .ww-fl .ww-fl-c-actions { margin-top: 10px; margin-bottom: 2px; }
body.single .ww-fl ul.children.ww-fl-replies { margin-top: 18px; }