/* 「あと◯点で基本送料が無料」の案内。
 *
 * ★シアン（#4EC3E1）は使わない。テーマではこの色が「押せる場所」の合図で、
 *   この枠のすぐ下に同じ色の丸枠ボタン「ご購入手続きへ」が来る。同色の枠にすると
 *   ボタンが2つ並んで見える（テーマの .astra-free-shipping と同じ判断）。
 *   薄い塗り＋角丸3px で、押せない注記として置く。
 */

.woocommerce .wc-proceed-to-checkout .astra-shipping-nudge {
  margin: 0 0 1.6rem;
  padding: 1.4rem 1.6rem;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  font-family: var(--astra-notosansjp), sans-serif;
  text-align: left;
}

.woocommerce .wc-proceed-to-checkout .astra-shipping-nudge__lead {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}

/* 達成済みの回は報告であって誘導ではないので、太字にしない。 */
.woocommerce .wc-proceed-to-checkout .astra-shipping-nudge--met .astra-shipping-nudge__lead {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
}

.woocommerce .wc-proceed-to-checkout .astra-shipping-nudge__note {
  display: block;
  margin: 0.4rem 0 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 13px;
  line-height: 1.7;
}

/* 購入手続きの注文内容の表に足す行。
 * th の色（var(--astra-gray)）はテーマのままにして、他の行と同じ見出しに見せる。
 * 打ち消すのは色を持つ `.woocommerce table.shop_table td`（クラス2・要素2）で、
 * こちらはクラス3・要素2で勝つ。 */
.woocommerce table.shop_table td .astra-shipping-nudge__note {
  display: block;
  margin: 0.4rem 0 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 13px;
  line-height: 1.7;
}

.woocommerce table.shop_table .astra-shipping-nudge-row td {
  font-family: var(--astra-notosansjp), sans-serif;
  font-size: 14px;
  line-height: 1.7;
}