/*
 * 購入ボタンの色 (v0.67.0)
 *
 * 販売元へ飛ぶボタン（rel="sponsored"）だけをオレンジにする。金はサイトの印（見出し・ラベル・選択中）に残す。
 * 色は3つだけ：金＝サイトの印／オレンジ＝買う／赤＝セール（.mo-sale-pill）。
 * 競合調査（docs/COMPETITOR-NICHE-2026-10-07.md 末尾）：上位サイトに共通するのは
 * 「購入ボタンがページで一番目立つ色」。金をボタンにも見出しにも使っていたので、ボタンが埋もれていた。
 *
 * 文字は濃い色にする（#f97316 に #1a0f05 でコントラスト約6.6）。
 * 白い文字のオレンジは約2.8で読みにくい（fanza-guide.jp の形だが真似しない）。
 *
 * このファイルは light-theme.css のあとに読む（mo-child-discovery.php）。ライト用の
 * :root[data-mo-theme="light"] .mo-db a.mo-button（0,4,1）より強い詳細度で書く。
 * <button> の .mo-button-primary（検索の送信など）は購入ではないので対象にしない。
 */
:root {
  --mo-buy: #f97316;
  --mo-buy-hover: #fb8a3c;
  --mo-buy-ink: #1a0f05;
  --mo-buy-outline: #fb923c; /* 2番目の販売元（枠だけのボタン）の文字。暗い地の上 */
}
:root[data-mo-theme="light"] {
  --mo-buy-outline: #c2410c; /* 白い地の上ではこちら（コントラスト約5.2） */
}

/* --- 主ボタン（面がオレンジ） --- */
:root .mo-db a.mo-button.mo-button-primary[href],
:root a.mo-button.mo-sticky-buy-cta[href],
:root .mo-db a.mo-card-cta[href],
:root a.mo-card-cta[href],
:root body a.mo-shop-btn.is-fanza[href] {
  color: var(--mo-buy-ink);
  background: var(--mo-buy);
  border-color: var(--mo-buy);
}
:root .mo-db a.mo-button.mo-button-primary[href]:hover,
:root a.mo-button.mo-sticky-buy-cta[href]:hover,
:root a.mo-card-cta[href]:hover,
:root body a.mo-shop-btn.is-fanza[href]:hover {
  color: var(--mo-buy-ink);
  background: var(--mo-buy-hover);
  border-color: var(--mo-buy-hover);
}

/* 記事の旧ボタン（FANZA Integration の .fanza-cta-btn と、本文に置かれた WordPress のボタンで販売元へ飛ぶもの）。
 * 元の指定が color に !important を使い、本文の <style> がセール版を赤く塗っている（本文の <style> は後に来るので
 * 同じ詳細度では負ける）。地も !important で揃える。赤い地に濃い文字だとコントラスト2.6で読めなかった（2026-10-07 実測）。
 * 本文に style="color:#fff !important" が直接書かれたボタン（3本）は、白い文字をCSSから変えられない。
 * オレンジに白は2.8で読めないので、それだけは元の赤い地（#c62a45、白で5.0）のまま残す。 */
:root[data-mo-theme] .fanza-cta-btn:not([style*="color:#fff !important"]),
:root[data-mo-theme] .mo-editorial-body .fanza-cta-btn:not([style*="color:#fff !important"]),
:root[data-mo-theme] a.wp-block-button__link[href*="al.fanza.co.jp"],
:root[data-mo-theme] a.wp-block-button__link[href*="dmm.co.jp"],
:root[data-mo-theme] a.wp-block-button__link[href*="mgstage.com"] {
  color: var(--mo-buy-ink) !important;
  background: var(--mo-buy) !important;
  border-color: var(--mo-buy) !important;
}

/* --- 2番目の販売元（枠だけ） --- */
:root .mo-db a.mo-button.mo-button-sub[href],
:root body a.mo-shop-btn.is-mgs[href] {
  color: var(--mo-buy-outline);
  background: transparent;
  border: 1px solid var(--mo-buy);
}