/*
Theme Name: 秉瑞科技
Theme URI:
Description: 专属定制WP主题
Author: 云初
Author URI:
Version: 1.0
Text Domain: yccustomizedtheme
Tags: bingrui
*/

/* ============================================================
   本主题补充样式（WP 集成部分）
   ============================================================ */

/* best-services 轮播改造：swiper-slide 内的 item 撑满滑块宽度 */
.best-services-swiper .swiper {
  overflow: hidden;
}

.best-services-swiper .best-service-item {
  width: 100%;
  flex: 0 0 100%;
  display: block;
}


/* ============================================================
   Contact 页适配
   ============================================================ */

/* 联系方式卡片：修复挤在一行的问题，恢复 2+1 布局（电话+邮箱一行，地址整行） */
.page-contact-us .contact-info-list {
  flex-wrap: wrap;
  gap: 30px;
}

.page-contact-us .contact-info-item {
  flex-shrink: 0;
}

/* Contact Form 7 表单适配：保持静态稿排版 */
.contact-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.contact-form .wpcf7-form .wpcf7-response-output {
  margin: 0 0 20px;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 14px;
}

.contact-form .wpcf7-form .wpcf7-not-valid-tip {
  margin-top: 8px;
}

/* CF7 提交按钮 spinner 位置微调 */
.contact-form .wpcf7-form .wpcf7-spinner {
  margin: 0 0 0 15px;
  vertical-align: middle;
}


/* ============================================================
   Customization 页私有样式（仅本页使用，前缀 custom-，不污染其他页面）
   ============================================================ */

.customization-page-wrap {
  padding: 100px 0;
}

.customization-page-wrap .section-row {
  margin-bottom: 80px;
}

.customization-page-wrap .section-row:last-child {
  margin-bottom: 0;
}

/* 优势/清单卡片 */
.customization-card {
  background: var(--white-color);
  border: 1px solid var(--divider-color);
  border-radius: 30px;
  padding: 30px;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

.customization-card:hover {
  transform: translateY(-6px);
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.07);
}

.customization-card .icon-box {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
  margin-bottom: 20px;
}

.customization-card .icon-box i {
  font-size: 30px;
  color: #fff;
}

.customization-card ul {
  margin: 0;
  padding-left: 20px;
}

.customization-card ul li {
  margin-bottom: 12px;
}

.customization-card ul li:last-child {
  margin-bottom: 0;
}

/* 数字流程步骤 */
.custom-process-item {
  position: relative;
  padding-left: 70px;
  margin-bottom: 32px;
}

.custom-process-item:last-child {
  margin-bottom: 0;
}

.custom-process-num {
  position: absolute;
  left: 0;
  top: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(to right, var(--accent-color), var(--accent-secondary-color));
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 定制产品分类卡片 */
.custom-prod-card {
  display: block;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--divider-color);
  height: 100%;
  background: var(--white-color);
  transition: all 0.3s ease-in-out;
}

.custom-prod-card:hover {
  transform: translateY(-6px);
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.07);
}

.custom-prod-card-img {
  width: 100%;
  aspect-ratio: 1/0.7;
  overflow: hidden;
}

.custom-prod-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease;
}

.custom-prod-card:hover .custom-prod-card-img img {
  transform: scale(1.05);
}

.custom-prod-card-body {
  padding: 26px;
}

.custom-prod-card-body h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

/* 深色 CTA 询盘区块 */
.custom-cta-block {
  background: linear-gradient(90deg, var(--accent-color) 0.18%, var(--accent-secondary-color) 100.18%);
  border-radius: 30px;
  padding: 50px 40px;
  color: #ffffff;
}

.custom-cta-block h2 {
  color: #fff;
}

.custom-cta-block p {
  color: rgba(255, 255, 255, 0.85);
}

/* 适配移动端 */
@media only screen and (max-width: 991px) {
  .customization-page-wrap {
    padding: 50px 0;
  }

  .customization-page-wrap .section-row {
    margin-bottom: 45px;
  }

  .custom-process-item {
    padding-left: 58px;
  }

  .custom-process-num {
    width: 44px;
    height: 44px;
    font-size: 18px;
  }

  .custom-cta-block {
    padding: 35px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .customization-card {
    padding: 22px;
  }

  .custom-prod-card-body {
    padding: 18px;
  }
}


/* ============================================================
   产品列表页（归档/分类）：左侧分类导航
   ============================================================ */

/* 侧边导航卡片 */
.product-sidebar-card {
  background: var(--white-color);
  border: 1px solid var(--divider-color);
  border-radius: 24px;
  padding: 30px 25px;
}

.product-sidebar-card h3 {
  font-size: 22px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--divider-color);
}

.product-cat-list,
.cat-children {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 一级行：链接 + 展开图标 */
.product-cat-list>.cat-item {
  margin-bottom: 6px;
}

.cat-item-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cat-item-row>a {
  flex: 1;
  display: block;
  padding: 10px 15px;
  border-radius: 10px;
  font-weight: 500;
  color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}

.cat-item-row>a:hover {
  color: var(--accent-color);
  background: var(--secondary-color);
}

/* 展开/收起小图标（点击只折叠子级，不影响链接跳转） */
.cat-toggle {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: 1px solid var(--divider-color);
  border-radius: 50%;
  background: transparent;
  color: var(--text-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: all 0.3s ease-in-out;
}

.cat-toggle:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
}

.cat-toggle i {
  transition: transform 0.3s ease-in-out;
}

.cat-item.open>.cat-item-row .cat-toggle i {
  transform: rotate(180deg);
}

/* 子分类：默认收起，open 时展开 */
.cat-children {
  display: none;
  padding-left: 22px;
  margin-top: 4px;
}

.cat-item.open>.cat-children {
  display: block;
}

.cat-children .cat-item {
  margin-bottom: 4px;
}

.cat-children .cat-item a {
  display: block;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 15px;
  color: var(--text-color);
  transition: all 0.3s ease-in-out;
}

.cat-children .cat-item a:hover {
  color: var(--accent-color);
  background: var(--secondary-color);
}

/* 当前选中分类高亮（一级/二级通用）：仅文字变色，不带背景 */
.cat-item.current-cat>.cat-item-row>a,
.cat-children .cat-item.current-cat>a {
  color: var(--accent-color);
  font-weight: 600;
}

.cat-item.current-cat>.cat-item-row .cat-toggle {
  border-color: var(--accent-color);
  color: var(--accent-color);
}

/* 移动端：侧边导航与列表上下堆叠，导航卡片与列表留出间距 */
@media only screen and (max-width: 991px) {
  .product-sidebar {
    margin-bottom: 40px;
  }
}