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

/************************************
** てんぷら日記 — HAKU（白）デザイン
** 白磁 #FCFCFA / 墨 #1B1B19 / 朱 #BC4A3C / 鉄黒 #161513
************************************/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600;700&display=swap');

:root {
  --haku-washi: #FCFCFA;
  --haku-surface: #F4F2EC;
  --haku-sumi: #1B1B19;
  --haku-sumi-soft: #6B6862;
  --haku-shu: #BC4A3C;
  --haku-shu-deep: #A23A2E;
  --haku-tetsu: #161513;
  --haku-line: rgba(27,27,25,.12);
  --haku-mincho: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
}

/* ---- 全体 ---- */
body {
  background-color: var(--haku-washi);
  color: var(--haku-sumi);
}
#container { background-color: var(--haku-washi); }
a { color: var(--haku-shu-deep); }
a:hover { color: var(--haku-shu); }

/* ---- ヘッダー ---- */
#header, .header-container, #header-container {
  background-color: var(--haku-washi);
}
#header-container { border-bottom: 1px solid var(--haku-line); }
.site-name-text {
  font-family: var(--haku-mincho);
  font-weight: 600;
  letter-spacing: .16em;
  color: var(--haku-sumi) !important;
}
/* 落款「天」をロゴ前に */
.site-name-text::before {
  content: "天";
  display: inline-block;
  font-size: .55em;
  border: 1.5px solid var(--haku-shu);
  color: var(--haku-shu);
  padding: .18em .3em;
  margin-right: .6em;
  vertical-align: .18em;
  line-height: 1;
}
.tagline {
  font-family: var(--haku-mincho);
  letter-spacing: .12em;
  color: var(--haku-sumi-soft);
}

/* ---- グローバルナビ ---- */
#navi, #navi .navi-in > ul li {
  background-color: var(--haku-washi);
}
#navi .navi-in > ul li a {
  font-family: var(--haku-mincho);
  letter-spacing: .1em;
  color: var(--haku-sumi);
}
#navi .navi-in > ul li a:hover {
  background-color: var(--haku-surface);
  color: var(--haku-shu-deep);
}
#navi .navi-in > ul > li { border-right: none; }

/* ---- 見出し（明朝） ---- */
.article h1, .article h2, .article h3,
.entry-card-title, .entry-title, .archive-title,
.widget-sidebar h3, .related-entry-card-title {
  font-family: var(--haku-mincho);
  letter-spacing: .05em;
}
.article h2 {
  background-color: var(--haku-surface);
  border-left: 4px solid var(--haku-shu);
  border-radius: 0;
  color: var(--haku-sumi);
}
.article h3 {
  border-left: 3px solid var(--haku-shu);
  border-bottom: 1px solid var(--haku-line);
  border-top: none; border-right: none;
}

/* ---- 記事カード ---- */
.entry-card-wrap {
  border-bottom: 1px solid var(--haku-line);
}
.entry-card-wrap:hover {
  background-color: var(--haku-surface);
}
.entry-card-title { color: var(--haku-sumi); }
.entry-card-snippet { color: var(--haku-sumi-soft); }

/* ---- カテゴリラベル（朱） ---- */
.cat-label {
  background-color: var(--haku-shu);
  color: #fff;
  border: none;
  font-family: var(--haku-mincho);
  letter-spacing: .08em;
}

/* ---- サイドバー ---- */
.widget-sidebar h3 {
  background: none;
  border-left: 4px solid var(--haku-shu);
  border-bottom: 1px solid var(--haku-line);
  padding: .5em .8em;
  color: var(--haku-sumi);
}
.sidebar { background: transparent; }

/* ---- ページネーション・ボタン ---- */
.pagination .current,
.pagination a:hover,
.btn, .btn-l, button[type="submit"]:hover {
  background-color: var(--haku-shu);
  color: #fff;
}
.pagination a { color: var(--haku-sumi); }

/* ---- フッター（鉄黒） ---- */
.footer, #footer {
  background-color: var(--haku-tetsu);
  color: rgba(252,252,250,.7);
}
.footer a, #footer a { color: rgba(252,252,250,.7); }
.footer a:hover, #footer a:hover { color: var(--haku-shu); }
.copyright { font-family: var(--haku-mincho); letter-spacing: .08em; }

/* ---- 目次・引用など ---- */
.toc {
  border: 1px solid var(--haku-line);
  background: var(--haku-surface);
}
.toc-title { font-family: var(--haku-mincho); letter-spacing: .1em; }
blockquote {
  border-left: 3px solid var(--haku-shu);
  background: var(--haku-surface);
  font-family: var(--haku-mincho);
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1023px){
}
@media screen and (max-width: 834px){
  .site-name-text { letter-spacing: .1em; }
}
@media screen and (max-width: 480px){
}

/* リベシティ図書館風リニューアル: カード/タグ/ランキング HAKU配色 (2026-08-17) */

/* ---- 記事カードグリッド (vertical_card_2) ---- */
.ect-vertical-card .entry-card-wrap {
  border-bottom: none;
  margin-bottom: 20px;
}
.ect-vertical-card .entry-card {
  background-color: var(--haku-washi);
  border: 1px solid var(--haku-sumi);
  border-radius: 4px;
  overflow: hidden;
}
.ect-vertical-card .entry-card-wrap:hover .entry-card {
  box-shadow: 0 2px 10px var(--haku-line);
}
.ect-vertical-card .entry-card-thumb-image {
  display: block;
}

/* ---- よく見るタグ (サイドバー) ---- */
.tempura-tag-links a {
  display: inline-block;
  padding: 2px 10px;
  margin: 2px 4px 2px 0;
  border: 1px solid #BC4A3C;
  border-radius: 999px;
  color: #BC4A3C;
  background: #FCFCFA;
  text-decoration: none;
  font-size: 0.8em;
}
.tempura-tag-links a:hover {
  color: #FCFCFA;
  background: #BC4A3C;
}

/* ---- 人気記事ランキングウィジェット (popular_entries) ---- */
/* 順位バッジは .card-thumb::before の counter(p-rank) 疑似要素。既定の金銀銅色を朱に統一 */
.widget-entry-cards.ranking-visible .card-thumb::before,
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
  background-color: var(--haku-shu);
  color: var(--haku-washi);
  border-radius: 50%;
  opacity: 1;
}
.popular-entry-card-pv,
.widget-entry-card-pv {
  color: var(--haku-sumi-soft);
  font-size: 0.8em;
}
.ect-vertical-card .entry-card-meta,
.ect-vertical-card .entry-date,
.ect-vertical-card .entry-category,
.ect-vertical-card .post-date {
  color: var(--haku-sumi-soft);
}