/* ==========================================================================
   ZODIAC AMULET — 全站「价格」字体统一（2026-10-09）
   目标：首页卡片 / 商品列表 / 商品页 / 购物车 / 结账页 / 账户订单 —— **所有价格同一个字体**。
   改前实测（CDP `CSS.getPlatformFontsForNode`，即浏览器真正用的字体文件，不是声明值）：
     · 首页卡片价格      → Inter（无衬线）17px / 600
     · 商品列表卡片价格  → Inter（无衬线）17px / 600
     · 商品页主价格      → Cormorant Garamond Light（衬线）23px / 500
   ⇒ 同一件商品的 $59.00，在列表和详情页是两个字体。
   统一到**衬线**（Cormorant Garamond）：Melo 2026-09-27 明确反馈过「字体像卖普通货」，
   才把商品页换成衬线，所以方向是「让其它地方追上商品页」，不是「把商品页拉平到无衬线」。
   ⚠️ 字体文件由同一个 mu-plugin 的 sa-price-ui.php 全站 enqueue
     （主题原本只在商品页加载它，所以首页声明衬线的地方全掉进了 Georgia 回退体）。
   ⚠️ 选择器一律加 `body` 前缀 + `!important`：主题 style.css 里那条价格规则自带 `!important`，
      不这样压不住（同源后加载 + 更高特异性）。
   本文件**只改字体三件套（family / 字重 / 字距）+ 数字对齐**，不动字号层级。
   ========================================================================== */

:root {
  --sa-price-font: "Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif;
}

/* ---------- 1. 主规则：把全站价格节点统一成衬线 ---------- */
body .price,
body .price bdi,
body .price .woocommerce-Price-amount,
body .woocommerce-Price-amount,
body span.woocommerce-Price-amount,
/* 首页 / 列表页商品卡（markup: .sa-card-price > .woocommerce-Price-amount > bdi） */
body .sa-card-price,
body .sa-card-price bdi,
body .sa-card-price .woocommerce-Price-amount,
body .sa-card-price .woocommerce-Price-currencySymbol,
body .sa-card-price del,
body .sa-card-price ins,
/* 商品页主价格（需压过主题 .sa-product div.product p.price 的 !important） */
body .sa-product div.product p.price,
body .sa-product div.product span.price,
body .sa-product div.product p.price bdi,
body .sa-product div.product p.price .woocommerce-Price-amount,
body .sa-product div.product span.price .woocommerce-Price-amount,
body .sa-product div.product p.price ins,
body .sa-product div.product p.price ins .woocommerce-Price-amount,
/* 商品页「相关商品」列表价格 */
body .sa-product ul.products li.product .price,
body .sa-product ul.products li.product .price .woocommerce-Price-amount,
/* 区块购物车 / 区块结账页 */
body .wc-block-components-product-price__value,
body .wc-block-components-product-price__regular-amount,
body .wc-block-components-product-price__sale-amount,
body .wc-block-components-product-price .woocommerce-Price-amount,
body .wc-block-cart-item__total,
body .wc-block-cart-item__total *,
body .wc-block-components-order-summary-item__total-price,
body .wc-block-components-order-summary-item__total-price *,
body .wc-block-components-order-summary-item__individual-price,
body .wc-block-components-totals-item__value,
body .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
/* ★ 这一条是关键补漏：Woo 区块里**真正装着钱**的节点就是 .wc-block-formatted-money-amount
   （它嵌在 __value / __total-price 等容器里面）。只写外层容器时，某些分支
   （如结账页顶部 fill-wrapper 里的金额）实测仍是 Google Sans w400 —— 直接命中这个 span 才彻底。 */
body .wc-block-formatted-money-amount,
body .wc-block-cart-item__prices,
body .wc-block-cart-item__prices *,
/* 迷你购物车 / 传统 Woo 表格（账户订单、订单确认页等） */
body .woocommerce-mini-cart__total .amount,
body .widget_shopping_cart .woocommerce-Price-amount,
body .cart-subtotal .amount,
body .order-total .amount,
body .woocommerce-checkout-review-order-table .amount,
body table.shop_table .amount,
body table.shop_table .woocommerce-Price-amount,
body .woocommerce-order-overview .amount {
  font-family: var(--sa-price-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0.015em !important;
  font-variant-numeric: lining-nums tabular-nums !important;
}

/* ---------- 2. 卡片价格字号微调 ----------
   Cormorant 的 x-height 明显小于 Inter，同样 17px 会显得又小又轻（实测观感）→ 提到 19px，
   让列表页与详情页的价格「视觉分量」接近，而不是只有字体相同、大小观感却差一截。 */
body .sa-card-price { font-size: 19px !important; }
body .sa-card-price .woocommerce-Price-amount { font-size: 19px !important; }

/* ---------- 3. 划掉的原价 / 优惠前价：保持「次要」气质 ----------
   主规则把字重统一成了 600，但划线价本该比现价轻，否则两者抢注意力。 */
body .sa-card-price del,
body .sa-card-price del bdi,
body .sa-card-price del .woocommerce-Price-amount,
body .price del,
body .price del bdi,
body .price del .woocommerce-Price-amount,
body .sa-product div.product p.price del,
body .sa-product div.product p.price del .woocommerce-Price-amount,
body del .woocommerce-Price-amount,
body del .wc-block-formatted-money-amount,
body .wc-block-components-product-price__regular-amount,
body .wc-block-components-product-price__regular-amount *,
body .wc-block-cart-item__prices del,
body .wc-block-cart-item__prices del * {
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}
body .sa-card-price del .woocommerce-Price-amount { font-size: 15px !important; }

/* ---------- 4. 货币符号与数字同体 ---------- */
body .woocommerce-Price-currencySymbol,
body .wc-block-components-formatted-money-amount .woocommerce-Price-currencySymbol {
  font-family: inherit !important;
  font-weight: inherit !important;
}