@charset "UTF-8";
/*
Theme Name:   Poseidon Child
Template:     poseidon
Text Domain:  poseidon-child
Version:      1.2.2
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# - CSS Variable Overrides (colors / fonts)
# - Outer Canvas (body / custom-background)
# - Site Width
# - Card Surfaces (.hentry / .widget)
# - Hardcoded uppercase overrides (not covered by variables)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# - CSS Variable Overrides
   親 style.css の :root（63行目〜）を上書きする。
   実在する変数名のみを使用（推測プロパティなし）。
--------------------------------------------------------------*/
:root {
	/* 台紙（canvas）とカード面 */
	--page-background-color: #eeeeee; /* was #fff … .site-content の背景＝台紙 */
	--light-background-color: #eeeeee; /* unchanged: タグpill背景。カード(#fff)の上で使うのでそのまま流用 */

	/* ヘッダー・フッター：ダーク（#000000基調） */
	--header-background-color: #000000; /* was #fff … .site-header 全幅バンド＋デスクトップ時のドロップダウン背景(3621行目)にも連動 */
	--footer-background-color: #000000; /* was #fff … .footer-wrap 全幅バンド */

	/* 本文・見出しの文字色（純黒 #000 は使わない） */
	--text-color: #323232; /* was #404040 */
	--title-color: #323232; /* was #404040 … entry-title / page-title（白カード上） */
	--widget-title-color: #323232; /* was #404040 … widget-title / archive-title */
	--site-title-color: #ffffff; /* was #404040 … ダークヘッダー上のロゴテキスト・site-description */
	--navi-color: #ffffff; /* was #404040 … ダークヘッダー上のナビ文字 */
	--footer-text-color: #ffffff; /* was #404040 … ダークフッター上の文字 */

	/* ホバー色：地が白/#eee の場所だけアクセント赤。黒地(ヘッダー/フッター/ナビ)は
	   #C30901 on #000000 = 3.36:1 でAA不可のため、淡グレーに退避する（検証済・下記コントラスト表参照） */
	--title-hover-color: #c30901; /* was #22aadd … 白カード上。#C30901 on #FFFFFF = 6.25:1 */
	--widget-title-hover-color: #c30901; /* was #22aadd … 白カード上 */
	--link-hover-color: #323232; /* was #404040 */
	--site-title-hover-color: #cccccc; /* was #22aadd … 黒背景上。#CCCCCC on #000000 = 13.08:1 */
	--navi-hover-color: #cccccc; /* was #22aadd … 黒背景上（デスクトップ時ドロップダウンの下線色にも連動） */
	--footer-link-color: #cccccc; /* was #22aadd … 黒背景上のリンク既定色（--footer-text-colorの白と区別するため一段落とす） */
	--footer-link-hover-color: #ffffff; /* was #404040 … ホバーで白に明るくなる */

	/* リンク・ボタン：小面積のアクセント用途（本文リンク／ボタン塗り／タグpillホバー） */
	--link-color: #c30901; /* was #22aadd … #C30901 on #FFFFFF=6.25:1 / on #EEEEEE=5.39:1（本スキル要件4で検証済） */
	--button-color: #c30901; /* was #22aadd … 白文字とのコントラスト #FFFFFF on #C30901=6.25:1 */
	--button-hover-color: #323232; /* was #404040 */

	/* 台紙上で不可視になる境界線の補正（自分の変更に伴う調整）
	   widget-title の下線・archive-title下線・pagination上線がすべてこの変数を使用。
	   元の #eee は白カード上では見えるが、台紙自体が #eee になったことで
	   カード外（archive-title・pagination）では地色と同化して消えてしまうため、
	   親テーマ既存の --medium-border-color と同じ値まで暗く調整する。 */
	--widget-title-border-color: #cccccc; /* was #eeeeee */

	/* --light-text-color の補正（親テーマに元々あったコントラスト不足の修正・任意対応）
	   entry-meta（日付/カテゴリ）・tzwb-comment-date が使用。
	   旧 #aaaaaa は on #FFFFFF で 2.32:1 とAA不達（親テーマの既存不備）。
	   #666666 に変更し on #FFFFFF 5.74:1 / on #EEEEEE 4.95:1 で解消。 */
	--light-text-color: #666666; /* was #aaaaaa */

	/* 見出し・ナビ・ウィジェット見出しフォント：和文セリフ（モデル=octane.jpのセリフ見出しを和文解釈） */
	--title-font: "Hiragino Mincho ProN", "Yu Mincho", "游明朝", serif; /* was "Raleway", arial, helvetica, sans-serif */
	--navi-font: "Hiragino Mincho ProN", "Yu Mincho", "游明朝", serif; /* was "Raleway", arial, helvetica, sans-serif（親と同じグルーピングを維持） */
	--widget-title-font: "Hiragino Mincho ProN", "Yu Mincho", "游明朝", serif; /* was "Raleway", arial, helvetica, sans-serif */

	/* 本文フォント：和文ゴシック */
	--text-font: "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", Meiryo, sans-serif; /* was "Ubuntu", arial, helvetica, sans-serif */

	/* 見出しウェイト：600以上固定（500は環境でRegularに落ちるため不採用） */
	--title-font-weight: 600; /* was bold(700相当) … 600以上の指定を厳守 */
	--navi-font-weight: 600; /* was bold */
	--widget-title-font-weight: 600; /* was bold */

	/* uppercase 全解除（和文原則） */
	--navi-text-transform: none; /* was uppercase */
	--widget-title-text-transform: none; /* was uppercase */
	/* --title-text-transform は元々 none のため変更なし */

	/* 本文行間 1.8（和文原則。octane実測の1.6は採用しない） */
	--text-line-height: 1.8; /* was 1.5 */

	/* Gutenbergカラーパレット（エディタのスウォッチ用。フロント表示のみ対象・記事本文では未使用想定） */
	--primary-color: #c30901; /* was #22aadd */
	--secondary-color: #323232; /* was #0084b7 */
	--tertiary-color: #1a1a1a; /* was #005e91 */
	--highlight-color: #666666; /* was #00b734 */
}

