/* ========== SKIN: NATURE (GREEN) ========== */
/* 配色・ボーダー色のみ。レイアウトは front_common.css */
/* ※ このスキンは記事タイトルやh2に固有装飾があるため、一部レイアウト上書きを含む */

/* --- HEADER --- */
.front-header { background: #2d5016; border-bottom: 1px solid #3d6b20; }

/* --- FOOTER --- */
.front-footer { background: #2d5016; border-top: 1px solid #3d6b20; }
.front-footer p { color: #8aad6e; }
.footer-nav { border-bottom: 1px solid #3d6b20; }
.footer-nav-heading { color: #a8cc8c; }
.footer-nav-list a { color: #7ecf5a; }
.footer-nav-disabled { color: #5a7a3e; }
.footer-site-link { color: #8aad6e; }
.sidebar-site-link { border-top: 1px solid #3d6b20; }
.sidebar-site-link a { color: #7ecf5a; }

/* --- BODY --- */
.front-body { background: #f4f7f0; color: #2c3e1a; }

/* --- SIDEBAR --- */
.sidebar-widget { background: #ffffff; border: 1px solid #c8ddb5; }
.sidebar-widget-title { color: #3d6b20; border-bottom: 1px solid #d5e8c3; }
.search-input { background: #f4f7f0; border: 1px solid #b5ceaa; color: #2c3e1a; }
.search-input:focus { border-color: #3d6b20; }
.search-btn { background: #4a8c2a; color: #ffffff; }
.search-btn:hover { background: #3d6b20; }
.sidebar-profile-name { color: #2c3e1a; }
.sidebar-profile-desc { color: #6b8f55; }
.sidebar-recent-list li { border-bottom: 1px solid #d5e8c3; }
.sidebar-recent-list li a { color: #2c3e1a; }
.sidebar-recent-list li a:hover { color: #4a8c2a; }
.sidebar-recent-date { color: #8aad6e; }
.sidebar-no-posts { color: #8aad6e; }
.sidebar-category-list li { border-bottom: 1px solid #d5e8c3; }
.sidebar-category-list li a { color: #2c3e1a; }
.sidebar-category-list li a:hover { color: #4a8c2a; }
.sidebar-admin-link a { color: #8aad6e; }

/* --- INDEX: 記事一覧 --- */
.front-page-title { color: #2d5016; }
.front-post-item { background: #ffffff; border: 1px solid #c8ddb5; }
.front-post-item:hover { border-color: #4a8c2a; }
.front-post-item h2 a { color: #2c3e1a; }
.front-post-item h2 a:hover { color: #4a8c2a; }
.front-post-meta { color: #8aad6e; }
.front-post-excerpt { color: #4a5c3a; }
.front-post-category { color: #4a8c2a; }
.front-post-category:hover { color: #3d6b20; }

/* --- POST: 記事詳細 --- */
.front-post-content { background: #ffffff; border: 1px solid #c8ddb5; }
.front-post-content .post-detail-meta { color: #8aad6e; }

/* nature固有: タイトル吹き出し装飾 */
.front-post-content .post-detail-title {
    font-size: 30px;
    font-weight: 900;
    color: #ffffff;
    background: #2d5016;
    padding: 20px 28px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 28px;
}
.front-post-content .post-detail-title::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 32px;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #2d5016;
}

.front-post-content .post-detail-body { color: #3a4f2a; font-size: 16px; font-weight: 600; }

/* nature固有: h2装飾 */
.front-post-content .post-detail-body h2 { color: #2c3e1a; padding-bottom: 12px; position: relative; }
.front-post-content .post-detail-body h2::before { content: "\25A0"; color: #4a8c2a; margin-right: 10px; font-size: 18px; }
.front-post-content .post-detail-body h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #4a8c2a; border-radius: 2px; }

.front-post-content .post-detail-body h3 { color: #2c3e1a; }
.front-post-content .post-detail-body a { color: #4a8c2a; }
.front-post-content .post-detail-body code { background: #eaf3e0; color: #2d5016; }
.front-post-content .post-detail-body pre { background: #f4f7f0; border: 1px solid #c8ddb5; }
.front-post-content .post-detail-body blockquote { border-left: 4px solid #4a8c2a; background: #eaf3e0; }
.front-post-content .post-detail-body table td,
.front-post-content .post-detail-body table th { border: 1px solid #c8ddb5; }
.front-post-content .post-detail-body table th { background: #eaf3e0; }
.front-back-link a { background: #eaf3e0; color: #2d5016; }
.front-back-link a:hover { background: #d5e8c3; color: #1a3a0a; }
.badge-draft { background: #fff3cd; color: #856404; }

/* --- PAGINATION --- */
.pagination-link { background: #ffffff; border: 1px solid #c8ddb5; color: #2c3e1a; }
.pagination-link:hover { background: #eaf3e0; color: #4a8c2a; border-color: #4a8c2a; }
.pagination-current { background: #4a8c2a; border: 1px solid #4a8c2a; color: #ffffff; }

/* --- COMMENTS --- */
.blog-comments-section { background: #ffffff; border: 1px solid #c8ddb5; }
.blog-comments-heading { color: #2c3e1a; border-bottom: 1px solid #d5e8c3; }
.blog-comment-msg { background: #eaf3e0; color: #3d6b20; }
.blog-comment-item { border-bottom: 1px solid #d5e8c3; }
.blog-comment-author { color: #2c3e1a; }
.blog-comment-date { color: #8aad6e; }
.blog-comment-delete { color: #cc0000; }
.blog-comment-body { color: #2c3e1a; }
.blog-comments-empty { color: #8aad6e; }
.blog-comment-form-wrap { border-top: 1px solid #d5e8c3; }
.blog-comment-form-heading { color: #2c3e1a; }
.blog-comment-form-label { color: #5a7a3a; }
.blog-comment-form-input,
.blog-comment-form-textarea { background: #f4f7f0; border-color: #b5ceaa; color: #2c3e1a; }
.blog-comment-form-input:focus,
.blog-comment-form-textarea:focus { border-color: #4a8c2a; outline: none; }
.blog-comment-form-btn { background: #4a8c2a; color: #ffffff; }
.blog-comment-form-btn:hover { background: #3d6b20; }
.blog-comment-form-note { color: #8aad6e; }