@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){
  /*必要ならばここにコードを書く*/
}
/* ===== AZWork palette ===== */
:root{
  --az-charcoal:#171717;
  --az-orange:#F5661F;
  --az-gold:#C89A2B;
  --az-text:#111827;
  --az-muted:#6B7280;
  --az-border:#E5E7EB;
  --az-link:#0EA5E9;
}

/* ベースの読みやすさ */
body{ color:var(--az-text); line-height:1.8; }
a{ color:var(--az-link); text-decoration:underline; text-underline-offset:.15em; }
a:hover{ opacity:.9; }

/* 見出し：h2に橙の左線、h3に金の下線 */
.entry-content h2{
  font-weight:700;
  border-left:6px solid var(--az-orange);
  padding-left:.65em; margin:2.0em 0 .9em;
}
.entry-content h3{
  font-weight:600; position:relative; margin:1.6em 0 .6em;
}
.entry-content h3::after{
  content:""; display:block; width:88px; height:3px;
  background:var(--az-gold); margin-top:.45em; opacity:.9;
}

/* 目次（Cocoon TOC） */
.toc,.outline{ border:1px solid var(--az-border); background:#fff; }
.toc-title{ color:var(--az-muted); font-weight:700; }

/* ボタン/CTA：橙を主役に */
.btn,.button,.wp-block-button__link{
  background:var(--az-orange); color:#fff; font-weight:700; border:none;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
}
.btn:hover,.wp-block-button__link:hover{ transform:translateY(-1px); }

/* カテゴリ/バッジ：橙、タグはチャコール枠 */
.cat-label, .cat-name, .category-label, .widget_categories a{
  background:var(--az-orange)!important; color:#fff!important;
}
.tagcloud a{
  border:1px solid var(--az-border); color:var(--az-text);
}
.tagcloud a:hover{ border-color:var(--az-orange); }

/* カード/一覧：枠は薄め、影は最小 */
.entry-card-wrap .entry-card{ border:1px solid var(--az-border); }
.entry-card-thumb img{ aspect-ratio:16/9; object-fit:cover; }

/* ページネーション：現在ページを橙に */
.pagination .page-numbers.current{
  background:var(--az-orange); color:#fff; border-color:var(--az-orange);
}

/* コード/引用：黒背景で締める */
pre{
  background:#0f1115; color:#e7eaf0; border:1px solid var(--az-border);
  padding:1rem; border-radius:.5rem; overflow:auto;
}
blockquote{
  border-left:4px solid var(--az-charcoal); color:var(--az-muted);
}

/* ヘッダー/フッターを濃色にしたいとき（任意で有効化）
.site-header, .navi, .footer{ background:var(--az-charcoal); }
.site-branding a, .navi a, .footer a{ color:#fff; }
*/

/* ヒーローや強調帯を金色に寄せたいとき（任意）
.az-gold-band{ background:var(--az-gold); color:#fff; }
*/