/* RELAX CLUB（ショップ側）。文字はテーマのまま、色は会員システム（app.css）の --pine / --line に合わせる */
.relax-club-price, .relax-club-box, .relax-club-badge, .relax-club-account, .relax-club-hint {
  --rc-pine: #24403d;
  --rc-line: #d5dedc;
  --rc-snow: #f3f5f4;
  --rc-mute: #5e6b6d;
  --rc-ok-bg: #e2eeea;
  --rc-ok-ink: #1f4a40;
}

/* 商品ページ：価格の下 */
.relax-club-price {
  display: grid; gap: 6px; margin: 12px 0 20px; padding: 14px 16px;
  border: 1px solid var(--rc-line); border-radius: 10px; background: #fff;
  font-size: 14px; line-height: 1.6;
}
.relax-club-price.is-member { background: var(--rc-ok-bg); border-color: transparent; color: var(--rc-ok-ink); }
.relax-club-price.is-note { color: var(--rc-mute); }
.relax-club-eyebrow { display: block; font-size: 12px; font-weight: 700; letter-spacing: .06em; color: var(--rc-pine); }
.relax-club-amount { font-size: 26px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.relax-club-sub { font-size: 12px; color: var(--rc-mute); }
.relax-club-price.is-member .relax-club-sub { color: inherit; opacity: .8; }
.relax-club-tiers { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.relax-club-tiers li { display: flex; align-items: baseline; gap: 10px; }
.relax-club-tier { min-width: 6.5em; font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.relax-club-tier-price { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.relax-club-off { font-size: 12px; color: var(--rc-mute); }
.relax-club-actions { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin-top: 2px; }

.relax-club-link { color: var(--rc-pine); font-size: 13px; }
.relax-club-line {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px;
  background: #06c755; color: #fff !important; font-size: 13px; font-weight: 700; text-decoration: none !important;
  transition: transform 140ms ease-out;
  -webkit-tap-highlight-color: transparent;
}
.relax-club-line:active { transform: scale(.97); }

/* 商品一覧のバッジ */
.relax-club-badge {
  display: inline-block; margin: 4px 0; padding: 1px 8px; border-radius: 999px;
  border: 1px solid var(--rc-line); color: var(--rc-pine); font-size: 11px; font-weight: 700; letter-spacing: .04em;
}
.relax-club-badge.is-member { background: var(--rc-ok-bg); border-color: transparent; color: var(--rc-ok-ink); }
/* 一覧の中では商品名に合わせて中央に置く（RELAX のテーマは商品名が中央寄せ） */
ul.products .relax-club-badge { display: table; margin: 6px auto 0; }
.relax-club-badge .woocommerce-Price-amount { font-weight: inherit; }

/* カート・購入手続きの上 */
.relax-club-box {
  display: grid; gap: 6px; margin: 0 0 20px; padding: 14px 16px;
  border: 1px solid var(--rc-line); border-radius: 10px; background: #fff; font-size: 14px; line-height: 1.6;
}
.relax-club-box.is-member { background: var(--rc-ok-bg); border-color: transparent; color: var(--rc-ok-ink); }
.relax-club-save b { font-variant-numeric: tabular-nums; }
.relax-club-hint th, .relax-club-hint td { color: var(--rc-pine); font-size: 13px; }

/* ヘッダー用ショートコード */
.relax-club-account { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; }
.relax-club-account-name { font-weight: 700; }
.relax-club-logout { color: inherit; opacity: .7; }

/* 購入手続き（従来版）：クーポン欄を最初から開く */
.relax-club-coupon-open .woocommerce-form-coupon-toggle { display: none; }
.relax-club-coupon-open form.checkout_coupon { display: block !important; }

@media (prefers-reduced-motion: reduce) {
  .relax-club-line { transition: none; }
}