/*
Theme Name: Entamec AI
Theme URI: https://ai.entamec.com/
Description: 「AI トピックス」用の子テーマ(Twenty Twenty-Five ベース)。濃紺と水色・紫のテック系。記事は「重要ポイント → 概要 → 詳細 → 出典」の型。
Author: entamec
Template: twentytwentyfive
Version: 1.0.0
Text Domain: entamec-ai
*/

/* ヘッダー */
.ea-header { background: linear-gradient(120deg, #0b1220 0%, #121a33 55%, #1b1f4a 100%); }
.ea-header a { color: #e6edf7; }
.ea-header .wp-block-site-title a { font-weight: 800; letter-spacing: .04em; }
.ea-header .wp-block-site-title a::before { content: "◆ "; color: #38bdf8; }
/* ナビゲーションのブロックが付ける色より優先する(暗いヘッダーの上では明るい文字に) */
.ea-header .wp-block-navigation, .ea-header .wp-block-navigation a { color: #e6edf7 !important; }
.ea-header .wp-block-navigation a:hover { color: #7dd3fc !important; }
.ea-header .wp-block-navigation__responsive-container-open svg { fill: #e6edf7; }
/* スマホで開いたメニュー(白地)では濃い文字に */
.ea-header .wp-block-navigation__responsive-container.is-menu-open, .ea-header .wp-block-navigation__responsive-container.is-menu-open a { color: #0f172a !important; }

/* カテゴリの色(ロゴは使わず色と文字だけ) */
.ea-cat, .wp-block-post-terms.taxonomy-category a {
  display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; text-decoration: none;
  color: #fff; background: #475569;
}
.wp-block-post-terms.taxonomy-category a[href*="/category/claude/"] { background: #c96442; }
.wp-block-post-terms.taxonomy-category a[href*="/category/openai/"] { background: #10a37f; }
.wp-block-post-terms.taxonomy-category a[href*="/category/gemini/"] { background: linear-gradient(90deg, #4285f4, #9b72cb); }
.wp-block-post-terms.taxonomy-category a[href*="/category/meta/"] { background: #0866ff; }
.wp-block-post-terms.taxonomy-category a[href*="/category/other-ai/"] { background: #7c3aed; }
.wp-block-post-terms.taxonomy-category .wp-block-post-terms__separator { display: none; }
.wp-block-post-terms.taxonomy-post_tag a { display: inline-block; margin: 0 4px 4px 0; padding: 1px 8px; font-size: 12px; border: 1px solid #cbd5e1; border-radius: 4px; text-decoration: none; color: #334155; }
.wp-block-post-terms.taxonomy-post_tag .wp-block-post-terms__separator { display: none; }

/* 記事一覧のカード */
.wp-block-post-template > li { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; transition: transform .18s, box-shadow .18s; }
.wp-block-post-template > li:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(15, 23, 42, .1); }
.wp-block-post-template .wp-block-post-title, .wp-block-post-template .wp-block-post-terms, .wp-block-post-template .wp-block-post-date,
.wp-block-post-template .wp-block-post-excerpt { padding-left: 1rem; padding-right: 1rem; }
.wp-block-post-template .wp-block-post-featured-image img { aspect-ratio: 3 / 2; object-fit: cover; }

/* 記事の型: 重要ポイント(いちばん上) */
.ea-keypoints { margin: 0 0 2rem; padding: 1.1rem 1.4rem 1.2rem; border-radius: 14px; background: linear-gradient(135deg, #0f172a, #1e1b4b); color: #e2e8f0; }
.ea-keypoints h2 { margin: 0 0 .6rem; font-size: 1rem; letter-spacing: .15em; color: #7dd3fc; }
.ea-keypoints ul { margin: 0; padding-left: 1.2em; }
.ea-keypoints li { margin: .35em 0; line-height: 1.7; }
.ea-keypoints li::marker { color: #38bdf8; }
.ea-keypoints strong { color: #fff; }

/* 概要・詳細・出典 */
.ea-summary { padding: 1rem 1.2rem; border-left: 4px solid #38bdf8; background: #f0f9ff; border-radius: 0 10px 10px 0; }
.ea-sources { margin-top: 2.5rem; padding: 1rem 1.2rem; font-size: .9rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
.ea-sources h2 { margin-top: 0; font-size: 1rem; }
.ea-note { font-size: .8rem; color: #64748b; }

/* リンク集 */
.ea-links h2 { margin-top: 2rem; padding-bottom: .4rem; border-bottom: 2px solid #38bdf8; }
.ea-links ul { padding-left: 1.1em; }
.ea-links li { margin: .45em 0; }
.ea-links li small { color: #64748b; margin-left: .4em; }

/* 投稿者名(自動投稿用のユーザー名)は出さない */
.wp-block-post-author, .wp-block-post-author-name { display: none; }
