@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){
  /*必要ならばここにコードを書く*/
}

/*-----------------------------------------------------
スマホ・タブレット縦画面のヘッダー画像切替
-----------------------------------------------------*/
@media (max-width: 834px) and (orientation: portrait){
  #header .header-image,
  .header .header-image{
    background-image: url('https://my-soul-align.com/wp-content/uploads/2025/10/header-sp.png?v=2') !important;
    background-size: cover !important;
    background-position: center 46% !important; /* 30〜60%で微調整してOK */
    background-repeat: no-repeat !important;
  }
}

/* ===== 本文＆サイドバーの文字色を濃く、透明度もリセット ===== */
body,
.article,
.entry-content,
.post,
.page,
.sidebar,
.widget,
.widget a,
p, li, dt, dd, th, td, blockquote {
  color: #222 !important;
  opacity: 1 !important;
}

/* ウィジェット（最近の投稿など）のリンクも読みやすく */
.sidebar .widget a { color: #222 !important; }
.sidebar .widget a:hover { color: #111 !important; }

/* 引用ボックス内も薄くならないように */
blockquote { color: #222 !important; }

/* ========== 関連記事エリア ========== */
/* タイトル＆スニペットを確実に黒へ */
.related-entries .entry-card-title,
.related-entries .related-entry-card .entry-card-title,
.related-entries .entry-card-snippet,
.related-entries .related-entry-card .entry-card-snippet,
.related-entries .related-entry-card,
.related-entries .related-entry-card a {
  color: #000 !important;
}

/* サムネ横のテキストブロック全体 */
.related-entries .entry-card-content,
.related-entries .related-entry-card .entry-card-content {
  color: #000 !important;
}

/* 関連記事見出し（「関連記事」帯）も念のため */
.related-entries .related-entry-heading,
#related-entries h2,
#related-entries h3 {
  color: #000 !important;
}

/* カルーセル/スライダーのキャプション対策（使っている場合） */
.related-entries .slick-slide,
.related-entries .slick-slide * {
  color: #000 !important;
}

/* ========== コメント欄 ========== */
#comments,
#respond,
.comment-area,
.comment-reply-title,
.comment-form label,
.comment-notes,
.comment-form-comment textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  color: #000 !important;
}

/* 入力欄の見やすさUP */
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  background: #fff;
  border: 1px solid #ddd;
}

/* プレースホルダーも薄すぎ防止 */
.comment-form input::placeholder,
.comment-form textarea::placeholder {
  color: #444 !important;
}

/* 送信ボタンのテキスト色 */
.comment-form input[type="submit"] {
  color: #000 !important;
  background: #f0f0f0;
  border: 1px solid #ccc;
}

/* ========== 関連記事エリア ========== */
/* タイトル＆スニペットを確実に黒へ */
.related-entries .entry-card-title,
.related-entries .related-entry-card .entry-card-title,
.related-entries .entry-card-snippet,
.related-entries .related-entry-card .entry-card-snippet,
.related-entries .related-entry-card,
.related-entries .related-entry-card a {
  color: #000 !important;
}

/* サムネ横のテキストブロック全体 */
.related-entries .entry-card-content,
.related-entries .related-entry-card .entry-card-content {
  color: #000 !important;
}

/* 関連記事見出し（「関連記事」帯）も念のため */
.related-entries .related-entry-heading,
#related-entries h2,
#related-entries h3 {
  color: #000 !important;
}

/* カルーセル/スライダーのキャプション対策（使っている場合） */
.related-entries .slick-slide,
.related-entries .slick-slide * {
  color: #000 !important;
}

/* ========== コメント欄 ========== */
#comments,
#respond,
.comment-area,
.comment-reply-title,
.comment-form label,
.comment-notes,
.comment-form-comment textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  color: #000 !important;
}

/* 入力欄の見やすさUP */
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  background: #fff;
  border: 1px solid #ddd;
}

/* プレースホルダーも薄すぎ防止 */
.comment-form input::placeholder,
.comment-form textarea::placeholder {
  color: #444 !important;
}

/* 送信ボタンのテキスト色 */
.comment-form input[type="submit"] {
  color: #000 !important;
  background: #f0f0f0;
  border: 1px solid #ccc;
}

/* ===== 文字が白/薄い問題の一括対処 ===== */

/* 目次（TOC） */
.entry-content .toc, 
.entry-content .toc * {
  color:#222 !important;
}
.entry-content .toc a { 
  text-decoration: none;
  opacity:1 !important;
}

