@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* ===== キャリアマイグレーション: 白基調ミニマル調整 ===== */
:root {
  --cm-accent: #2563eb;      /* キーカラー: ブルー */
  --cm-text: #1f2937;        /* 本文: ほぼ黒のグレー */
  --cm-muted: #6b7280;
  --cm-border: #e5e7eb;
}

/* 全体を白ベース・文字色を締める */
body {
  background: #ffffff;
  color: var(--cm-text);
}

/* ヘッダー: 白地 + 下線だけのミニマルな帯 */
.header, .header-container-in {
  background: #ffffff;
}
.header {
  border-bottom: 1px solid var(--cm-border);
}
.site-name-text, .logo-header a {
  color: var(--cm-text);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.tagline {
  color: var(--cm-muted);
  font-size: 13px;
}

/* グローバルナビ: 下線ホバーのみ */
.navi, .navi-in > ul li {
  background: #ffffff;
}
.navi-in > ul li a {
  color: var(--cm-text);
}
.navi-in > ul li a:hover {
  background: #ffffff;
  color: var(--cm-accent);
  box-shadow: inset 0 -2px 0 var(--cm-accent);
}

/* リンク・アクセント */
a { color: var(--cm-accent); }
a:hover { color: #1e40af; }

/* 記事カード: 影を消して罫線に */
.entry-card-wrap, .related-entry-card-wrap {
  border: 1px solid var(--cm-border);
  border-radius: 8px;
  box-shadow: none;
}
.entry-card-wrap:hover {
  border-color: var(--cm-accent);
  box-shadow: none;
}

/* 見出し: 装飾を減らし左ボーダーのみ */
.article h2 {
  background: #f8fafc;
  border-left: 4px solid var(--cm-accent);
  border-radius: 4px;
  padding: 0.6em 0.8em;
}
.article h3 {
  border-left: 3px solid var(--cm-accent);
  border-bottom: none;
  padding: 0.3em 0.7em;
}

/* サイドバー見出しをミニマルに */
.sidebar h3 {
  background: none;
  border-bottom: 2px solid var(--cm-accent);
  color: var(--cm-text);
  padding: 0.4em 0.2em;
}

/* フッター */
.footer {
  background: #f8fafc;
  border-top: 1px solid var(--cm-border);
}
.footer, .footer a { color: var(--cm-muted); }

/* サイドバー見出し: Cocoon デフォルトの帯を確実に打ち消す */
.sidebar h3,
.sidebar .widget h3,
.sidebar h2 {
  background: none !important;
  color: var(--cm-text) !important;
  border: none;
  border-bottom: 2px solid var(--cm-accent);
  border-radius: 0;
  padding: 0.4em 0.2em;
  font-size: 16px;
}