/* ============================================
   c-price-01 — 料金＋リンク（[treatment_price] ショートコード出力）
   施術カードの下に「料金 ¥◯〜」と詳細リンクを並べる小ブロック。
   サムネイル・説明は手動、料金とリンクのみ動的に出力する用途。
   ============================================ */
.c-price-01 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-sm) var(--space-md);
  padding-top: var(--space-md);
  border-top: 1px solid var(--color-border-light);
}

.c-price-01 * {
  margin: 0;
}

.c-price-01__amount {
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
  font-weight: var(--font-weight-medium);
}

.c-price-01__label {
  margin-right: var(--space-2-xs);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-light);
}

.c-price-01__note {
  display: block;
  margin-top: var(--space-3-xs);
  font-size: var(--font-size-2-xs);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-light);
}

/* セレクタを .c-price-01 .c-price-01__link（詳細度0,2,0）にして、
   カードのマージンリセット（:is(.c-card-24 *){margin:0} / .c-price-01 *{margin:0}＝0,1,0）に勝たせる。
   これにより料金が無い（リンクのみ）場合も margin-left:auto が効いて右寄せになる。 */
.c-price-01 .c-price-01__link {
  flex-shrink: 0;
  margin-left: auto; /* 料金が無い（リンクのみ）場合も右寄せにする */
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  text-decoration: none;
  white-space: nowrap;
}

.c-price-01__link:hover {
  opacity: 0.7;
}

.c-price-01__link::after {
  content: " ＞";
}

/* c-card-24 内ではカード下端へ寄せる（説明量が違っても料金行が揃う） */
.c-card-24 .c-price-01 {
  margin-top: auto;
}