/*
Theme Name: Cocoon Child BPC
Template: cocoon-master
Description: 株式会社BPC コーポレートサイトに配色・フォントを合わせた Cocoon 子テーマ。記事・タグ・画像・投稿画面は変更せず、見た目のみをブランド統一する。
Author: BPC
Version: 0.5.6
*/

/* NOTE: ヘッダー／フッターはコーポレートと同一のものを functions.php で出力し、
   Cocoon標準のヘッダー・フッターは header-footer.css で非表示にしています。
   このファイルは主に「記事本文・一覧・サイドバー・目次」の配色を担当します。 */

/* ===== BPCブランド・トークン ===== */
:root{
  --bpc-navy:#113662; --bpc-navy-d:#0d2a4d;
  --bpc-teal:#12b3a6; --bpc-teal-d:#0c8b81;
  --bpc-ink:#2b3440; --bpc-line:#dce3ea; --bpc-soft:#f4f7f9;
}

/* ===== フォント（コーポレートと同じ Noto Sans JP） ===== */
body,.entry-content,.article,input,button,select,textarea{
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",system-ui,sans-serif !important;
}

/* ===== リンク・アクセント色を BPC ティールに ===== */
a{color:var(--bpc-teal-d);}
a:hover{color:var(--bpc-navy);}

/* ===== 見出し（お役立ち情報のデザインに寄せる） ===== */
.article h1,.entry-title{color:var(--bpc-navy) !important;}
.entry-content h2{
  color:var(--bpc-navy) !important; background:none !important; border:0 !important;
  border-left:4px solid var(--bpc-teal) !important; padding:6px 0 6px 16px !important;
  font-size:1.5rem !important; margin:46px 0 18px !important;
}
.entry-content h3{
  color:var(--bpc-navy) !important; border:0 !important;
  border-bottom:2px solid var(--bpc-line) !important; padding-bottom:6px !important;
  font-size:1.2rem !important; margin:30px 0 12px !important;
}

/* ===== ボタン（BPCスタイル：ティール塗り＋角丸） ===== */
.wp-block-button__link,.btn,button.submit,input[type="submit"],.entry-content .btn{
  background:var(--bpc-teal) !important; border-color:var(--bpc-teal) !important;
  color:#fff !important; border-radius:8px !important; font-weight:700 !important;
}
.wp-block-button__link:hover,.btn:hover{background:var(--bpc-teal-d) !important;}

/* ===== パンくず ===== */
#breadcrumb,.breadcrumb{background:var(--bpc-soft) !important; color:#66727d;}
#breadcrumb a{color:var(--bpc-teal-d) !important;}

/* ===== 記事一覧：コーポレート（お役立ち情報）の見た目に寄せる =====
   ※重要：Cocoonのカード配置・列数・高さ計算には一切手を出さない（見た目のみ）。
   　レイアウト(display/grid/flex/height/aspect等)を上書きすると、Cocoon側の
   　カード高さ揃え等と競合してカードが崩れるため、配色・枠・角丸のみに留める。 */
.entry-card-wrap{
  background:#fff !important;
  border:0 !important;                 /* 枠線なし */
  border-radius:14px !important;
  overflow:hidden !important;
  transition:box-shadow .18s ease, transform .18s ease !important;
}
.entry-card-wrap:hover{
  box-shadow:0 16px 40px rgba(17,54,98,.14) !important;
  transform:translateY(-3px) !important;
}
/* Cocoon既定の下線区切りも消す（枠線なし） */
.entry-card-wrap.border-element{ border:0 !important; }
/* サムネ左上のカテゴリバッジ */
.entry-card .cat-label{
  background:var(--bpc-navy) !important; color:#fff !important; border:0 !important;
  border-radius:999px !important; font-size:11px !important; padding:3px 10px !important;
}
/* 見出し・抜粋・日付の配色 */
.entry-card-title, .card-title{ color:var(--bpc-navy) !important; font-weight:700 !important; }
.entry-card-snippet{ color:#66727d !important; }
.entry-card-meta{ color:#8a97a3 !important; }
.entry-card-meta .fa, .entry-card-meta .fas, .entry-card-meta .far{ color:#b3bcc6 !important; }
/* タグ一般（カテゴリ/タグラベル）の色 */
.category-label,.tag-label{
  background:var(--bpc-teal) !important; color:#fff !important; border-radius:6px !important; border:0 !important;
}

/* ===== 目次（TOC）を BPC 風のカードに ===== */
.toc{
  background:var(--bpc-soft) !important; border:1px solid var(--bpc-line) !important;
  border-radius:12px !important; padding:18px 20px !important;
}
.toc-title{color:var(--bpc-navy) !important; font-weight:800;}
.toc a{color:var(--bpc-ink) !important;}
.toc a:hover{color:var(--bpc-teal-d) !important;}

/* ===== 関連記事・人気記事カード ===== */
.related-entry-card-title,.widget-entry-card-title,.popular-entry-card-title{color:var(--bpc-navy) !important;}
.related-entry-card-thumb,.widget-entry-card-thumb{border-radius:8px; overflow:hidden;}

/* ===== サイドバー見出し ===== */
.widget-sidebar-label,.sidebar h3,.widget-sidebar h3{
  color:var(--bpc-navy) !important; border-left:4px solid var(--bpc-teal) !important;
  padding-left:12px !important; border-bottom:0 !important; background:none !important;
}

/* ===== ブログカード（記事中の埋め込み）を軽く整える ===== */
.blogcard,.blogcard-wrap{border:1px solid var(--bpc-line) !important; border-radius:12px !important;}
.blogcard-title{color:var(--bpc-navy) !important;}