/*!
 * GV Replica —— WordPress 适配层
 * 只补「原站 CSS 里缺失」的少量类，以及 WordPress 注入内容的排版修正。
 */

/* ---------- 0. FontAwesome（原站全局加载、本主题需自持） ---------- */
/* 轮播翻页箭头（origin-style.css 的 \f104/\f105）依赖该字体 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* ---------- 1. 原站 CSS 未覆盖、但结构里出现的类 ---------- */

/* About 页正文：迁移内容复用了首页深色区块的类名（白色/浅灰文字），
   在白底正文里恢复为正文深色 */
.sk-content-about .sk-index-company-info-desc,
.sk-content-about .sk-index-company-info-text {
  color: var(--introcolor, #555555);
  text-transform: none;
}

/* 产品图册缩略图 */
.image-additional .image-items { list-style: none; margin: 0; padding: 0; }
.image-additional .image-item { display: block; }
.image-additional .image-item > a {
  display: block;
  border: 1px solid var(--border, #eee);
  background: var(--white, #fff);
  overflow: hidden;
  transition: border-color .25s;
}
.image-additional .image-item > a img { width: 100%; display: block; }
.image-additional .image-item.current > a,
.image-additional .image-item > a:hover { border-color: var(--red, #132a88); }
.image-additional .owl-nav { position: static; }
.image-additional .owl-nav button.owl-prev,
.image-additional .owl-nav button.owl-next {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 28px; height: 28px; line-height: 26px; border-radius: 50%;
  background: rgba(0, 0, 0, .35) !important; color: #fff !important;
}
.image-additional .owl-nav button.owl-prev { left: -14px; }
.image-additional .owl-nav button.owl-next { right: -14px; }

/* 主图放大镜容器 */
.product-view .product-image > a { display: block; }
.product-view .product-image img { width: 100%; display: block; }

/* 栏目页产品网格容器 */
.sk-list-product { display: flex; flex-wrap: wrap; }

/* 侧栏 Latest News 文字 */
.sk-content-left-news-item { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border, #eee); }
.sk-content-left-news-item:last-child { border-bottom: 0; }
.sk-content-left-news-img { width: 84px; flex: 0 0 84px; overflow: hidden; }
.sk-content-left-news-img img { width: 100%; display: block; }
.sk-content-left-news-info { flex: 1; min-width: 0; }
.sk-content-left-news-title {
  font-size: 14px; line-height: 20px; color: var(--black, #000);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.sk-content-left-news-time { font-size: 12px; color: #8a8a8a; margin-top: 6px; }

/* 当前栏目高亮 */
.sk-expmenu-active { color: var(--red, #132a88); font-weight: 600; }
.sk-footer-box-faceback { margin-bottom: 18px; }
.sk-index-title-link { text-align: center; margin: 10px 0 30px; }

/* 询盘表单 */
form.sk-inquiry-form { width: 100%; }
form.sk-inquiry-form .sk-form-tip {
  padding: 10px 14px; margin-bottom: 14px; border-radius: 3px; font-size: 14px;
}
form.sk-inquiry-form .sk-form-tip.ok { background: #e8f7ee; color: #1a7f45; border: 1px solid #b7e3c8; }
form.sk-inquiry-form .sk-form-tip.err { background: #fdecec; color: #b3261e; border: 1px solid #f5c2c0; }
form.sk-inquiry-form input[type="submit"] { cursor: pointer; }

/* ---------- 2. WordPress 正文排版修正 ---------- */
.sk-content-page-main { font-size: 15px; line-height: 1.85; color: #333; }
.sk-content-page-main img { max-width: 100%; height: auto; display: block; margin: 12px auto; }
.sk-content-page-main h1, .sk-content-page-main h2,
.sk-content-page-main h3, .sk-content-page-main h4 {
  font-family: var(--fonts-two, 'Bai Jamjuree', sans-serif);
  font-weight: 600; color: var(--black, #000);
  margin: 24px 0 12px; line-height: 1.4;
}
.sk-content-page-main h1 { font-size: 26px; }
.sk-content-page-main h2 { font-size: 22px; }
.sk-content-page-main h3 { font-size: 19px; }
.sk-content-page-main h4 { font-size: 17px; }
.sk-content-page-main p { margin: 0 0 12px; }
.sk-content-page-main ul, .sk-content-page-main ol { margin: 0 0 14px; padding-left: 22px; }
.sk-content-page-main li { margin-bottom: 6px; }
.sk-content-page-main a { color: var(--red, #132a88); }
.sk-content-page-main table { width: 100%; border-collapse: collapse; margin: 14px 0; }
.sk-content-page-main th, .sk-content-page-main td { border: 1px solid var(--border, #eee); padding: 8px 10px; }
.sk-content-page-main th { background: var(--bgpro, #f9f9f9); }

/* 原站 Word 粘贴痕迹：MsoListParagraph 渲染成带点的列表行 */
.sk-content-page-main p.MsoListParagraph,
.sk-content-page-main p.MsoNormal {
  margin: 0 0 8px; padding-left: 18px; position: relative; line-height: 1.8;
}
.sk-content-page-main p.MsoListParagraph::before {
  content: ''; position: absolute; left: 2px; top: 12px;
  width: 5px; height: 5px; border-radius: 50%; background: var(--red, #132a88);
}
.sk-content-page-main p.MsoNormal { padding-left: 0; }
.sk-content-page-main span[lang] { font-size: inherit !important; }

/* ---------- 3. WordPress 杂项 ---------- */
.sk-pagination ul.page-numbers { list-style: none; display: flex; gap: 8px; justify-content: center; margin: 30px 0 0; padding: 0; }
.sk-pagination .page-numbers a,
.sk-pagination .page-numbers span {
  display: inline-block; min-width: 34px; height: 34px; line-height: 32px; text-align: center;
  border: 1px solid var(--border, #eee); color: #444; padding: 0 8px;
}
.sk-pagination .page-numbers .current { background: var(--red, #132a88); color: #fff; border-color: var(--red, #132a88); }

/* 后台工具栏不遮挡悬浮头 */
body.admin-bar .sk-header-box.sk-header-fixed { top: 32px; }
@media (max-width: 782px) { body.admin-bar .sk-header-box.sk-header-fixed { top: 46px; } }

/* 屏幕阅读器文本 */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

/* 懒加载兜底（JS 未执行时不至于全空） */
.no-js img.lazy { opacity: 1; }
