/* ============================================================
   kola-news.css — News Pages (archive + single)
   KolaTrading · Last updated: May 2026
   ============================================================ */

/* ── CSS Variables ── */
:root {
  --kt-navy:   #0D3B6E;
  --kt-navy-2: #1A5BA8;
  --kt-green:  #00C896;
  --kt-amber:  #F5A623;
  --kt-bg:     #F5F7FA;
  --kt-border: #D9E3EE;
  --kt-text-1: #0B1F3A;
  --kt-text-2: #4A5E78;
  --kt-text-3: #8A9BB2;
  --kt-font-h: 'Sora', sans-serif;
  --kt-font-b: 'DM Sans', sans-serif;
}

/* ── News Article Body ── */
.single-news .entry-content h2{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:#0B1F3A;margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid #00C896}
.single-news .entry-content h3{font-family:'Sora',sans-serif;font-size:15px;font-weight:600;color:#0B1F3A;margin:18px 0 8px}
.single-news .entry-content p{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.8;color:#4A5E78;margin-bottom:14px}
.single-news .entry-content ul,
.single-news .entry-content ol{margin:12px 0 16px 20px;font-size:15px;line-height:1.8;color:#4A5E78}
.single-news .entry-content strong{color:#0B1F3A;font-weight:600}
.single-news .entry-content p:last-of-type a{color:#2E7DD6}

/* ── Callout Boxes ── */
.kt-callout{border-radius:0 8px 8px 0;padding:13px 17px;margin:16px 0;font-size:14px;line-height:1.7}
.kt-callout.warning{background:#FFF8E6;border-left:4px solid #F5A623;color:#5A3A00}
.kt-callout.info{background:#EBF0F7;border-left:4px solid #2E7DD6;color:#0D2A4A}
.kt-callout.success{background:#E8FBF3;border-left:4px solid #00C896;color:#0D4A30}

/* ── Sidebar — TOC Card ── */
.blog-toc-card{background:#fff;border:1px solid #D9E3EE;border-radius:12px;overflow:hidden;margin-bottom:16px}
.blog-toc-head{padding:12px 16px;background:#F5F7FA;border-bottom:1px solid #D9E3EE;display:flex;align-items:center;gap:8px}
.blog-toc-head-title{font-family:'Sora',sans-serif;font-size:13px;font-weight:600;color:#0B1F3A}
.blog-toc-body{padding:10px 14px;display:flex;flex-direction:column}
.blog-toc-link{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#1A5BA8;text-decoration:none;padding:6px 0;border-bottom:1px solid #F5F7FA;line-height:1.5}
.blog-toc-link:last-child{border-bottom:none}
.blog-toc-link:hover{color:#0D3B6E}
.blog-toc-num{font-family:'DM Mono',monospace;font-size:10px;color:#8A9BB2;flex-shrink:0;padding-top:2px}

/* ── Sidebar — Broker List ── */
.blog-broker-list{background:#fff;border:1px solid #D9E3EE;border-radius:12px;overflow:hidden;margin-bottom:16px}
.blog-broker-list-head{padding:14px 16px;background:linear-gradient(135deg,#0D3B6E,#1A5BA8);border-bottom:1px solid #D9E3EE}
.blog-broker-list-title{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}
.blog-broker-list-sub{font-size:10px;color:rgba(255,255,255,.55)}
.blog-broker-list-body{padding:8px 0}
.blog-broker-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid #F5F7FA}
.blog-broker-item:last-child{border-bottom:none}
.blog-broker-abbr{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}
.blog-broker-meta{flex:1;min-width:0}
.blog-broker-name{font-family:'Sora',sans-serif;font-size:12px;font-weight:600;color:#0B1F3A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blog-broker-stat{font-size:10px;color:#8A9BB2;margin-top:1px}
.blog-broker-btns{display:flex;gap:5px;flex-shrink:0}
.blog-broker-btn-rev{font-size:10px;font-weight:600;color:#1A5BA8;background:#EBF0F7;border:1px solid #D9E3EE;padding:3px 8px;border-radius:4px;text-decoration:none;white-space:nowrap}
.blog-broker-btn-rev:hover{background:#D9E3EE;color:#0D3B6E}
.blog-broker-btn-visit{font-size:10px;font-weight:700;color:#0D3B6E;background:#00C896;padding:3px 8px;border-radius:4px;text-decoration:none;white-space:nowrap}
.blog-broker-btn-visit:hover{background:#00A578}
.blog-broker-list-footer{padding:10px 14px;font-size:10px;color:#8A9BB2;line-height:1.5;border-top:1px solid #D9E3EE;background:#F5F7FA}
/* ─── Mobile & Style Fixes: News sidebar ────────────────── */
@media (max-width: 1024px) {
  #kt-news-pubdate,
  #kt-toc-card { display: none !important; }
  .blog-broker-list { margin-bottom: 20px !important; }
  .blog-broker-list-head { padding: 12px 14px !important; }
  .blog-broker-list-title { font-size: 14px !important; }
  .blog-broker-item { padding: 12px 14px !important; gap: 10px !important; }
  .blog-broker-abbr {
    width: 36px !important;
    height: 36px !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
  }
  .blog-broker-name { font-size: 15px !important; font-weight: 600 !important; }
  .blog-broker-stat { font-size: 12px !important; line-height: 1.5 !important; }
  .blog-broker-btns { flex-direction: row !important; gap: 6px !important; flex-shrink: 0 !important; }
  .blog-broker-btn-rev,
  .blog-broker-btn-visit { font-size: 12px !important; padding: 6px 10px !important; }
}
/* 隐藏 news 归档页默认标题 */
.post-type-archive-news .page-header,
.post-type-archive-news .archive-title {
  display: none !important;
}