/* port.css — weheremed 静态化补丁样式（在原站 CSS 之后加载）
   范围：滚动解锁 / 导航下拉 / 画廊 / 选项卡 / 分页 / 表单 / 悬浮按钮 / 小屏适配 */

/* ============ 1b. 首页 banner 响应式缩放（复刻原站 JS：宽 100vw，高 799/1920 比例） ============ */
.banner .carousel-content {
  width: 100vw !important;
  height: 41.614583333333336vw !important;
}

/* ============ 1c. 原位替换块的链接样式（div→a 后保持外观） ============ */
a.product-btn, a.inquiry, .masking a.inquiry { text-decoration: none; }
a.product-btn { display: flex; align-items: center; justify-content: center; }

/* ============ 1. 滚动解锁（原站靠 JS 容器滚动，静态化后放开） ============ */
html, body { overflow: auto !important; height: auto !important; }
.container-scroll-wrap, .container-scroll-view { height: auto !important; max-height: none !important; overflow: visible !important; }
#__nuxt, #__layout { height: auto !important; overflow: visible !important; }

/* ============ 2. 顶部导航下拉（原为 Vue 交互，改为 hover/点击展开） ============ */
.navList ul.el-menu { background: transparent; }
.navList .el-submenu { position: relative; }
.navList .el-menu--horizontal.newChannelClass {
  position: absolute; top: 100%; left: 0; z-index: 3000; display: none;
  background: #fff; box-shadow: 0 8px 28px rgba(0, 0, 0, .14); border-radius: 6px;
  padding: 8px 0; min-width: 265px;
}
.navList .el-submenu.is-port-open > .el-menu--horizontal.newChannelClass,
.navList .el-submenu:hover > .el-menu--horizontal.newChannelClass { display: block !important; }
.navList .el-menu--horizontal .el-menu--popup {
  position: static; background: transparent; box-shadow: none; border-radius: 0; min-width: 0; padding: 0;
}
.navList .el-submenu .el-menu--inline { background: #f7f8fa; border-radius: 4px; }
.navList .el-submenu.is-port-open > ul.el-menu--inline,
.navList .el-submenu:hover > ul.el-menu--inline { display: block !important; }
.navList .el-submenu .el-submenu.is-port-open > ul.el-menu--inline,
.navList .el-submenu .el-submenu:hover > ul.el-menu--inline { display: block !important; }
/* 当前栏目高亮 */
.navList .port-current > .el-submenu__title span a,
.navList .el-menu-item.port-current > span a { color: var(--main-color) !important; }

/* ============ 3. 产品画廊（缩略图点击切换主图 + 滑块静态化） ============ */
.image-swiper .image-slide { cursor: pointer; }
.image-swiper .slick-list { height: 100% !important; }
.image-swiper .slick-track { width: 100% !important; left: 0 !important; }
.image-swiper .slick-slide { width: 100% !important; float: none !important; }
.image-swiper .slick-slide.slick-cloned { display: none !important; }
.image-container .image-current img.imag-pc { cursor: zoom-in; }
/* 画廊放大层：静态化后移除原 zoomer，点击主图开大图由 JS 处理 */
.port-lightbox {
  position: fixed; inset: 0; z-index: 99990; display: none;
  background: rgba(0, 0, 0, .82); align-items: center; justify-content: center; cursor: zoom-out;
}
.port-lightbox.port-open { display: flex; }
.port-lightbox img { max-width: 92vw; max-height: 92vh; box-shadow: 0 12px 48px rgba(0,0,0,.5); background: #fff; }

/* ============ 4. 选项卡（Product / Application Description） ============ */
.product-scene .el-tabs__nav { position: relative; }
.product-scene .el-tabs__item { cursor: pointer; }

/* ============ 5. 分页器（<a> 化） ============ */
.pagination .el-pager li.number a,
.pagination .btn-prev a, .pagination .btn-next a {
  color: inherit; text-decoration: none; display: block; width: 100%; height: 100%; line-height: inherit;
}
.pagination .btn-prev a, .pagination .btn-next a { display: flex; align-items: center; justify-content: center; }
.pagination .el-pager li.number { cursor: pointer; }
.pagination .el-pager li.number:hover { color: var(--main-color); }

/* ============ 6. 询盘表单 ============ */
.port-form-status { margin-top: 10px; font-size: 14px; display: none; }
.port-form-status.port-ok { display: block; color: #2e7d32; }
.port-form-status.port-err { display: block; color: #c62828; }
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-textarea__inner { border-color: #f56c6c !important; }

/* ============ 7. 数量选择器 cursor ============ */
.el-input-number__decrease, .el-input-number__increase { cursor: pointer; }

/* ============ 8. 返回顶部 ============ */
.ctrolPanel.port-show { display: block !important; }

/* ============ 9. 产品卡 SEND INQUIRY 遮罩链接 ============ */
.masking a.inquiry { text-decoration: none; display: flex; align-items: center; justify-content: center; }

/* ============ 10. 搜索框 ============ */
.saodi_search input { cursor: text; }

/* 小屏（原站为 PC 模板，做最小兜底避免横向溢出） */
@media (max-width: 900px) {
  html, body { overflow-x: hidden; }
  .module-container, .modules { max-width: 100%; }
}