@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
*/

/* ============================================================
   顔バレラボ カスタムデザイン
   トークン: ink(#22252E) / accent rose(#C9455C) / gold(#C9A227)
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');

:root{
  --kb-bg:#F7F5F1;
  --kb-surface:#FFFFFF;
  --kb-surface-2:#F1ECE3;
  --kb-ink:#22252E;
  --kb-ink-muted:#6B6F7D;
  --kb-accent:#C9455C;
  --kb-accent-soft:#F8E6E9;
  --kb-gold:#B8912A;
  --kb-border:#E7E1D5;
  --kb-link:#2C4A6E;
}

body{
  background:var(--kb-bg) !important;
  color:var(--kb-ink);
  font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif !important;
}

/* ---------- header ---------- */
.header{
  background:var(--kb-surface) !important;
  border-bottom:3px solid var(--kb-gold) !important;
}
.site-name-text-link{ text-decoration:none; }
.site-name-text{
  font-family:"Shippori Mincho",serif !important;
  font-weight:700 !important;
  font-size:1.9rem !important;
  color:var(--kb-ink) !important;
  letter-spacing:.06em;
}
.tagline{
  color:var(--kb-ink-muted) !important;
  font-size:.72rem !important;
  letter-spacing:.08em;
}
.header .fa, .header-container a{ color:var(--kb-ink); }
.search-edit{ border-color:var(--kb-border) !important; }

/* ---------- breadcrumb ---------- */
.breadcrumb{
  background:transparent !important;
  color:var(--kb-ink-muted);
  font-size:.82rem;
}
.breadcrumb a{ color:var(--kb-link) !important; }

/* ---------- category label / pill ---------- */
.cat-label, .cat-link, a.cat-link{
  background:var(--kb-accent) !important;
  border-color:var(--kb-accent) !important;
  color:#fff !important;
  border-radius:20px !important;
  font-weight:700;
}
.cat-label-icon{ color:#fff !important; }

/* ---------- entry title / date ---------- */
.entry-title{
  font-family:"Zen Kaku Gothic New",sans-serif !important;
  font-weight:900 !important;
  color:var(--kb-ink) !important;
  line-height:1.5;
  text-wrap:balance;
}
.post-date, .entry-date{
  font-family:"JetBrains Mono",monospace;
  color:var(--kb-ink-muted) !important;
}
.article-header{ border-bottom:1px solid var(--kb-border); padding-bottom:16px; }

/* ---------- TOC ---------- */
.toc{
  background:var(--kb-surface-2) !important;
  border:none !important;
  border-left:5px solid var(--kb-gold) !important;
  border-radius:6px !important;
}
.toc-title{
  color:var(--kb-ink) !important;
  font-weight:700;
}
.toc-title:before{ color:var(--kb-gold) !important; }
.toc-list a{ color:var(--kb-link) !important; }
.toc-list a:hover{ color:var(--kb-accent) !important; }

/* ---------- headings inside entry-content (Cocoon uses wp-block-heading h2/h3) ---------- */
.entry-content h2{
  background:var(--kb-accent-soft) !important;
  border:none !important;
  border-left:6px solid var(--kb-accent) !important;
  color:var(--kb-ink) !important;
  font-weight:900 !important;
  padding:14px 18px !important;
  border-radius:4px;
  margin:2.4em 0 1em !important;
}
.entry-content h2:before, .entry-content h2:after{ content:none !important; }
.entry-content h3{
  color:var(--kb-ink) !important;
  font-weight:700 !important;
  border-bottom:2px dotted var(--kb-gold) !important;
  border-left:none !important;
  padding-bottom:.4em;
  background:transparent !important;
}
.entry-content a{ color:var(--kb-link); }
.entry-content strong{ background:linear-gradient(transparent 65%, var(--kb-accent-soft) 65%); font-weight:700; }

/* ---------- sidebar widgets ---------- */
.widget-sidebar-title{
  background:var(--kb-ink) !important;
  color:#fff !important;
  font-family:"Shippori Mincho",serif;
  border-radius:4px 4px 0 0;
}
.widget.widget-sidebar{
  border:1px solid var(--kb-border) !important;
  border-radius:6px;
  overflow:hidden;
}
.wp-block-categories-list a, .wp-block-archives-list a{ color:var(--kb-link); }

/* ---------- article card list (archive / related) ---------- */
.rect-entry-card .a-wrap, .ect-vertical-card-2 .a-wrap{
  background:var(--kb-surface) !important;
  border:1px solid var(--kb-border) !important;
  border-radius:8px;
  box-shadow:0 1px 3px rgba(34,37,46,.06);
}
.a-post-title{
  font-weight:700 !important;
  color:var(--kb-ink) !important;
}
.related-entry-main-heading, .related-entry-heading{
  color:var(--kb-ink) !important;
  font-family:"Shippori Mincho",serif;
}

/* ---------- buttons / sns ---------- */
.sns-share, .sns-follow{ background:transparent !important; }
.btn, .wp-block-cocoon-blocks-button-1 .btn{
  background:var(--kb-accent) !important;
  border-color:var(--kb-accent) !important;
}

/* ---------- footer ---------- */
.footer{ background:var(--kb-ink) !important; color:#D9DAE0; }
.footer a{ color:#D9DAE0 !important; }
.logo-footer .site-name-text{ color:#fff !important; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 600px){
  .site-name-text{ font-size:1.4rem !important; }
  .entry-title{ font-size:1.3rem !important; }
}