/*
Theme Name: 会津若松地区保護司会テーマ
Theme URI: https://hogoshiaizu.jp
Template: lightning
Description: 会津若松地区保護司会のウェブサイト用カスタムテーマ（Lightning子テーマ）
Author: 会津若松地区保護司会
Tags: lightning, child-theme
Version: 1.0.0
*/

/* ===========================================
   カスタムスタイル
   =========================================== */

/* カラー・フォント変数 */
:root {
    --hogoshi-primary: #1e3a5f;      /* メインカラー（紺） */
    --hogoshi-secondary: #2d5a3d;    /* サブカラー（緑） */
    --hogoshi-accent: #c9a227;       /* アクセントカラー（金） */
    --hogoshi-light: #f5f7fa;        /* 背景色（薄いグレー） */
    --hogoshi-text: #333333;         /* テキスト色 */
    --hogoshi-title-font: "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HGMaruGothicMPRO", "Rounded Mplus 1c", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}

/* ヘッダーのカスタマイズ */
.site-header {
    background-color: var(--hogoshi-primary);
}

.site-header-logo a {
    color: #ffffff;
    font-family: var(--hogoshi-title-font);
}

/* ナビゲーションメニュー */
.global-nav-list > li > a {
    color: #ffffff;
    font-family: var(--hogoshi-title-font);
}

.global-nav-list > li > a:hover {
    color: var(--hogoshi-accent);
}

/* ボタンのカスタマイズ */
.btn-primary,
.wp-block-button__link {
    background-color: var(--hogoshi-primary);
    border-color: var(--hogoshi-primary);
}

.btn-primary:hover,
.wp-block-button__link:hover {
    background-color: var(--hogoshi-secondary);
    border-color: var(--hogoshi-secondary);
}

/* フッターのカスタマイズ */
.site-footer {
    background-color: var(--hogoshi-primary);
    color: #ffffff;
}

.site-footer a {
    color: #ffffff;
}

.site-footer a:hover {
    color: var(--hogoshi-accent);
}

/* 見出しのカスタマイズ */
.entry-content h2 {
    border-left: 4px solid var(--hogoshi-primary);
    padding-left: 15px;
}

.entry-content h3 {
    border-bottom: 2px solid var(--hogoshi-secondary);
    padding-bottom: 10px;
}

/* ===========================================
   タイトルフォントの統一
   スライダーと固定ページで同じフォントを使用
   =========================================== */

/* スライダーのタイトル */
.ltg-slide-text-title {
    font-family: var(--hogoshi-title-font);
}

/* 固定ページのタイトル */
.page-header-title,
.entry-title {
    font-family: var(--hogoshi-title-font);
}