/*
Theme Name: Cocoon Child
Template: cocoon-master
Version: 1.0
*/

/* Accent: #E87D00 (オレンジ), Base: #fff / #FFF8F0 */

body { background-color: #fafafa !important; }

/* ======================
   ヘッダーバナー
   画像サイズ: 1696x624px (アスペクト比 36.8%)
====================== */
#header {
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    padding-top: calc(100vw * 0.368) !important;
    padding-bottom: 0 !important;
    min-height: unset !important;
    max-height: 400px !important;
}
#header-in {
    display: none !important;
}
#header-container {
    border-bottom: 3px solid #E87D00 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    overflow: hidden !important;
}

/* ======================
   ナビゲーション
====================== */
#navi { background-color: #E87D00 !important; }
#navi .navi-in > ul > li > a { color: #fff !important; font-weight: bold; }
#navi .navi-in > ul > li > a:hover { color: #fff !important; background-color: #c96200 !important; }

/* ======================
   記事カード
====================== */
.a-wrap { background: #fff !important; border-radius: 14px !important; box-shadow: 0 2px 12px rgba(232,125,0,0.1) !important; }
.a-wrap:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 28px rgba(232,125,0,0.22) !important; }
.cat-label { background-color: #E87D00 !important; }

/* ======================
   記事内容
====================== */
.entry-content h2 { border-left: 5px solid #E87D00 !important; color: #c96200 !important; background: linear-gradient(135deg, #FFF8F0 0%, #fff 100%) !important; }
.entry-content h3 { border-left: 4px solid #f5a840 !important; color: #8a4d00 !important; }

/* ======================
   ウィジェット
====================== */
.widget_title, .widget-title { background: linear-gradient(135deg, #E87D00, #f5a840) !important; color: #fff !important; }

/* ======================
   リンク・ボタン
====================== */
a { color: #c96200 !important; }
a:hover { color: #E87D00 !important; }
.btn-wrap a, .btn { background-color: #E87D00 !important; color: #fff !important; border-radius: 6px !important; }
.btn-wrap a:hover, .btn:hover { background-color: #c96200 !important; }

/* ======================
   フッター
====================== */
#footer { background: linear-gradient(135deg, #c96200, #E87D00) !important; color: #fff !important; }
#footer a { color: #ffe0b2 !important; }
.footer-copy { background-color: #8a4d00 !important; color: #ffe0b2 !important; }
#go-to-top { background-color: #E87D00 !important; }

/* ======================
   ページネーション
====================== */
.page-numbers.current { background-color: #E87D00 !important; color: #fff !important; }
.page-numbers:hover { background-color: #f5a840 !important; }

/* ホームご紹介ボタン */
.bm-about-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: linear-gradient(135deg, #E87D00, #f5a840) !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    padding: 12px 28px !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(232,125,0,0.35) !important;
    letter-spacing: 0.04em !important;
    transition: all 0.25s ease !important;
    border: none !important;
}
.bm-about-btn:hover {
    background: linear-gradient(135deg, #c96200, #E87D00) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 20px rgba(232,125,0,0.45) !important;
    text-decoration: none !important;
}