@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:    cocoon-master
Version:     1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
** ✨ ケンさん専用・全方位成約特化型ダークモードカスタム（最終シンプル版）
************************************/

/* ① 背景と基本文字色（完全ダーク化） */
#main, .sidebar, .article, .post, .page,
.entry-card-wrap, .related-entry-card-wrap, .widget-entry-card {
    background-color: #252526 !important;
    color: #f0f0f0 !important;
}

/* ② リンク（ホバー時の色変化を完全廃止！） */
a, a:hover, a:visited {
    color: #f0f0f0 !important; /* 基本リンクは常に白で完全固定 */
    text-decoration: none;
}
.entry-content a, .entry-content a:hover, .entry-content a:visited {
    color: #61afef !important; /* 本文内のテキストリンクは常にマイルドなブルーで完全固定 */
}

/* ③ 画像クリック時・ホバー時の黒ずみ防止 */
a:visited img, .entry-card-thumb img, a:hover img {
    filter: none !important;
    opacity: 1 !important;
    background: transparent !important;
}

/* ④ 引用枠・前後記事バナー（シンプルなグレー枠に統一） */
blockquote, .prev-next-post, .pagination, .page-numbers {
    background-color: #2d2d2d !important;
    border-color: #444444 !important;
}
blockquote * {
    color: #f0f0f0 !important; /* 中の文字はすべて白で固定 */
}

/* ⑤ 前後記事バナーの色修正（シアンtint除去＆文字シャドウ） */
.prev-next-post {
    background-color: #333333 !important;
    border: 1px solid #444444 !important;
    border-radius: 6px;
}
.prev-next-post a, .prev-next-post a:hover, .prev-next-post a:visited {
    color: #ffffff !important; /* ホバーしても色は一切変えない */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

/* ⑥ 上部動画とボタンの隙間詰め */
.entry-content > div:nth-child(2) {
    margin-top: 5px !important;
}

/* ==========================================
   ★ 最終調整：サイドバー＆コメントボタン
========================================== */

/* ⑦ サイドバーのリンクにカーソルを乗せた時「真っ白」になるのを防ぐ */
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.sidebar a:hover,
.wp-block-latest-posts__post-title:hover {
    background-color: transparent !important; /* 背景は透明のまま維持 */
    color: #61afef !important; /* 文字だけマイルドブルーに光らせる */
}

/* ⑧ コメントボタンのデザイン調整（黒文字を白へ、少し目立たせる） */
.comment-btn, #comment-reply-btn {
    background-color: #333333 !important; /* 背景を少し明るいダークグレーに */
    color: #ffffff !important; /* 文字を真っ白に */
    border: 1px solid #555555 !important; /* 薄い枠線をつけてボタンっぽく */
    font-weight: bold !important;
    transition: 0.3s;
}
/* コメントボタンにカーソルを乗せた時の動き */
.comment-btn:hover, #comment-reply-btn:hover {
    background-color: #61afef !important; /* ホバー時はマイルドブルーにして目立たせる */
    color: #ffffff !important;
    border-color: #61afef !important;
}

/* ⑨ 記事下部の極小SHAREアイコンの文字を白に強制固定 */
/* 背景色（X, FB, LINE, B!）をピンポイントで狙い撃ちして文字色を上書き */
.entry-content a[style*="background:#1accf9"],
.entry-content a[style*="background:#1877f2"],
.entry-content a[style*="background:#00c300"],
.entry-content a[style*="background:#00a4de"] {
    color: #ffffff !important;
}