/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description: 中野区江原町町会 カスタムデザイン
Author:
Tags:
Version: 0.6.0
*/

/* ===== 江原町会 カスタムデザイン ===== */

/* 1. フォントサイズ（高齢者対応） */
body {
  font-size: 17px;
  line-height: 1.9;
}
.wp-block-post-excerpt__excerpt,
.entry-content p,
.entry-summary p {
  font-size: 17px;
}

/* 2. ヘッダー背景色 */
.site-header,
#site-header {
  background-color: #2c3e50 !important;
}
.site-header .site-title a,
.site-header .site-description {
  color: #ffffff !important;
}
.site-header .global-nav a,
.site-header nav a {
  color: #f0f0f0 !important;
}

/* 3. ナビゲーション hover */
.global-nav > ul > li > a:hover,
.site-header nav a:hover {
  color: #c9a227 !important;
  text-decoration: none;
}

/* 4. プライマリカラー補完（VK Blocks との連携） */
:root {
  --vk-color-primary: #c9a227;
  --vk-color-primary-dark: #a07c0a;
  --vk-color-primary-vivid: #d4b040;
}

/* 5. ボタン */
.btn-primary,
.wp-block-button__link,
.vk_button__link {
  background-color: #c9a227 !important;
  border-color: #a07c0a !important;
  color: #1a1a1a !important;
  font-weight: bold;
}
.btn-primary:hover,
.wp-block-button__link:hover,
.vk_button__link:hover {
  background-color: #a07c0a !important;
  color: #ffffff !important;
}

/* 6. 見出しアクセントライン */
h2.wp-block-heading,
.entry-content h2 {
  border-left: 5px solid #c9a227;
  padding-left: 0.75rem;
  margin-top: 2rem;
}

/* 7. カード・投稿一覧 */
.vk_posts-col-xs-12 .vk_post,
.wp-block-post {
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 1rem;
  margin-bottom: 1.2rem;
}

/* 8. フッター */
.site-footer,
#site-footer {
  background-color: #2c3e50 !important;
  color: #f0f0f0 !important;
}
.site-footer a,
#site-footer a {
  color: #c9a227 !important;
}
.site-footer a:hover {
  color: #d4b040 !important;
}

/* 9. スマホ対応 */
@media (max-width: 767px) {
  body { font-size: 16px; }
  h2.wp-block-heading,
  .entry-content h2 {
    font-size: 1.3rem;
  }
}

/* 10. ヒーローセクション仮スタイル */
.hero-placeholder {
  background: linear-gradient(135deg, #2c3e50 0%, #4a6741 100%);
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  padding: 3rem 1rem;
}
.hero-placeholder h1 {
  font-size: 2rem;
  color: #c9a227;
  margin-bottom: 0.5rem;
}
.hero-placeholder p {
  font-size: 1.1rem;
  color: #f0f0f0;
}