/*!
 * WooCommerce 页面专用样式（商品详情 / 商品归档 / 产品分类页）。
 *
 * 只在 WC 页面入队（见 inc/woocommerce.php 的 okrui_wc_assets）。
 * **只放主题设计系统没覆盖到的部分** —— 卡片 / 徽章 / 段落 / 网格这些组件类
 * 都在 apple.css 里且全站加载，这里不重复定义。
 */

/* 商品相册的样式已移到 apple.css —— 演示目录的商品详情页也用同一份相册模板，
   而那条路径不加载本文件。 */

/* ---------- WooCommerce 消息条（wc_print_notices 输出） ----------
   主题没有消息组件；不兜底的话它会以裸 ul 的形式出现（带项目符号、无间距）。 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  list-style: none;
  margin: 0 0 24px;
  padding: 14px 18px;
  border-radius: var(--r-sm);
  background: var(--parchment);
  border-left: 3px solid var(--ink);
  font-size: 15px;
}

.woocommerce-error { border-left-color: #b3261e; }
.woocommerce-message > .button,
.woocommerce-info > .button { display: none; } /* B2B 站不进购物车，按钮一律不显示 */

/* ---------- 分页（woocommerce_pagination 输出） ---------- */
.woocommerce-pagination { margin-top: var(--sp-xl); }

.woocommerce-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid var(--hairline);
  border-radius: var(--r-sm);
  color: var(--ink);
  text-decoration: none;
}

.woocommerce-pagination ul li span.current {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--on-dark);
}