/*
Theme Name: Astra Child
Template: astra
Version: 1.0.0
*/
/* ==========================================
   1. 外贸 B2B 顶部信息栏 - 纯 CSS 图标版
   ========================================== */
.header-b2b-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}

.header-b2b-info .info-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-b2b-info .info-icon {
  width: 42px;
  height: 42px;
  background-color: #E6F7F8;
  border: 1px solid #B2EBF2;
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.header-b2b-info .icon-email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300ADB5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'%3E%3C/rect%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'%3E%3C/path%3E%3C/svg%3E");
}

.header-b2b-info .icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300ADB5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
}

.header-b2b-info .icon-shield {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300ADB5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E");
}

.header-b2b-info .info-item:hover .info-icon {
  background-color: #00ADB5;
  border-color: #00ADB5;
}

.header-b2b-info .info-item:hover .icon-email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'%3E%3C/rect%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'%3E%3C/path%3E%3C/svg%3E");
}

.header-b2b-info .info-item:hover .icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
}

.header-b2b-info .info-item:hover .icon-shield {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E");
}

.header-b2b-info .info-text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

.header-b2b-info .label {
  font-size: 11px;
  color: #888888;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 3px;
}

.header-b2b-info .value {
  font-size: 14px;
  font-weight: 700;
  color: #1f2937;
  text-decoration: none;
  transition: color 0.2s ease;
}

.header-b2b-info a.value:hover {
  color: #00ADB5;
}

.header-b2b-info .highlight {
  color: #00ADB5;
}

@media (max-width: 921px) {
  .header-b2b-info {
    display: none;
  }
}

/* ==========================================
   2. Sticky 悬浮导航栏样式
   ========================================== */
.site-header-primary-section-bar {
  transition: all 0.3s ease-in-out;
}

/* 强制吸顶悬浮状态下的背景色为深色 */
.site-header-primary-section-bar.is-sticky,
.site-header-primary-section-bar.is-sticky .site-primary-header-wrap,
.site-header-primary-section-bar.is-sticky .main-header-bar,
.site-header-primary-section-bar.is-sticky .ast-builder-grid-row {
  background-color: #393E46 !important;
  background-image: none !important;
}

/* 确保悬浮后菜单文字和图标保持白色/浅色，避免看不清 */
.site-header-primary-section-bar.is-sticky .main-header-menu a,
.site-header-primary-section-bar.is-sticky .ast-header-custom-item,
.site-header-primary-section-bar.is-sticky .ast-icon {
  color: #ffffff !important;
}

@keyframes slideDown {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}

.header-slogan-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 15px;
  border-left: 2px solid #00ADB5;
}

.header-slogan-box .slogan-badge {
  font-size: 11px;
  font-weight: 700;
  color: #00ADB5;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 2px;
}

.header-slogan-box .slogan-text {
  font-size: 13px;
  font-weight: 600;
  color: #4b5563;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .header-slogan-box {
    display: none;
  }
}

/* ==========================================
   3. 列表圆点与表单提交按钮
   ========================================== */
.single-product .entry-content ul li::marker,
.single-product .woocommerce-product-details__short-description ul li::marker,
.product-short-description ul li::marker,
.entry-content ul li::marker {
  color: #00ADB5 !important;
  font-size: 1.1em;
}

.single-product ul {
  list-style-type: disc;
}

.fluentform .ff-btn-submit,
.fluentform button[type="submit"],
.b2b-modal .ff-btn-submit,
.b2b-modal button[type="submit"] {
  background-color: #00ADB5 !important;
  border-color: #00ADB5 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  padding: 12px 30px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover,
.b2b-modal .ff-btn-submit:hover,
.b2b-modal button[type="submit"]:hover {
  background-color: #008085 !important;
  border-color: #008085 !important;
  box-shadow: 0 4px 12px rgba(0, 173, 181, 0.3) !important;
}

/* ==========================================
   4. WooCommerce 产品页 Tab 标签栏美化
   ========================================== */
.woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 12px !important;
  border-bottom: 2px solid #e2e8f0 !important;
  padding-left: 0 !important;
  margin-bottom: 25px !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 80px !important; 
  z-index: 99 !important; 
  background: #ffffff !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  transition: top 0.3s ease !important;
}

.woocommerce-tabs ul.tabs::before,
.woocommerce-tabs ul.tabs::after,
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after {
  display: none !important;
}

.woocommerce-tabs ul.tabs li {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-bottom: none !important;
  border-radius: 6px 6px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.25s ease !important;
  position: relative;
  bottom: -2px;
}

