/* 动态内容适配（在原站样式基础上做最小覆盖） */

/* 菜单当前页高亮与原站一致 */
.breakdance .breakdance-menu-item--active > .breakdance-menu-link { color: var(--bde-headings-color); font-weight: 700; }

/* 页脚 logo 按原站尺寸 */
.breakdance .bde-image2-2007-111 { height: auto; width: 100px; background: #fff; padding: 8px; border-radius: 4px; }

/* 头部 logo */
.breakdance .bde-image2-2000-101 { height: 52px; width: auto; }

/* 头部联系信息小图标（布局 gap/nowrap 由 post-2000.css 原版规则控制） */
.breakdance .bde-image2-2000-114, .breakdance .bde-image2-2000-116 { width: 20px; height: 20px; }

/* 新闻/视频循环卡片：图片比例与间距（沿用原站模板结构） */
.breakdance .bde-loop-grid { display: grid; gap: 32px; }
.breakdance .bde-image2-2172-101 { border-radius: 2px; }

/* 语言旗帜 */
.wpml-ls-flag { width: 20px; height: 14px; display: inline-block; }

/* WooCommerce 产品图库（源站 SPSwiper 缺失时的静态降级，视觉与源站一致） */
#wpgs-gallery .wcgs-carousel .spswiper-wrapper { display: block; }
#wpgs-gallery .wcgs-carousel .spswiper-slide { display: none; }
#wpgs-gallery .wcgs-carousel .spswiper-slide:first-child { display: block; }
#wpgs-gallery .wcgs-slider-image img.wcgs-slider-image-tag { width: 100%; height: auto; object-fit: contain; }
#wpgs-gallery .gallery-navigation-carousel .spswiper-wrapper { display: flex; flex-wrap: wrap; gap: 6px; }
#wpgs-gallery .gallery-navigation-carousel .wcgs-thumb { cursor: pointer; border: 2px solid #ddd; }
#wpgs-gallery .gallery-navigation-carousel .wcgs-thumb.wcgs-thumb-active { border-color: var(--bde-brand-primary-color); }
#wpgs-gallery .gallery-navigation-carousel .wcgs-thumb img { width: 96px; height: 96px; object-fit: cover; display: block; }

/* 表格化内容页（产品详情/文章/联系表单/市场团队）用原站排版语言 */
.page-wrap { padding: 60px 0; }
.page-wrap .container { width: min(1200px, 92%); margin: 0 auto; }
.page-title { font-size: 40px; font-weight: 800; letter-spacing: -0.5px; color: var(--bde-headings-color); margin-bottom: 30px; }
.cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.cards-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.card-item { background: #fff; border: 1px solid var(--grey-200); border-radius: 3px; overflow: hidden; display: block; transition: all .3s; }
.card-item:hover { box-shadow: 0 14px 34px rgba(17,24,39,.10); transform: translateY(-4px); }
.card-item .ci-img { aspect-ratio: 16/9; background-size: cover; background-position: center; background-color: var(--grey-100); }
.card-item .ci-body { padding: 20px 22px 24px; }
.card-item .ci-title { font-size: 16px; font-weight: 600; color: #222; line-height: 1.4; margin-bottom: 10px; }
.card-item .ci-text { font-size: 14px; color: var(--grey-500); line-height: 1.7; }
.cat-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.cat-pills a { padding: 9px 20px; border: 1px solid var(--grey-300); border-radius: 3px; font-size: 14px; color: var(--grey-600); background: #fff; }
.cat-pills a.active, .cat-pills a:hover { background: var(--bde-brand-primary-color); border-color: var(--bde-brand-primary-color); color: #fff; }
.detail-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; }
.detail-grid .dg-img { width: 100%; aspect-ratio: 4/3; background-size: cover; background-position: center; background-color: var(--grey-100); border-radius: 3px; }
.rich { color: var(--grey-700); line-height: 1.8; }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.team-card { background: #fff; border: 1px solid var(--grey-200); border-radius: 3px; padding: 28px 26px; }
.team-card h3 { font-size: 18px; font-weight: 700; color: var(--bde-headings-color); }
.team-card .role { color: var(--bde-brand-primary-color); font-size: 14px; font-weight: 600; display: block; margin: 6px 0 10px; }
.team-card .mail { color: var(--grey-500); font-size: 14px; }
.form-card { background: #fff; border: 1px solid var(--grey-200); border-radius: 3px; padding: 34px; }
.form-card label { display: block; font-size: 14px; font-weight: 600; color: var(--grey-800); margin-bottom: 16px; }
.form-card input, .form-card textarea { width: 100%; margin-top: 6px; padding: 11px 14px; border: 1px solid var(--grey-300); border-radius: 3px; font-size: 15px; font-family: inherit; outline: none; }
.form-card input:focus, .form-card textarea:focus { border-color: var(--bde-brand-primary-color); }
.form-card .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.btn-bd { display: inline-block; padding: 14px 24px; font-size: 16px; font-weight: 500; line-height: 1; border-radius: 3px; border: 1px solid transparent; cursor: pointer; background: var(--bde-brand-primary-color); color: #fff; transition: background .2s; }
.btn-bd:hover { background: var(--bde-brand-primary-color-hover); }
.form-ok { background: #e7f8ee; border: 1px solid #b5e2c8; color: #1c7c46; padding: 14px 18px; border-radius: 3px; margin-bottom: 18px; font-size: 14px; }
@media (max-width: 1023px) { .cards-grid, .cards-grid.cols-4, .team-grid, .detail-grid, .form-card .form-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 479px) { .cards-grid, .cards-grid.cols-4, .team-grid, .detail-grid, .form-card .form-row { grid-template-columns: 1fr; } .page-title { font-size: 30px; } }

/* 页头联系条：电话/邮箱不放平会换行，强制单行（比源站更优） */
.bde-div-2000-112 { flex-shrink: 0; }
.bde-div-2000-112 .bde-text-2000-118,
.bde-div-2000-112 .bde-text-2000-115 { white-space: nowrap; flex-shrink: 0; }
/* 电话单行比源站（两行换行）多占约 75px，菜单项左右 padding 20→13 腾出等量空间，
   否则语言切换按钮的泄漏文字会溢出压到电话图标上 */
@media (min-width: 1024px) {
  .bde-wp-menu-2000-111 .breakdance-menu {
    --link-padding-left: 13px;
    --link-padding-right: 13px;
  }
}
/* 页头横向空间不足时由导航菜单收缩吸收（菜单项仍单行） */
.bde-wp-menu-2000-111 { min-width: 0; }
/* 小屏恢复源站行为（避免 nowrap 造成横向溢出） */
@media (max-width: 1023px) {
  .bde-div-2000-112 { flex-shrink: 1; flex-wrap: wrap; justify-content: flex-start; row-gap: 2px; }
  .bde-div-2000-112 .bde-text-2000-118,
  .bde-div-2000-112 .bde-text-2000-115 { white-space: normal; }
}

/* 新闻详情页日期 meta：本地缺少 Breakdance 元素库的 list-style 重置，补上 */
.bde-post-meta { list-style: none; margin: 0; padding: 0; }
.bde-post-meta li { list-style: none; margin: 0; padding: 0; }

/* 产品图库：大图在上、缩略图在下（flex 子元素 wrapper 在 DOM 前面，order 需大于 carousel 的 1） */
#wpgs-gallery.wcgs-woocommerce-product-gallery .gallery-navigation-carousel-wrapper { order: 2; }

/* 产品图库左右箭头修复：图库 CSS 用 font-family:spwgfontello，但全站无该族的 @font-face
   （fontello.css 声明的是 smart-swatches-fontello），且现版字体码位 \e800=minus、\e801 缺失。
   ① 补声明 spwgfontello；② 码位重映射到字体中真实存在的箭头字形（\e814=‹ \e802=›） */
@font-face {
  font-display: swap;
  font-family: spwgfontello;
  src: url(/plugins/smart-swatches/src/Frontend/assets/font/fontello.woff2?24319163) format('woff2'),
       url(/plugins/smart-swatches/src/Frontend/assets/font/fontello.woff?24319163) format('woff'),
       url(/plugins/smart-swatches/src/Frontend/assets/font/fontello.ttf?24319163) format('truetype');
  font-weight: 400;
  font-style: normal;
}
.gallery-navigation-carousel .wcgs-spswiper-button-prev:before,
.wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-prev:before { content: "\e814"; }
.gallery-navigation-carousel .wcgs-spswiper-button-next:before,
.wcgs-carousel .wcgs-spswiper-arrow.wcgs-spswiper-button-next:before { content: "\e802"; }