/* price-display.css - JS 双价方案公共样式
 * 只使用自带类名，不作用于模板原有样式；装饰性外观交给各模板自己的 CSS。 */

/* 无跳变保护：JS 可用时先隐藏价格占位，apply 完成后显示 */
html.js .price-module { visibility: hidden; }
html.js .price-module.js-ready { visibility: visible; }

/* 市场划线价（列表卡片相邻的 del） */
.price-market {
  text-decoration: line-through;
  margin-left: 6px;
}
html.js .price-market { visibility: hidden; }
html.js .price-module.js-ready + .price-market { visibility: visible; }

/* 详情页等整块市场价行：无跳变保护 */
html.js .js-price-market { visibility: hidden; }
html.js .js-price-market.js-ready { visibility: visible; }

/* 价格模块：只保证不溢出、可换行；颜色/字号交给模板 */
.price-module {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
}
.price-module .price-group {
  display: inline-block;
  white-space: nowrap;
}
.price-module .price-group + .price-group {
  margin-left: 6px;
}
.price-module .price-label {
  font-size: 0.8em;
  margin-right: 2px;
}

/* 移动端详情价格区：只保证一行内基线对齐、放不下自动换行 */
.detail-price-mobile {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.detail-price-mobile .detail-market {
  text-decoration: line-through;
  margin-left: 8px;
}
/* 详情页价格醒目显示：只作用于自带 price-module，不碰模板原有样式；
   模板自带更大价格样式的（如 shouji 28px）优先级更高，会保持模板效果 */
.price-module[data-context="detail"] {
  font-size: 18px;
  font-weight: bold;
}