.woocommerce-tabs ul.tabs li a {
  display: inline-block !important;
  padding: 12px 24px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.woocommerce-tabs ul.tabs li:hover {
  background: #ffffff !important;
}
.woocommerce-tabs ul.tabs li:hover a {
  color: #00ADB5 !important;
}

.woocommerce-tabs ul.tabs li.active {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  border-top: 3px solid #00ADB5 !important;
  border-bottom: 2px solid #ffffff !important;
}

.woocommerce-tabs ul.tabs li.active a {
  color: #00ADB5 !important;
  font-weight: 700 !important;
}

.woocommerce-tabs .panel {
  padding-top: 10px !important;
}

.ast-primary-header-bar,
.site-header,
.main-header-menu .sub-menu {
  z-index: 99999 !important;
}

@media (max-width: 768px) {
  .woocommerce-tabs ul.tabs {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .woocommerce-tabs ul.tabs li a {
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
}

/* ==========================================
   5. B2B 产品列表页：双按钮等宽与弹窗兼容
   ========================================== */

/* 隐藏杂项与 Astra 原生按钮 */
.woocommerce-result-count,
.woocommerce-ordering,
.ast-shop-toolbar,
.woocommerce ul.products li.product .ast-on-card-button,
.woocommerce ul.products li.product .ast-quick-view,
.ast-select-options-trigger,
.ast-onsale-card {
  display: none !important;
}

/* 隐藏独立原生按钮 */
.woocommerce ul.products li.product li.button,
.woocommerce ul.products li.product a.button:not(.b2b-btn-group *),
.woocommerce ul.products li.product button:not(.b2b-btn-group *) {
  display: none !important;
}

/* 按钮组容器：撑满宽度，两端对齐 */
.b2b-btn-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 15px !important;
  width: 100% !important;
  clear: both !important;
  box-sizing: border-box !important;
}

/* 两个按钮：自动平分宽度 (flex: 1) */
.b2b-btn-group .button,
.b2b-btn-group a.button,
.b2b-btn-group .b2b-view-details-btn,
.b2b-btn-group .b2b-inquire-btn {
  flex: 1 1 0% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  
  padding: 10px 0 !important;
  margin: 0 !important;
  
  border-radius: 4px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* 按钮 1【INQUIRE NOW】：主色实心 */
.b2b-btn-group .b2b-inquire-btn {
  background-color: #00ADB5 !important;
  color: #ffffff !important;
  border: 2px solid #00ADB5 !important;
  box-shadow: 0 2px 6px rgba(0, 173, 181, 0.2) !important;
}

.b2b-btn-group .b2b-inquire-btn:hover {
  background-color: #008085 !important;
  border-color: #008085 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 173, 181, 0.3) !important;
}

/* 按钮 2【VIEW DETAILS】：镂空描边 */
.b2b-btn-group a.b2b-view-details-btn {
  background-color: #ffffff !important;
  color: #00ADB5 !important;
  border: 2px solid #00ADB5 !important;
}

.b2b-btn-group a.b2b-view-details-btn:hover {
  background-color: #00ADB5 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 173, 181, 0.2) !important;
}

/* 移动端自适应 */
@media (max-width: 544px) {
  .b2b-btn-group {
    flex-direction: column !important;
  }
  .b2b-btn-group .button,
  .b2b-btn-group a.b2b-view-details-btn,
  .b2b-btn-group .b2b-inquire-btn {
    width: 100% !important;
  }
}

/* ==========================================
   6. 全局 B2B 询盘弹窗 (Modal Lightbox)
   ========================================== */
.b2b-modal-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.65) !important;
  z-index: 999999 !important;
  align-items: center;
  justify-content: center;
  padding: 20px !important;
  box-sizing: border-box !important;
  backdrop-filter: blur(3px);
}

.b2b-modal-content {
  background: #ffffff !important;
  width: 100% !important;
  max-width: 580px !important;
  border-radius: 8px !important;
  padding: 30px !important;
  position: relative !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  animation: b2bPopIn 0.25s ease-out;
}

@keyframes b2bPopIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.b2b-modal-close {
  position: absolute !important;
  top: 15px !important;
  right: 20px !important;
  font-size: 28px !important;
  line-height: 1 !important;
  background: none !important;
  border: none !important;
  color: #666666 !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.b2b-modal-close:hover {
  color: #00ADB5 !important;
}

.b2b-modal-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.b2b-modal-title span {
  color: #00ADB5 !important;
}

/* ==========================================
   7. 产品详情页：社交媒体分享栏（完美对齐撑满版）
   ========================================== */
.b2b-social-share-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px dashed #e2e8f0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.b2b-share-title {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #374151 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  flex-shrink: 0 !important;
  margin-right: 5px !important;
}

