/* ==========================================================================
   card-badge.css — OG CARD加盟店バッジ（将来 Plugin 5「OG Member Benefits」）
   --------------------------------------------------------------------------
   ★2026-08-19 改訂: 記事情報の一部として控えめに、から方針転換。
   店主から「デフォルトすぎる／もっと目立たせたい」との明示指示のため、
   記事幅いっぱいの濃色バーへ変更した。ただし、ネオン・グロー・グラデーション
   多用は避け、単色塗り + 上下の細い罫だけで「濃さ」を出す（DESIGN_SYSTEM.md
   「疑似Apple UIを避ける」の範囲内）。

   置き場所: [ogt_recommend_list] ショートコード出力の直前
   （class-og-card-content.php の inject_badge_before_recommend()）。
   テーマ側の「加盟店」ステータス表示（.ogt-store-status）とは別の主張
   （OG CARDという会員基盤への加盟）なので、文言・置き場所とも独立させている。

   ★2026-08-19 追記: !important の理由
   このバッジは記事本文（.single-box）の内側に出力される。テーマの
   `.single-box p { font-size:18px; line-height:1.8em; margin-bottom:25px }`
   は「クラス+要素」でこちらの単一クラスより詳細度が高く、素の指定では
   負けて本文と同じ余白・行間が漏れてくる（バッジ内の文字が縦ずれする
   原因もこれだった）。影響する4プロパティだけ !important で明示的に勝たせる。
   ========================================================================== */

/* ★店主指示（直近）: テーマ側の「加盟店／非加盟店」ピル（.ogt-store-status、
   single-cannabis-clinic.php がタイトル直前に出す）は非表示にする。
   OG CARD加盟の主張はこのバッジ（下記 .og-card-badge）に一本化するため、
   同じ意味の表示が2箇所に重複しないようにする。テーマファイルは編集せず、
   ここで表示だけ消す。 */
.ogt-store-status {
  display: none !important;
}

.og-card-badge-row {
  margin: 18px 0 0;
}

/* チェックリスト（[ogt_recommend_list]）に直接くっつける。
   テーマの .gb-recommend-list 自身が margin-top を持っているため、
   バッジの直後にある場合だけそれも打ち消す。
   ★店主指示: バッジと視覚的に1枚の帯として繋がって見えるよう、
   チェックリスト側の上の角丸も消す（バッジ側は元から角丸が無い）。 */
.og-card-badge-row + .gb-recommend-list {
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.og-card-badge {
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  width: 100%;
  min-height: 56px;
  padding: 14px 18px;
  border-top: 2px solid var(--og-gold);
  border-bottom: 1px solid rgba(6, 11, 9, .5);
  background: var(--og-forest);
  color: var(--og-ivory);
  font-family: var(--og-font);
  box-shadow: 0 4px 14px rgba(6, 11, 9, .16);
}

.og-card-badge__mark {
  flex: none;
  width: 22px;
  height: 22px;
  display: block;
  color: var(--og-gold-soft);
}

.og-card-badge__text {
  margin: 0 !important;
  font-size: 15.5px !important;
  line-height: 1.4 !important;
  font-weight: 700;
  letter-spacing: .02em;
}

/* テーマの .single-box strong がマーカー背景（linear-gradient）を強制するため、
   このバッジ内だけ明示的に打ち消す。 */
.og-card-badge__text strong {
  background: none !important;
  font-size: inherit !important;
  color: var(--og-gold-soft);
  font-weight: 800;
}

@media (min-width: 560px) {
  .og-card-badge { padding: 15px 24px; }
  .og-card-badge__text { font-size: 17px !important; }
}

/* --------------------------------------------------------------------------
   非加盟店・閉店バッジ。加盟店版と同じ位置・同じ構造で出すが、
   「祝う」トーンではないため金色を使わず、中立なアイボリー地に切り替える。
   -------------------------------------------------------------------------- */
.og-card-badge--non-member {
  border-top-color: var(--og-line-strong);
  border-bottom-color: var(--og-line);
  background: var(--og-ivory);
  color: var(--og-ink);
  box-shadow: none;
}

.og-card-badge--non-member .og-card-badge__mark {
  color: var(--og-muted);
}

.og-card-badge--non-member .og-card-badge__text strong {
  color: var(--og-ink);
}