/**
 * 莹虹商贸 - 移动端产品图片自适应修复（简化版）
 * 只修复详情描述区的长图，不动主图
 */
/* ===================================================
   描述区图片自适应（配合 functions.php 的 yhsm_fix_desc_img）
   =================================================== */
.yhsm-img-responsive {
  max-width: 100% !important;
  height: auto !important;
  width: auto !important;
  display: inline-block;
}
/* ===================================================
   长图滚动容器 - 移动端专用
   限制容器最大高度，内部可滚动查看完整长图
   =================================================== */
@media (max-width: 768px) {
  .yhsm-img-scroll-container {
    max-height: 80vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 10px 0 !important;
    border:1px solid #e2e8f0;
    border-radius: 4px;
    position: relative;
  }
  
  .yhsm-img-scroll-container .yhsm-img-responsive {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  
  /* 给滚动容器添加提示 */
  .yhsm-img-scroll-container::after {
    content: '↓ 长图可滑动查看完整内容';
    display: block;
    text-align: center;
    font-size: 12px;
    color: #666;
    padding: 5px;
    background: #f8f9fa;
    border-top: 1px solid #e2e8f0;
  }
}
/* ===================================================
   WooCommerce 产品描述区域图片自适应
   只针对描述区，不动主图
   =================================================== */
@media (max-width: 768px) {
  /* 短描述区图片 */
  .woocommerce-product-details__short-description img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
  }
  
  /* 详情标签页图片 */
  .woocommerce-Tabs-panel--description img,
  .woocommerce-Tabs-panel.panel img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
  }
  
  /* 产品摘要区域 */
  .woocommerce div.product div.summary {
    float: none !important;
    width: 100% !important;
    margin-bottom: 20px;
  }
  
  /* ===================================================
     主图容器限制 - 防止主图过大
     =================================================== */
  .woocommerce div.product div.images {
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
  
  /* 主图图片自适应 */
  .woocommerce div.product div.images img.wp-post-image,
  .woocommerce div.product div.images .woocommerce-product-gallery__image img {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
  }
}
/* ===================================================
   超小屏幕优化 (max-width: 480px)
   =================================================== */
@media (max-width: 480px) {
  /* 产品标题更小 */
  .woocommerce div.product .product_title {
    font-size: 18px !important;
  }
  
  /* 标签页字体变小 */
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 12px !important;
    padding: 8px 10px !important;
  }
}