/* ===========================================================================
 * SOWA 様向け web4-flipbook アーカイブ override
 *
 * 指定カラー (SOWA 様支給):
 *	 - body 背景:				 #000000
 *	 - アクセント (緑):			 #00ae45
 *	 - メイン文字色:			 #FFFFFF
 *	 - 軸ラベル背景:			 #18191b (シーズン / カテゴリ等の項目名)
 *
 * 配置・利用方法は同ディレクトリの README.md を参照。
 *
 * 構成:
 *	 1. CSS 変数の上書き (色味全般)
 *	 2. 構造オーバーライド (枠線・影・余白などプラグイン本体が直接書いている部分)
 *	 3. body / 見出し / 軸ラベル等のページ要素ダーク化
 * =========================================================================== */

/* ---------------------------------------------------------------------------
 * 1. CSS 変数の上書き
 * ------------------------------------------------------------------------ */

.w4fb-archive-filter,
.w4fb-list,
.w4fb-card {
	/* カラーパレット */
	--w4fb-bg:				transparent;		 /* カードはページ背景の黒が透ける */
	--w4fb-bg-subtle:		#18191b;			 /* 画像プレースホルダー / 軸ラベル背景と統一 */
	--w4fb-fg:				#ffffff;
	--w4fb-fg-muted:		#ffffff;
	--w4fb-border:			transparent;		 /* カード枠線なし */
	--w4fb-border-hover:	transparent;		 /* ホバー時も枠線なし */
	--w4fb-accent:			#00ae45;			 /* SOWA グリーン */
	--w4fb-accent-hover:	#00ae45;

	/* チップ (フィルタ) */
	--w4fb-chip-bg:			transparent;
	--w4fb-chip-fg:			#ffffff;
	--w4fb-chip-border:		#ffffff;
	--w4fb-chip-active-bg:	#00ae45;			 /* SOWA グリーン */
	--w4fb-chip-active-fg:	#ffffff;			 /* アクティブ時も白文字で統一 */
	--w4fb-radius-chip: 0;

	/* オーバーレイ
	   ボタン関連の変数は使わず、両ボタンを構造側で同じスケルトン枠に統一する
	   (.w4fb-btn--view と .w4fb-btn--download を一括で再定義) */
	--w4fb-overlay-bg:		rgba(0, 0, 0, 0.7);

	/* シェイプ: ダーク背景で白系シャドウは映えないため無効化、角丸も控えめに */
	--w4fb-radius:			0;
	--w4fb-shadow-hover:	none;
}

/* ---------------------------------------------------------------------------
 * 2. 構造オーバーライド (CSS 変数では制御できない部分)
 * ------------------------------------------------------------------------ */

/* カード: 枠線・角丸・カード背景・ホバー影をすべてフラット化 */
.w4fb-card {
	border: 0;
	background: transparent;
}

.w4fb-card:hover {
	border: 0;
	box-shadow: none;
	transform: none;
}

/* メディア領域 (画像枠) も角丸なし */
.w4fb-card__media {
	border-radius: 0;
}

/* タイトル: カード枠が無くなった分、左右の内パディングをゼロに */
.w4fb-card__title {
	padding: 12px 0 4px;
}

/* タイトルのリンク: 下線も消し、ホバー時は緑へ */
.w4fb-card__title a {
	border-bottom-color: transparent;
}

.w4fb-card__title a:hover {
	color: #00ae45;
}

/* 軸ラベル ("シーズン" "カテゴリ"): #18191b 背景 + 白文字 */
.w4fb-axis__label {
	padding: 8px 16px;
	background: #18191b;
	color: #ffffff;
	border-radius: 0;
}

/* カードホバーオーバーレイのボタン群:
   「カタログを見る」「ダウンロード」を共通スタイルに統一
   - 通常: スケルトン枠 (透明 + 白枠 + 白文字)
   - ホバー: アクセント (緑) で塗りつぶし、白文字 (フィルタチップのアクティブ状態と同じ振る舞い) */
.w4fb-btn--view,
.w4fb-btn--download {
	background: transparent;
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.7);
}

.w4fb-btn--view:hover,
.w4fb-btn--download:hover {
	background: #00ae45;
	color: #ffffff;
	border-color: #00ae45;
}

/* ---------------------------------------------------------------------------
 * 3. アーカイブページ全体のダーク化 (テーマ補助)
 * ------------------------------------------------------------------------ */

/* flipbook アーカイブ / カテゴリーアーカイブの body をブラックに */
body.post-type-archive-flipbook,
body.tax-flipbook_category {
	background: #000000;
	color: #ffffff;
}

/* アーカイブテンプレートの見出しもダーク背景で白表示に */
body.post-type-archive-flipbook .web4-flipbook-archive h1,
body.tax-flipbook_category .web4-flipbook-archive h1 {
	color: #ffffff;
}

/* フィルタ全体の上下罫線をダーク背景で控えめに (#18191b と同じ) */
body.post-type-archive-flipbook .w4fb-archive-filter,
body.tax-flipbook_category .w4fb-archive-filter {
	border-color: #18191b;
}

.w4fb-axis__list {
	gap: 1px;
}
.w4fb-axis__label {
	font-size: 1.6rem;
	font-weight: bold;
	padding: 4px 16px;
}
.w4fb-chip {
	background-color: white;
	color: #00ae45;
	height: 40px;
	font-size: 1.6rem;
	font-weight: bold;
}
.w4fb-chip:hover {
	background-color: #00ae45;
}