/* ==========================================================
   キャンペーン中のしるし（値札＋「キャンペーン中」＋終了日）
   「登録企業」のしるし（registered_badge.css）と同じ金色にそろえてある。
   終了日があるときは2段（中央揃え）。横に長くなって表を押し広げないため。
   ========================================================== */
.cb-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 1px 9px;
  border: 1px solid #ecc67a;
  border-radius: 999px;
  background: #fdf0d2;
  color: #8a5500;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
  vertical-align: middle;
}

/* 2段のときは、丸みを少し抑える（999px のままだと縦長の楕円になる） */
.cb-two {
  border-radius: 12px;
  padding: 2px 10px;
}

.cb-badge-head {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.cb-badge-until { font-size: 0.92em; }

.cb-badge-icon {
  flex: 0 0 auto;
  fill: none;
  stroke: #c08424;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* 一覧・比較表 */
.cb-sm { font-size: 11.5px; }
.cb-sm .cb-badge-icon { width: 13px; height: 13px; }

/* サービスの詳細ページ */
.cb-md { font-size: 13.5px; padding: 3px 13px; }
.cb-md .cb-badge-icon { width: 16px; height: 16px; }

/* 1行で出したいところ用（サービスの詳細ページの見出しの横など）。
   終了日があっても横に並べる */
.cb-row { flex-direction: row; gap: 4px; }

/* 見出しの横に置くとき */
.site-main h2 .cb-badge { margin-left: 10px; vertical-align: middle; }

/* 印刷でも読めるように、文字は必ず残す */
.cb-badge-head, .cb-badge-until { display: inline-flex; }