/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
 * GeneratePress Child Theme Styles
 * この行より下にコードを追記してください。
 * ----------------------------------------------------------------------------
 */

/* 1. Googleフォントの読み込み */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Inter:wght@400;700;900&display=swap');

/* 2. サイト全体の基本スタイル */
body {
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
    background-color: #020617; /* 非常に暗い青 */
    color: #cbd5e1; /* 基本テキスト色 (薄いグレー) */
}

/* 3. ヘッダー */
.site-header {
    background-color: rgba(2, 6, 23, 0.85); /* 半透明の背景 */
    backdrop-filter: blur(10px); /* すりガラス効果 */
    border-bottom: 1px solid #1e293b;
}

/* サイトタイトルをグラデーションに */
.site-header .main-title a {
    background: linear-gradient(90deg, #818cf8, #c084fc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.site-header .main-title a:hover {
    background: linear-gradient(90deg, #a7afff, #d9acff); /* ホバー時に少し明るく */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ナビゲーションメニュー */
.main-navigation a,
.menu-toggle,
.main-navigation .menu-bar-item > a {
    color: #cbd5e1;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
button.menu-toggle:hover,
button.menu-toggle:focus {
    color: #ffffff;
    background-color: transparent; /* ホバー時の背景色を消す */
}

/* サブメニュー */
.main-navigation ul ul {
    background-color: #111827;
    border: 1px solid #1e293b;
}
.main-navigation ul ul a:hover {
    background-color: rgba(129, 140, 248, 0.2);
}

/* 4. コンテンツエリア */
.inside-article {
    /* 記事コンテンツを直接囲んでいる要素に背景スタイルを強制適用します */
    background: rgba(15, 23, 42, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 0 15px rgba(192, 132, 252, 0.1) !important;
    padding: 40px !important; /* コンテンツの周りに余白を追加 */
}

/* サイドバーのウィジェット */
.sidebar .widget {
     background: rgba(15, 23, 42, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 0 15px rgba(192, 132, 252, 0.1) !important;
    color: #cbd5e1;
}

/* 記事下のナビゲーションやコメント欄 */
.comments-area,
.post-navigation {
    background: rgba(15, 23, 42, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 0 15px rgba(192, 132, 252, 0.1) !important;
    color: #cbd5e1;
}


/* --- 以下は見出しや文字色の設定（変更なし） --- */
h1.entry-title {
    color: #ffffff;
    font-weight: 900;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.widget-title {
    color: #ffffff;
}
.entry-meta,
.entry-meta a {
    color: #94a3b8;
}
.entry-meta a:hover {
    color: #c084fc;
}
/* 5. リンクとボタン */
a {
    color: #c084fc;
    text-decoration: none;
}
a:hover {
    color: #818cf8;
}

/* ボタン (コメント送信、検索など) */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link {
    background: linear-gradient(90deg, #6366f1, #a855f7);
    color: #ffffff !important; /* importantで色を強制上書き */
    font-weight: bold;
    border-radius: 9999px;
    border: none;
    padding: 10px 24px;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.3), 0 0 30px rgba(99, 102, 241, 0.2);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(168, 85, 247, 0.5), 0 0 40px rgba(99, 102, 241, 0.3);
}

/* 6. フォーム */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    background-color: #020617;
    border: 1px solid #1e293b;
    color: #cbd5e1;
    border-radius: 8px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: #818cf8;
    box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.4);
}

/* 7. フッター */
.site-footer {
    background-color: #111827;
    border-top: 1px solid #1e293b;
    color: #64748b;
}
.site-footer a {
    color: #94a3b8;
}
.site-footer a:hover {
    color: #cbd5e1;
}
.site-footer .copyright-bar {
    background-color: transparent;
}