/*
Theme Name: ContentBerg Child
Theme URI: https://www.chaihailei.com/
Description: 柴海磊设计事务所 · 定制子主题（朝鲜日报明朝体 + logo 几何配色）
Author: CHAIHAILEI DESIGN FIRM
Author URI: https://www.chaihailei.com/
Template: contentberg
Version: 2.0
*/

/* ============================================================
   1. 朝鲜日报字体（中文统一明朝体）
   ============================================================ */
@font-face {
  font-family: 'Chosun';
  src: url('fonts/Chosunilbo.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   2. 配色（logo 几何色板）
   深蓝墨文字 #1F2A3D = logo 深蓝底座
   暖橙强调 #C7740C = logo 橙块
   暖米白背景 #F7F3EC = 温暖基调
   ============================================================ */
:root {
  --c-main: #C7740C;       /* 暖橙（logo 橙块） */
  --c-body: #F7F3EC;       /* 暖米白（页面背景） */
  --c-dark: #1F2A3D;       /* 深蓝墨（logo 深蓝底座） */
  --c-rgba: 31, 42, 61;

  /* 亮部：暖米白（卡片/背景/边框） */
  --c-gray-0: #FDFBF7;
  --c-gray-30: #FAF7F1;
  --c-gray-50: #F7F3EC;
  --c-gray-60: #F4EFE6;
  --c-gray-70: #F0EAE0;
  --c-gray-100: #EAE3D8;
  --c-gray-125: #E4DCCF;
  --c-gray-150: #DCD3C4;
  --c-gray-175: #D3C9B9;
  --c-gray-200: #C9BEAD;

  /* 中部：蓝灰（次级文字） */
  --c-gray-225: #AEB4BE;
  --c-gray-300: #9AA1AD;
  --c-gray-350: #878E9C;
  --c-gray-400: #767D8B;
  --c-gray-500: #6B7280;
  --c-gray-550: #5F6673;
  --c-gray-600: #545B68;   /* 正文 */
  --c-gray-700: #464D5A;
  --c-gray-750: #3B414C;
  --c-gray-775: #343A44;
  --c-gray-800: #2D333D;
  --c-gray-850: #272C35;
  --c-gray-900: #21262E;
  --c-gray-925: #1C2027;
  --c-gray-950: #171A20;
  --c-gray-1000: #1F2A3D;
  --c-gray-1050: #1A2434;
  --c-gray-1100: #161E2B;
  --c-gray-1200: #121823;
  --c-gray-1250: #0E121B;
  --c-gray-1300: #0A0C13;
  --c-gray-1350: #06070B;
  --c-gray-1400: #1F2A3D;   /* 深蓝墨（顶部边线，替代纯黑） */

  --c-gray-max: var(--c-dark);
  --shadow-image: 0 3px 12px -1px rgba(31, 42, 61, .12), 0 22px 27px -20px rgba(31, 42, 61, .18);
  --shadow-image-hov: 0 15px 45px -5px rgba(31, 42, 61, .22);
}

/* ============================================================
   3. 字体应用（全站统一朝鲜日报明朝体）
   ============================================================ */
body {
  font-family: 'Chosun', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.post-title, .heading, .the-post-head,
.nav-menu a, .ts-logo, .text-logo,
blockquote, .post-content, .entry-content,
button, input, select, textarea, .button, .ts-button {
  font-family: 'Chosun', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif !important;
}

/* 标题字重微调：明朝体偏细，主标题加重 */
.post-title, h1, h2, h3, .heading {
  font-weight: 600;
}

/* ============================================================
   4. 导航：左 logo + 右菜单
   ============================================================ */
/* 导航栏背景：暖米白，与页面统一（去掉纯白生硬感） */
.main-head.simple .inner,
.main-head .inner-head {
  background: var(--c-body) !important;
  border-color: var(--c-gray-125);
}

/* 菜单右对齐 + 菜单项样式 */
.main-head .navigation-wrap.inline {
  margin-left: auto;
}
.nav-menu > li > a {
  color: var(--c-dark);
  font-weight: 600;
  letter-spacing: .5px;
  font-family: 'Chosun', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
}
.nav-menu > li > a:hover,
.nav-menu > li.current-menu-item > a {
  color: var(--c-main);
}

/* logo 高度约束，保持纵横比 */
.title.ts-logo .logo-image {
  max-height: 48px;
  width: auto;
}

/* ============================================================
   5. 隐藏深/浅色切换（黑白不吉利，且已定暖色基调）
   ============================================================ */
.scheme-switcher {
  display: none !important;
}

/* ============================================================
   6. 链接与强调色
   ============================================================ */
a {
  color: var(--c-main);
}
a:hover {
  color: var(--c-dark);
}

/* 分类标签：呼应 logo 多彩几何（按分类区分） */
/* 默认橙（logo 橙块），其余在 WordPress 后台按分类自定义 */

/* ===== 导航 LOGO 尺寸（透明版 688×132） ===== */
.main-head.simple .title .logo-image,
.main-head.simple .inner.sticky-bar .logo-image,
.main-head.compact .title .logo-image,
.main-head.compact .inner.sticky-bar .logo-image,
.main-head.logo-left .title .logo-image,
.main-head .logo-image {
	max-height: 36px;
	width: auto;
	height: auto;
}
@media (max-width: 767px) {
	.main-head .logo-image {
		max-height: 26px;
	}
}

/* ===== 文章封面修复(2026-08-28)：封面为设计成图(自带标题)，隐藏主题叠加层+按原始比例完整显示 ===== */
.single-creative .featured .overlay { display: none; }
.single-creative .featured { height: auto; }
.single-creative .featured .wp-post-image { height: auto; }
/* ============================================================
   Footer 排版修复 (2026-08-29) — 版权信息结构化多行，工整
   精确覆盖 .main-footer.dark.bold (footer_layout=bold-light)
   ============================================================ */

/* —— 版权块：左对齐、块级、清晰层级 —— */
.main-footer.dark.bold .lower-footer > .wrap,
.main-footer.dark .lower-footer > .wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 34px 0 30px;
  position: relative;
}

/* slogan：衬线、稍大、留白 */
.main-footer.dark.bold .chl-copyright,
.main-footer .chl-copyright {
  max-width: 100%;
  margin: 0;
}

.main-footer.dark.bold .chl-copyright__slogan,
.main-footer .chl-copyright__slogan {
  display: block;
  margin: 0 0 10px;
  font-family: "Chosunilbo", "Songti SC", "SimSun", serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #eee;
  line-height: 1.5;
}

/* meta：公司信息分组，行距舒展，避免硬折行 */
.main-footer.dark.bold .chl-copyright__meta,
.main-footer .chl-copyright__meta {
  display: block;
  font-size: 13px;
  line-height: 2.1;
  color: #999;
}

.main-footer.dark.bold .chl-copyright__meta > span,
.main-footer .chl-copyright__meta > span {
  display: inline-block;
  margin-right: 14px;
  white-space: nowrap;
}

/* 公司名、英文名：独立成行（覆盖上方 inline-block） */
.main-footer.dark.bold .chl-copyright__company,
.main-footer.dark.bold .chl-copyright__en,
.main-footer .chl-copyright__company,
.main-footer .chl-copyright__en {
  display: block !important;
  margin-right: 0;
}

/* 公司名：加粗、更亮 */
.main-footer.dark.bold .chl-copyright__company,
.main-footer .chl-copyright__company {
  display: block !important;
  font-weight: 500;
  color: #ccc;
  margin-bottom: 2px;
}

.main-footer.dark.bold .chl-copyright__en,
.main-footer .chl-copyright__en {
  display: block !important;
  letter-spacing: 0.06em;
  color: #777;
  margin-bottom: 6px;
}

.main-footer.dark.bold .chl-copyright__year,
.main-footer .chl-copyright__year {
  color: #888;
}

.main-footer.dark.bold .chl-copyright__icp,
.main-footer .chl-copyright__icp {
  display: inline-block;
}

.main-footer.dark.bold .chl-copyright a,
.main-footer .chl-copyright a {
  color: #bbb;
}
.main-footer.dark.bold .chl-copyright a:hover,
.main-footer .chl-copyright a:hover {
  color: #fff;
}

/* —— to-top：右上角独立，不挤版权 —— */
.main-footer.dark.bold .to-top,
.main-footer .to-top {
  float: none;
  position: absolute;
  top: 34px;
  right: 0;
  margin: 0;
}
.main-footer.dark.bold .back-to-top,
.main-footer.dark .back-to-top {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

/* —— 空 social-icons 不占位 —— */
.main-footer.dark.bold .social-icons:empty,
.main-footer .social-icons:empty {
  display: none;
}

/* —— 手机窄屏：to-top 回落正文流，版权全宽 —— */
@media (max-width: 767px) {
  .main-footer.dark.bold .lower-footer > .wrap,
  .main-footer.dark .lower-footer > .wrap {
    display: block;
    padding: 28px 0 24px;
  }
  .main-footer.dark.bold .to-top,
  .main-footer .to-top {
    position: static;
    float: none;
    margin: 18px 0 0;
  }
  .main-footer.dark.bold .chl-copyright__meta,
  .main-footer .chl-copyright__meta {
    line-height: 2.1;
  }
}
/* ============================================================
   5. 全站字体统一修复（2026-08-29）
   根因：ContentBerg 父主题对组件（figcaption/author-box/post-meta/
   分享/footer/back-to-top/time 等）单独指定 font-family: Roboto，
   子主题仅覆盖 body/标题/导航，导致这些组件中文回退 sans-serif。
   修复：body * 通配覆盖 + 图标字体豁免。
   ============================================================ */
body * {
  font-family: 'Chosun', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif !important;
}

/* 图标字体豁免：保持 ContentBerg ts-icons / FontAwesome 图标正常渲染 */
i,
.tsi,
[class*="tsi-"],
[class*="fa-"],
.fa,
.post-share .tsi,
.main-footer .social-icons i,
.back-to-top i {
  font-family: 'ts-icons' !important;
}

/* footer slogan 字族名纠正：'Chosunilbo' -> 'Chosun'（原为错误字族名） */
.chl-copyright__slogan {
  font-family: 'Chosun', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif !important;
}

/* ============================================================
   Related Posts 图片统一裁切（2026-09-01）
   底部「更多阅读」各图原比例不同导致高低不齐，
   统一为 3:2 裁切，视觉一致。
   ============================================================ */
.related-posts .image-link {
  display: block;
  overflow: hidden;
}
.related-posts .image-link img {
  width: 100%;
  aspect-ratio: 3 / 2;
  -o-object-fit: cover;
     object-fit: cover;
}
/* ============================================================
   Archives & Category List 图片统一裁切（2026-09-01）
   方法/手记/作品/实验室等归档分类页文章列表图高低不齐，
   统一为 3:2 裁切（与 Related Posts 一致），视觉统一。
   只作用于列表缩略图，不影响文章正文配图。
   ============================================================ */
.posts-container .image-link,
.posts-wrap .image-link,
.main-pagination + .posts-container .image-link,
.archive .posts-container .image-link {
  display: block;
  overflow: hidden;
}
.posts-container .image-link img,
.posts-wrap .image-link img {
  width: 100%;
  aspect-ratio: 3 / 2;
  -o-object-fit: cover;
     object-fit: cover;
}