/* ============================================================
 * opc-native.css — 全站原生模板字体/颜色对齐（全局样式统一）
 * 全站无条件加载（opc-mod-native，见 opc-functions.php）。
 * 覆盖父主题原生内容区标题/面包屑/列表卡片/分页/按钮/侧边栏字号色彩，
 * 对齐 M4-M8 新页面基准（tokens.css 令牌），不改变原有布局结构。
 * 与 opc-news.css（仅 category.php/single.php 生效）存在选择器重叠，
 * 数值完全一致，重叠是为了覆盖 archive.php/search.php/404.php/
 * page.php/page-comment.php 等 opc-news.css 未覆盖到的原生页面。
 * ============================================================ */

/* ---------- 文章/页面标题（single.php / page.php / page-comment.php / 404.php 共用） ---------- */
.entry-title {
  font-family: var(--font-display);
  color: var(--text);
}

/* ---------- 归档/搜索列表标题（archive.php / category.php / search.php 共用 sec-panel-head） ---------- */
.sec-panel-head h1,
.sec-panel-head h1 span,
.sec-panel-head h2,
.sec-panel-head h2 span,
.sec-panel-head h3,
.sec-panel-head h3 span {
  font-family: var(--font-display);
  color: var(--text);
}
.banner-inner h1 {
  font-family: var(--font-display);
}

/* ---------- 面包屑 ---------- */
.breadcrumb,
.breadcrumb a {
  font-family: var(--font-sans);
  color: var(--muted);
}
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb .current { color: var(--text); }

/* ---------- 列表卡片（archive.php / search.php 共用 post-loop，覆盖值与 opc-news.css 保持一致） ---------- */
.post-loop .item-title,
.post-loop .item-title a {
  font-family: var(--font-display);
  color: var(--text);
}
.post-loop .item-title a:hover { color: var(--accent); }

.post-loop .item-excerpt { color: var(--muted); }

.post-loop .item-category {
  color: #fff;
  background: var(--accent);
}

.post-loop .item-meta,
.post-loop .item-meta-li,
.post-loop .item-meta-li a,
.post-loop .item-meta-left,
.post-loop .item-meta-right {
  color: var(--muted);
  font-family: var(--font-sans);
}
.post-loop .item-meta-li a:hover { color: var(--accent); }

/* ---------- 分页 ---------- */
.wpcom-pagination a,
.wpcom-pagination span {
  font-family: var(--font-sans);
  color: var(--muted);
  border-color: var(--line);
}
.wpcom-pagination a:hover,
.wpcom-pagination .current {
  color: #fff;
  background: var(--accent);
  border-color: var(--accent);
}

/* ---------- 通用主按钮（登录/注册/表单提交等全站复用同一 class） ---------- */
.wpcom-btn.btn-primary {
  font-family: var(--font-sans);
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.wpcom-btn.btn-primary:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}

/* ---------- 侧边栏（get_sidebar() 全站复用） ---------- */
.widget-title {
  font-family: var(--font-display);
  color: var(--text);
}
.widget {
  color: var(--text);
  font-family: var(--font-sans);
}
.widget a { color: inherit; }
.widget a:hover { color: var(--accent); }

/* ---------- 404 页 ---------- */
.e404-page-text {
  color: var(--muted);
  font-family: var(--font-sans);
}
.e404-page-text .entry-title {
  color: var(--text);
}

/* ---------- 评论表单：登录用户头像 + 名称同行 ---------- */
/* 2026-07-17：tokens.css 全局 img{display:block} 会把评论表单里的头像挤成块级、
   导致名字换到下一行。这里让 .form-submit-text 用 flex，让头像与名字同行居中。 */
.form-submit-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.form-submit-text img {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ========== 2026-07-18d：覆盖父主题 el-boxed 容器的 post-loop padding ========== */
.el-boxed .post-loop-default {
  padding: 0;
}

/* ========== 2026-07-19：OPC资讯列表页 el-boxed 面板左右去内边距 ========== */
.el-boxed .sec-panel-head {
  padding: 20px 0 0;
}
.el-boxed .sec-panel-body {
  padding: 20px 0;
}