/**
 * FANZA Post Tools — ダークテーマ（Komiflo風・マゼンタアクセント）。
 * 基本設定「ダークテーマ」ON のとき frontend.css の上に読み込む上書き専用。
 * 変数を差し替えるだけで帯・価格・ボタン・リンク・枠がまとめてダークに変わる。
 */

.fpt-article,
.fpt-price {
	--fpt-accent: #ff2f78;
	--fpt-accent-ink: #ff7aa8;
	--fpt-ink: #e8e8ee;
	--fpt-sub: #b9b9c2;
	--fpt-muted: #8f8f9a;
	--fpt-faint: #6f6f7a;
	--fpt-line: #34363f;
	--fpt-panel: #2a2c34;
}

/* 記事全体をダークカード化（自己完結）。
   テーマ（Cocoon）が白いままでも記事だけで成立し、本文が白地に埋もれない。
   Cocoon をダーク化すればカードが地に馴染む。 */
.fpt-article {
	background: #212228;
	padding: 20px 18px;
	border: 1px solid #34363f;
	border-radius: 14px;
}

/* 価格ボックスをダークサーフェス化（記事より少し明るく） */
.fpt-price {
	background: #262830;
}

/* 割引バッジ（使う場合）をダーク調に */
.fpt-price .fpt-price-off {
	background: #3a1330;
	color: #ff9ec4;
}

/* 画像は黒地で締まるよう影を強めに */
.fpt-article .fpt-package img,
.fpt-article .fpt-sample img {
	box-shadow: 0 4px 18px rgba( 0, 0, 0, 0.55 );
}

/* 購入ボタンにマゼンタのグロー */
.fpt-article .fpt-btn {
	box-shadow: 0 6px 20px rgba( 255, 47, 120, 0.35 );
}

/* スマホ追従CTA をダークバー＋マゼンタボタンに（本文の購入ボタンと色を統一）。
   追従CTAは .fpt-article の外に出るので、ここで --fpt-accent を与えて赤フォールバックを上書きする。 */
.fpt-sticky-cta {
	--fpt-accent: #ff2f78;
	background: rgba( 30, 31, 36, 0.96 );
	box-shadow: 0 -2px 14px rgba( 0, 0, 0, 0.5 );
}
.fpt-sticky-cta .fpt-sticky-btn {
	background: var( --fpt-accent ) !important;
	box-shadow: 0 4px 16px rgba( 255, 47, 120, 0.35 );
}
.fpt-sticky-cta .fpt-sticky-close {
	color: #b9b9c2 !important;
	background: transparent !important;
}