/*--------------------------------------------------------------
# - Outer Canvas (body / custom-background)
   Poseidon は add_theme_support('custom-background', ['default-color'=>'ffffff'])
   を宣言しているため、WP コアが <head> に body.custom-background{background-color:#ffffff}
   を（enqueueされたstyle.cssより後・かつ高詳細度で）注入する。
   プレーンな body{} 上書きだけでは負けるため、詳細度を1段上げて確実に勝たせる。
--------------------------------------------------------------*/
body {
	background-color: #eeeeee; /* was #fff（フォールバック値） */
}

html body.custom-background {
	background-color: #eeeeee; /* コアの body.custom-background{#ffffff} に詳細度で勝つための上書き */
}

/*--------------------------------------------------------------
# - Site Width
--------------------------------------------------------------*/
.container {
	max-width: 1200px; /* was 1280px … サイト全体1200px以内 */
}

.no-sidebar .content-area,
.site-content .centered-content-area {
	max-width: 850px; /* was 840px … 本文幅 約850px */
}

/*--------------------------------------------------------------
# - Card Surfaces (.hentry / .widget)
   台紙(#eeeeee)の上に記事・ウィジェットを白カードとして浮かせる「写真台紙」表現。
   .hentry は post_class() が type-post/type-page/検索結果/マガジンウィジェット記事など
   すべての投稿要素に付与する共通クラス（親テーマCSSは.hentryを使用していないため無競合）。
--------------------------------------------------------------*/
.hentry,
.widget {
	background-color: #ffffff;
	padding: 2em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* マガジンホームページ用ウィジェット内の投稿は元々chrome無しの密なグリッド設計のため、
   .hentryが付与されても背景/パディングは親テーマ側で明示的にnoneへ戻される（2115-2120行目）。
   box-shadowだけは親テーマに対応するプロパティが無く単独で残ってしまうため、ここで明示的に消す。 */
.widget-magazine-posts .type-post {
	box-shadow: none;
}

@media only screen and (max-width: 30em) {
	.hentry,
	.widget {
		padding: 1.3em;
	}
}

/*--------------------------------------------------------------
# - Hardcoded uppercase overrides
   変数化されておらず直接 text-transform: uppercase; が書かれている箇所（和文原則で全解除）。
--------------------------------------------------------------*/
.entry-meta {
	text-transform: none; /* was uppercase（1273行目・変数未使用の直書き） */
}

.tzwb-comments-list .tzwb-comment-date {
	text-transform: none; /* was uppercase（2971行目・変数未使用の直書き） */
}

/* --------------------------------------------------
 * パンくず（Breadcrumb NavXT 出力・CL-18・2026-07-30追加）
 * #666666 は台紙 #EEEEEE 上で 4.95:1（AA達成・design-notes 5章参照）
 * -------------------------------------------------- */
.satellite-breadcrumbs {
	font-size: 13px;
	color: #666666;
	padding-top: 0.8em;
}
.satellite-breadcrumbs a {
	color: #666666;
}
.satellite-breadcrumbs a:hover {
	color: #c30901;
}

/* --------------------------------------------------
 * マガジントップ（octane.jp型・2026-07-30追加）
 * Magazine (Grid) ウィジェット（2列レイアウト・8件）を
 * 上段2枚ヒーロー＋3枚目以降3カラムに再構成する。
 * -------------------------------------------------- */

/* カテゴリバッジ（子テーマ版 poseidon_magazine_entry_meta が出力） */
.widget-magazine-posts .entry-meta .post-badge {
	display: inline-block;
	background: #c30901;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	padding: 0.4em 0.9em;
	margin-right: 0.9em;
}
.widget-magazine-posts .entry-meta .post-badge:hover,
.widget-magazine-posts .entry-meta .post-badge:focus {
	background: #323232;
	color: #ffffff;
}

/* バッジ＋日付をタイトルの上へ（octane型の並び順） */
.widget-magazine-posts .large-post .entry-header {
	display: flex;
	flex-direction: column;
}
.widget-magazine-posts .large-post .entry-header .entry-meta {
	order: 1;
	margin-top: 0;
}
.widget-magazine-posts .large-post .entry-header .entry-title {
	order: 2;
	margin-top: 0.4em;
}

@media only screen and (min-width: 40.0625em) {
	/* 3枚目以降: 抜粋を隠し小カード化 */
	.widget-magazine-posts .magazine-grid .post-column:nth-child(n+3) .entry-content {
		display: none;
	}
	.widget-magazine-posts .magazine-grid .post-column:nth-child(n+3) .large-post .entry-title {
		font-size: 17px;
		font-size: 1.0625rem;
	}
}

@media only screen and (min-width: 55.0625em) {
	/* 3枚目以降を3カラム */
	.widget-magazine-posts .magazine-grid .post-column:nth-child(n+3) .large-post {
		clear: none;
		width: 33.3333%;
	}
	.widget-magazine-posts .magazine-grid .post-column:nth-child(3) .large-post,
	.widget-magazine-posts .magazine-grid .post-column:nth-child(6) .large-post {
		clear: left;
	}
}

/* マガジンメタ（日付）の配色 */
.widget-magazine-posts .entry-meta {
	font-size: 12px;
	color: #666666;
}
.widget-magazine-posts .entry-meta .meta-date a {
	color: #666666;
}
.widget-magazine-posts .entry-meta .meta-date a:hover {
	color: #c30901;
}

/* マガジンテンプレート（トップ）はサイドバー非表示・全幅 */
.page-template-template-magazine .content-area {
	float: none;
	margin: 0;
	width: 100%;
}
.page-template-template-magazine .sidebar {
	display: none;
}

/* 子テーマ既存の .entry-meta a チップ装飾をマガジン内では無効化 */
.widget-magazine-posts .entry-meta a:link,
.widget-magazine-posts .entry-meta a:visited {
	background: none;
	color: #666666;
	padding: 0;
}
.widget-magazine-posts .entry-meta a.post-badge:link,
.widget-magazine-posts .entry-meta a.post-badge:visited {
	background: #c30901;
	color: #ffffff;
	padding: 0.4em 0.9em;
}