/*
Theme Name: Lightning Child
Template: lightning
Version: 0.6.0
*/

/* ----------------------------------
  フォント変更
---------------------------------- */
/* 「過酷な環境 ＝ セラミック」を Times New Roman に変更 */
#n2-ss-4item1 {
    font-family: "Times New Roman", Times, serif !important;
}

/* 「Watch this video」 */
.n2-font-0102ed2f0228a4eab86745ed9bab2b41-hover {
    font-family: "Times New Roman", Times, serif !important;
}

/* ----------------------------------
  投稿ページ（single）背景を黒＋白文字
---------------------------------- */
.single,
.single-post {
    background-color: #000 !important;
    color: #fff !important;
}

/* 投稿本文内リンクを白（※本文 #main のみ） */
.single #main a {
    color: #fff !important;
}

/* 投稿本文内の見出しを白 */
.single #main h1,
.single #main h2,
.single #main h3,
.single #main h4,
.single #main h5,
.single #main h6 {
    color: #fff !important;
}

/* ----------------------------------
  投稿メタ情報（日付）を白
---------------------------------- */
.single .wp-block-latest-posts__post-date {
    color: #ffffff !important;
}

/* 最新の投稿一覧の区切り線を白い点線に */
.wp-block-latest-posts li {
    border-bottom: 1px dotted #fff !important;
}

/* ----------------------------------
  アーカイブページを黒背景＋本文を白文字
---------------------------------- */

/* 背景だけ黒にする（文字色はここでは指定しない） */
body.archive {
    background: #000 !important;
}

/* 本文エリア(#main)の文字を白に */
body.archive #main {
    color: #fff !important;
}

/* 本文内リンクを白 */
body.archive #main a {
    color: #fff !important;
}

/* 本文内の見出し（h2〜h6）を白
   ※h1 は後でタイトル用に黒へ上書きするので除外 */
body.archive #main h2,
body.archive #main h3,
body.archive #main h4,
body.archive #main h5,
body.archive #main h6 {
    color: #fff !important;
}

/* アーカイブページの一番上のタイトル（最初の h1）だけ黒に戻す */
body.archive #main h1:first-of-type {
    color: #000 !important;
}

/* 必要に応じて、タイトル部分の背景も白にしたい場合はコメントアウト解除
body.archive #main h1:first-of-type {
    color: #000 !important;
    background-color: #fff;
    padding: 0.5em 1em;
}
*/

/* ----------------------------------
  投稿ページ（single）のみ：本文リンクに点線下線
---------------------------------- */

body.single .entry-body a {
    text-decoration: none !important;
    border-bottom: 1px dotted currentColor !important;
    padding-bottom: 0.05em;
}

body.single .entry-body a:hover {
    border-bottom-style: solid !important;
}

/* ----------------------------------
  サイドバー（投稿ページのときだけ白文字）
---------------------------------- */

/* 見出し（最新の投稿、カテゴリー、アーカイブ） */
.single .widget_recent_entries .widget-title,
.single .widget_categories .widget-title,
.single .widget_archive .widget-title {
    color: #ffffff !important;
}

/* リンク文字を白 */
.single .widget_recent_entries a,
.single .widget_categories a,
.single .widget_archive a {
    color: #ffffff !important;
}

/* リスト内部のテキスト（件数など）も白 */
.single .widget_recent_entries li,
.single .widget_categories li,
.single .widget_archive li {
    color: #ffffff !important;
}

/* ----------------------------------
  PAGE TOP ボタン
---------------------------------- */

/* 他の色指定の影響を受けないよう中立化 */
.page_top_btn,
#page_top {
    color: inherit !important;
}

/* 矢印アイコンを白に戻す */
.page_top_btn::before,
#page_top::before {
    color: #fff !important;
}

/* テキスト部分を非表示（アイコンだけにする） */
.page_top_btn,
#page_top {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/* ----------------------------------------------------
   アーカイブページのカード内タイトルリンクを黒に戻す
---------------------------------------------------- */

/* タイトル（h2.entry-title）内のリンクだけ黒へ */
body.archive #main h2.entry-title a,
body.archive #main h3.entry-title a,
body.archive #main .entry-card-title a,
body.archive #main .vk_post_title a {
    color: #000 !important;
}

/* ホバー時も黒のまま（必要な場合） */
body.archive #main h2.entry-title a:hover,
body.archive #main h3.entry-title a:hover,
body.archive #main .entry-card-title a:hover,
body.archive #main .vk_post_title a:hover {
    color: #000 !important;
}
/* パンくず（Breadcrumb）の文字色を白に統一 */
.breadcrumb,
.breadcrumb a,
.breadcrumb span,
.breadcrumb li {
    color: #fff !important;
}

/* パンくず内のリンクホバー時も白に */
.breadcrumb a:hover {
    color: #fff !important;
}