/* 引用ボックス（ブロック引用・引用内テキスト） */
.entry-content blockquote,
.entry-content blockquote p,
.entry-content .wp-block-quote,
.entry-content .wp-block-quote p {
  color:#222 !important;
}

/* 前後記事ナビ（記事下の左右に並ぶやつ） */
.post-navi a,
.post-navi .prev-post a,
.post-navi .next-post a,
.post-navi .prev-post-title,
.post-navi .next-post-title {
  color:#222 !important;
}
.post-navi .prev-post,
.post-navi .next-post {
  opacity:1 !important;
}

/* 関連：カードやスニペットは既に黒化済みだが、念のため補強 */
.related-entries .entry-card-title,
.related-entries .entry-card-snippet,
.related-entries a {
  color:#222 !important;
}

/* 万一スキン側で -webkit-text-fill-color が効いてる場合の保険 */
.entry-content, .entry-content * {
  -webkit-text-fill-color: currentColor;
}

/* ====== 前後ナビ（記事下カード） ====== */
.post-navi,
.post-navi * {
  color: #000 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* 背景も念のため明るく統一 */
.post-navi .prev-post,
.post-navi .next-post {
  background: #f9f9f9 !important;
  border: 1px solid #ccc !important;
}

/* ====== コメント入力欄強化 ====== */
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  color: #000 !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
}

/* プレースホルダー（入力前の薄い文字） */
.comment-form ::placeholder {
  color: #333 !important;
  opacity: 1 !important;
}

/* コメントボタンの文字・背景 */
.comment-form input[type="submit"] {
  color: #000 !important;
  background: #f0f0f0 !important;
  border: 1px solid #bbb !important;
}

/* ===== 白く見える文字を総リセット ===== */

/* 記事本文とその中の全要素（Safariのtext-fillの影響も無効化） */
.entry-content,
.entry-content * {
  color: #222 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* 目次（CocoonのTOCボックス） */
.toc, .toc a, .toc li {
  color: #222 !important;
  opacity: 1 !important;
}

/* 関連記事エリア（カード・タイトル・スニペット・スライド） */
.related-entries,
.related-entries * {
  color: #222 !important;
  opacity: 1 !important;
}
.slick-slide { opacity: 1 !important; }

/* 記事下の前後ナビ（大きい薄色ボックスのところ） */
.post-navigation, .post-navigation a,
.post-navi, .post-navi a {
  color: #222 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.post-navi .prev-post,
.post-navi .next-post {
  background: #f9f9f9 !important;
  border: 1px solid #ccc !important;
}

/* コメント欄（入力欄とプレースホルダー） */
.comment-form input,
.comment-form textarea {
  color: #222 !important;
  -webkit-text-fill-color: #222 !important; /* iOS対策 */
}
.comment-form ::placeholder {
  color: #666 !important;
  opacity: 1 !important;
}

/* 念のため：ナビやページャ周りの透明度を無効化 */
.nav-links, .pager-post, .pagination {
  opacity: 1 !important;
}

/* ===== 白文字強制対策（関連記事・コメント欄・前後ナビ） ===== */
.related-entries a,
.related-entries .entry-card-title,
.related-entries .entry-card-snippet,
.post-navi a,
.comment-area,
.comment-area * {
  color: #222 !important;
  -webkit-text-fill-color: #222 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* ===== コメントタイトル部分も強制黒 ===== */
#comments,
#reply-title {
  color: #222 !important;
}

/* ===== Cocoonスキン上書き用（Fuwari御召茶対策） ===== */
body.skin-fuwari *,
body.skin-fuwari .related-entries a,
body.skin-fuwari .comment-area * {
  color: #222 !important;
  -webkit-text-fill-color: #222 !important;
}

/* ==== 記事下ナビ（前後記事カード）の文字を濃くする・オーバーレイ無効化 ==== */
.post-navi .prev-post,
.post-navi .next-post{
  background:#f9f9f9 !important;
  border:1px solid #ccd !important;
  filter:none !important;
}

/* 中のテキスト全部（リンク/タイトル/スニペット）を確実に濃く */
.post-navi .prev-post *,
.post-navi .next-post *{
  color:#222 !important;
  -webkit-text-fill-color:#222 !important; /* iOS対策 */
  opacity:1 !important;
  text-shadow:none !important;
  filter:none !important;
}

/* スキンが載せる薄い白グラデの被せを潰す（ある場合のみ） */
.post-navi .prev-post::before,
.post-navi .next-post::before{
  background:none !important;
  opacity:1 !important;
  content:''; /* 既にある疑似要素の上書き用。無ければ影響なし */
}