/* リキッド合計（1回の注文で持ち込める枠）の見せ方。
 *
 * テーマ（astra）のカート合計は暗い背景に白文字。普段は他の合計行と同じ
 * 見た目のままにして、超えたときだけ赤くする。
 *
 * 打ち消す相手はテーマの
 * `.woocommerce .cart_totals table.shop_table th`（クラス3・要素2）ではなく、
 * 色を持つ `.woocommerce table.shop_table th`（クラス2・要素2）。
 * こちらはクラス3・要素1で勝つ。
 */

.woocommerce .cart_totals .astra-cart-ml--over th,
.woocommerce .cart_totals .astra-cart-ml--over td {
  color: #ff7a7a;
}

/* 上限超過で「ご購入手続きへ」を外したときに、その場所へ出す理由。 */
.woocommerce .wc-proceed-to-checkout .astra-cart-ml-blocked {
  margin: 0;
  padding: 1.6rem;
  border: 1px solid #ff7a7a;
  border-radius: 8px;
  color: #ff7a7a;
  font-family: var(--astra-notosansjp), sans-serif;
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
}

/*
 * 商品ページ「カートに入れる」直下の残り枠表示。
 *
 * カート画面まで持ち込まず、追加する前にここで気付けるようにする。
 * 通常時は控えめな案内、上限に達しているときだけ赤枠で強調する
 * （.astra-cart-ml-blocked と同じ色・見た目に揃える）。
 */
.astra-product-ml {
  margin: 1.2rem 0 0;
  font-family: var(--astra-notosansjp), sans-serif;
  font-size: 13px;
  line-height: 1.7;
  color: rgba(var(--color-foreground), 0.65);
}

.astra-product-ml--over {
  padding: 1.2rem 1.6rem;
  border: 1px solid #ff7a7a;
  border-radius: 8px;
  color: #ff7a7a;
}