/*
Theme Name: Cocoon Child (Furafura Sanzai)
Theme URI: https://wp-cocoon.com/
Description: フラフラ散財日記 オリジナルデザイン子テーマ（自転車通勤・キャンプ・DIYの雰囲気に合わせたアウトドア・ナチュラル系デザイン）
Author: Furafura
Template: cocoon-master
Version: 1.0.0
*/

/* ==========================================================
   カラー・フォント定義
   ========================================================== */
:root {
  --furafura-main: #4a6741;      /* フォレストグリーン（メイン） */
  --furafura-accent: #c1652f;    /* ラスト・オレンジ（アクセント／リンク） */
  --furafura-bg: #faf7f2;        /* クリーム背景 */
  --furafura-card-bg: #ffffff;
  --furafura-text: #3a3226;      /* こげ茶（本文） */
  --furafura-border: #e4ddd0;
}

body {
  background-color: var(--furafura-bg);
  color: var(--furafura-text);
}

a {
  color: var(--furafura-accent);
}

a:hover {
  color: var(--furafura-main);
}

/* ==========================================================
   ヘッダー
   ========================================================== */
#header,
.header-in {
  background-color: var(--furafura-card-bg);
  border-bottom: 3px solid var(--furafura-main);
}

.site-name-text a,
.site-name a {
  color: var(--furafura-main) !important;
  font-weight: bold;
}

/* グローバルナビ */
.navi,
#navi {
  background-color: var(--furafura-main);
}

.navi a,
#navi a {
  color: #fff !important;
}

.navi li:hover,
#navi li:hover {
  background-color: var(--furafura-accent);
}

/* ==========================================================
   記事カード（一覧表示）
   ========================================================== */
.entry-card,
.a-post {
  background-color: var(--furafura-card-bg);
  border: 1px solid var(--furafura-border);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.entry-card-thumb img,
.eye-catch img {
  border-radius: 10px 10px 0 0;
}

.entry-card-title,
.a-post-title {
  color: var(--furafura-text);
  font-weight: bold;
}

/* ==========================================================
   本文
   ========================================================== */
.entry-content,
.article {
  background-color: var(--furafura-card-bg);
  border-radius: 10px;
  line-height: 1.9;
  font-size: 16px;
}

.entry-content img {
  border-radius: 8px;
}

.entry-content h2 {
  border-left: 6px solid var(--furafura-main);
  padding-left: 10px;
}

.entry-content h3 {
  border-bottom: 2px solid var(--furafura-accent);
  padding-bottom: 4px;
}

/* ==========================================================
   サイドバー・ウィジェット
   ========================================================== */
.widget {
  background-color: var(--furafura-card-bg);
  border: 1px solid var(--furafura-border);
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 24px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.widget-title,
.widget h3 {
  color: var(--furafura-main);
  font-size: 15px;
  font-weight: bold;
  border-bottom: 2px solid var(--furafura-main);
  padding-bottom: 8px;
  margin-bottom: 12px;
}

/* タグ・カテゴリをピル型ボタンに（すっきり整理） */
.tagcloud a,
.tag-link,
.cat-link a,
.widget_categories a,
.widget_tag_cloud a {
  display: inline-block;
  padding: 4px 14px;
  margin: 3px;
  background-color: var(--furafura-bg);
  border: 1px solid var(--furafura-border);
  border-radius: 20px;
  font-size: 12px !important;
  color: var(--furafura-main);
  text-decoration: none;
}

.tagcloud a:hover,
.tag-link:hover,
.cat-link a:hover {
  background-color: var(--furafura-accent);
  border-color: var(--furafura-accent);
  color: #fff;
}

/* ==========================================================
   フッター
   ========================================================== */
#footer {
  background-color: var(--furafura-main);
  color: #fff;
}

#footer a {
  color: #f0e9dc;
}

/* ==========================================================
   スマホ表示調整
   ========================================================== */
@media (max-width: 600px) {
  .entry-content,
  .article {
    font-size: 15px;
    padding: 12px;
  }

  .widget {
    padding: 12px;
  }

  .entry-card-title,
  .a-post-title {
    font-size: 15px;
  }
}