.b2b-share-buttons {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
  gap: 6px !important;
}

.b2b-share-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 0% !important;
  max-width: 44px !important;
  height: 42px !important;
  border-radius: 6px !important;
  background-color: #f8fafc !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.b2b-share-btn svg {
  width: 22px !important;
  height: 22px !important;
  transition: transform 0.2s ease !important;
}

.b2b-share-btn.linkedin:hover { background-color: #0077b5 !important; color: #ffffff !important; border-color: #0077b5 !important; }
.b2b-share-btn.facebook:hover { background-color: #1877f2 !important; color: #ffffff !important; border-color: #1877f2 !important; }
.b2b-share-btn.twitter:hover  { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; }
.b2b-share-btn.whatsapp:hover { background-color: #25d366 !important; color: #ffffff !important; border-color: #25d366 !important; }
.b2b-share-btn.email:hover    { background-color: #ea4335 !important; color: #ffffff !important; border-color: #ea4335 !important; }
.b2b-share-btn.copy:hover     { background-color: #00ADB5 !important; color: #ffffff !important; border-color: #00ADB5 !important; }

.b2b-share-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

.b2b-share-btn:hover svg {
  transform: scale(1.1);
}

/* ==========================================
   8. 37 分栏 + 分类侧边栏（顶端完美对齐版）
   ========================================== */
.b2b-product-details-container {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 30px !important;
  margin-top: 30px !important;
  padding-top: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.b2b-details-left-main {
  flex: 0 0 68% !important;
  max-width: 68% !important;
  box-sizing: border-box !important;
}

.b2b-details-left-main .woocommerce-tabs,
.b2b-details-left-main .woocommerce-tabs ul.tabs {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.b2b-details-right-sidebar {
  flex: 0 0 29% !important;
  max-width: 29% !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
}

.b2b-sticky-category-box {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 90px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 18px 20px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  z-index: 10 !important;
  margin: 0 !important;
}

.b2b-sidebar-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 12px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #00ADB5 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  line-height: 1.2 !important;
}

.b2b-sidebar-cat-list,
.b2b-sidebar-subcat-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.b2b-cat-item {
  margin-bottom: 3px !important;
}

.b2b-cat-item > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 10px !important;
  color: #374151 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.b2b-cat-item > a:hover {
  background-color: #f3f4f6 !important;
  color: #00ADB5 !important;
}

/* 选中高亮状态：浅青背景 + 青边框 */
.b2b-cat-item.active > a,
.b2b-subcat-item.active > a {
  background-color: #E6F7F8 !important;
  color: #00ADB5 !important;
  font-weight: 700 !important;
  border-left: 3px solid #00ADB5 !important;
  padding-left: 8px !important;
}

.b2b-cat-count {
  font-size: 12px !important;
  color: #9ca3af !important;
  font-weight: 400 !important;
}

.b2b-sidebar-subcat-list {
  padding-left: 12px !important;
  margin-top: 2px !important;
  margin-bottom: 4px !important;
}

.b2b-subcat-item a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 5px 8px !important;
  font-size: 12.5px !important;
  color: #6b7280 !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}

.b2b-subcat-item a:hover {
  color: #00ADB5 !important;
}

@media (max-width: 992px) {
  .b2b-product-details-container {
    flex-direction: column !important;
  }
  .b2b-details-left-main,
  .b2b-details-right-sidebar {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .b2b-sticky-category-box {
    position: static !important;
  }
}

/* ==========================================
   9. 强制开启右侧侧边栏 Sticky 悬浮
   ========================================== */
.single-product .site-main,
.single-product .content-area,
.single-product .product,
.b2b-product-details-container,
.b2b-details-right-sidebar {
  overflow: visible !important;
}

.b2b-product-details-container {
  align-items: stretch !important;
}

.b2b-details-right-sidebar {
  height: auto !important;
}

.b2b-sticky-category-box {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 90px !important;
  will-change: transform !important;
}

/* ==========================================
   10. B2B 侧边栏产品分类美化 (主题配色)
   ========================================== */

/* 1. 侧边栏整体卡片包裹 */
#secondary .widget_product_categories,
.shop-sidebar .widget_product_categories {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

/* 2. 大标题 Product categories */
.widget_product_categories .widget-title,
.widget_product_categories h2 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-top: 0;
    margin-bottom: 15px !important;
    padding-bottom: 10px;
    border-bottom: 2px solid #00ADB5; /* 主题下划线 */
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* 3. 基础列表重置 */
.widget_product_categories ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

/* 4. 一级大分类样式 */
.widget_product_categories > ul > li {
    padding: 8px 0;
    border-bottom: 1px dashed #f1f5f9;
    font-size: 14px;
    font-weight: 600;
}

.widget_product_categories > ul > li:last-child {
    border-bottom: none;
}

/* 5. 一级分类链接 */
.widget_product_categories > ul > li > a {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    display: inline-block;
}

.widget_product_categories > ul > li > a:hover {
    color: #00ADB5 !important; /* 悬停变主题色 */
    transform: translateX(3px); /* 悬停微向右微调 */
}

/* 6. 二级子分类 (Sub-categories) 容器 */
.widget_product_categories ul.children {
    padding-left: 12px !important;
    margin-top: 6px !important;
    margin-bottom: 4px !important;
    border-left: 2px solid #f1f5f9; /* 左侧浅灰引导线条 */
}

/* 7. 二级子分类项 */
.widget_product_categories ul.children li {
    padding: 4px 0 4px 10px !important;
    border-bottom: none !important;
    font-size: 13px;
    font-weight: 400;
}

/* 8. 二级子分类链接 */
.widget_product_categories ul.children li a {
    color: #64748b !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.widget_product_categories ul.children li a:hover {
    color: #00ADB5 !important; /* 子分类悬停变主题色 */
    font-weight: 600;
}

/* 9. 当前选中激活的分类高亮 */
.widget_product_categories .current-cat > a {
    color: #00ADB5 !important;
    font-weight: 700 !important;
}

/* 10. 显示产品数量 (Count) 角标 */
.widget_product_categories .count {
    float: right;
    background: #E6F7F8;
    color: #00ADB5;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 10px;
}

/* 全局基础与标题规范 */
.b2b-module {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: #1E293B;
    box-sizing: border-box;
}
.b2b-module * {
    box-sizing: border-box;
}
.b2b-section-header {
    text-align: center;
    margin-bottom: 48px;
}
.b2b-section-header h2 {
    color: #0F172A !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: -0.5px;
}
.b2b-section-header p {
    color: #64748B !important;
    font-size: 16px !important;
    margin: 0 !important;
}

/* 响应式适配 */
@media (max-width: 1024px) {
    .b2b-grid-2 { flex-direction: column !important; text-align: center !important; }
    .b2b-hero-left h1 { font-size: 36px !important; }
    .b2b-stats-row { justify-content: center !important; }
}
@media (max-width: 640px) {
    .b2b-module { padding: 40px 16px !important; }
    .b2b-hero-left h1 { font-size: 28px !important; }
    .b2b-btn-group { flex-direction: column !important; gap: 12px !important; }
    .b2b-btn { width: 100% !important; text-align: center !important; }
}

/* ==========================================================
   11. 全站通用 Mega Menu 终极穿透版
   ========================================================== */
@media (min-width: 993px) {
    /* 1. 允许菜单溢出不裁剪 */
    body,
    html,
    header, 
    .site-header, 
    .site-branding,
    .main-navigation, 
    .nav-container,
    .header-inner,
    .ast-main-header-wrap {
        overflow: visible !important;
    }

    /* 2. 相对定位基准 */
    li.menu-item-has-children,
    .menu-item-has-children,
    .page_item_has_children {
        position: relative !important;
    }

    /* 3. 下拉菜单容器 */
    li.menu-item-has-children > .sub-menu,
    .menu-item-has-children > .sub-menu,
    .main-navigation .sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        transform: translateY(10px) !important;
        width: 950px !important;
        max-width: 85vw !important;
        background: #ffffff !important;
        border-radius: 16px !important;
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid #E2E8F0 !important;
        padding: 35px !important;
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 30px !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.3s ease !important;
        z-index: 999999 !important;
        box-sizing: border-box !important;
    }

    /* 4. 鼠标悬停显现 */
    li.menu-item-has-children:hover > .sub-menu,
    .menu-item-has-children:hover > .sub-menu,
    .main-navigation li.menu-item-has-children:hover > .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }

    /* 5. 内部排版美化 */
    .sub-menu li {
        display: block !important;
        float: none !important;
        margin: 0 !important;
    }

    .sub-menu a {
        font-size: 13px !important;
        color: #64748B !important;
        padding: 6px 0 !important;
        display: block !important;
        text-decoration: none !important;
        background: transparent !important;
    }

    .sub-menu a:hover {
        color: #00ADB5 !important;
    }
}

/* ==========================================================
   12. 商城产品列表卡片高度对齐与按钮底部对齐
   ========================================================== */

.woocommerce ul.products li.product, 
ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}

.woocommerce ul.products li.product .text-content,
ul.products li.product .product-inner,
ul.products li.product > a:not(.woocommerce-LoopProduct-link) {
    flex-grow: 1;
}

.woocommerce ul.products li.product .button,
ul.products li.product .price,
ul.products li.product .et-product-buttons {
    margin-top: auto !important;
}

/* 隐藏默认未分类 (network-patch-cords / uncategorized) */
.widget_product_categories a[href*="network-patch-cords"],
.b2b-sidebar-cat-list a[href*="network-patch-cords"] {
    display: none !important;
}

/* ==========================================
   下拉菜单文字与背景对比度修复（解决悬浮隐形）
   ========================================== */

/* 1. 强制下拉菜单白底黑字（无论是否 Sticky 悬浮） */
.main-header-menu .sub-menu,
.main-navigation .sub-menu,
.ast-builder-menu .sub-menu {
    background-color: #ffffff !important; /* 强制纯白背景 */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* 2. 强制下拉菜单内的所有链接文字为深色 */
.main-header-menu .sub-menu a,
.main-navigation .sub-menu a,
.ast-builder-menu .sub-menu a,
.header-sticky-active .sub-menu a,
.header-sticky-active .main-header-menu .sub-menu a {
    color: #333333 !important; /* 强制深灰色文字 */
    font-weight: 500 !important;
}

/* 3. 下拉菜单链接悬停（Hover）时变为主题青色 */
.main-header-menu .sub-menu a:hover,
.main-navigation .sub-menu a:hover,
.ast-builder-menu .sub-menu a:hover,
.header-sticky-active .sub-menu a:hover {
    color: #00ADB5 !important; /* 主题青色 */
    background-color: #F4FBFB !important; /* 浅青色悬停背景 */
}

/* 4. 如果下拉菜单里有小标题或普通文本，也强制设为深色 */
.sub-menu span,
.sub-menu p,
.sub-menu h1, .sub-menu h2, .sub-menu h3, .sub-menu h4 {
    color: #1E293B !important;
}
/* ==========================================
   🚨 桌面端强行隐藏移动端折叠菜单 (修复 FOC 闪烁与错位)
   ========================================== */
@media (min-width: 1025px) {
  /* 1. 强行隐藏所有移动端导航菜单容器、汉堡包图标以及弹出的侧滑/折叠面板 */
  .ast-mobile-menu-buttons,
  .ast-mobile-header-drawer,
  .main-header-bar-navigation.toggle-on,
  .ast-header-break-point .main-header-bar-navigation,
  .elementor-menu-toggle,
  .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* 2. 确保桌面端主导航正常横向排列展示 */
  .main-header-bar .main-header-bar-navigation,
  .ast-desktop-header-content {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* ==========================================
   📱 移动端 (<= 1024px) 菜单样式彻底规范
   ========================================== */
@media (max-width: 1024px) {
  /* 确保移动端菜单展开时是以全屏或规范侧滑形式展示，防止挤压在左侧半空 */
  .ast-mobile-header-drawer,
  .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box !important;
  }
}
/* ==========================================
   ⚡ 导航栏防闪白（精准限制在 Header 内，绝不影响侧边栏）
   ========================================== */

/* 1. 只作用于 site-header / nav 内部的下拉菜单，强制设为暗色背景，解决闪白 */
header .sub-menu,
header .children,
header .dropdown-menu,
header .elementor-nav-menu--dropdown,
.site-header .sub-menu,
.site-header .children,
.elementor-location-header .sub-menu,
.elementor-location-header .children {
    background-color: #2b353e !important;
}

/* 2. 重置侧边栏（Widget）子分类的背景色，恢复纯净白色/无背景 */
.widget .children,
.widget .sub-menu,
.widget_product_categories .children,
.sidebar .children,
.sidebar .sub-menu {
    background-color: transparent !important;
}

/* 3. 避免 Header 下拉菜单在未 Hover 时异常显现 */
@media screen and (min-width: 1025px) {
    header .elementor-nav-menu--main ul.sub-menu,
    .site-header .elementor-nav-menu--main ul.sub-menu {
        display: none;
    }
    header .elementor-nav-menu--main .menu-item:hover > ul.sub-menu,
    .site-header .elementor-nav-menu--main .menu-item:hover > ul.sub-menu {
        display: block !important;
    }
}