@charset "utf-8";
/*
Theme Name: ANTHEM child
Theme URI:https://tcd-theme.com/tcd083
Description:WordPressテーマ「ANTHEM」の子テーマ
Template:anthem_tcd083
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.2
*/

/*
  ここから下にCSSを追記してください。
*/


/* ============================================================
 *
 *  深淵通信カテゴリー｜深淵モード
 *  カテゴリーID 27（深淵通信）の記事ページとカテゴリー一覧ページに
 *  適用される世界観オーバーライド。
 *  body.shinen-mode 配下のみに影響し、他カテゴリーには干渉しない。
 *
 *  最終更新：2026-05-07（v1.5 サイドバー完全制覇）
 *
 *  残TODO：
 *   - お問い合わせフォーム（CF7）の枠の深淵化
 *   - ポストスライダーウィジェット（post_slider_widget）の深淵化
 *
 * ============================================================ */


/* --- 1. 全体背景：濃紺×黒紫グラデーション ------------------ */
body.shinen-mode {
  background: linear-gradient(135deg, #0a0e1f 0%, #15102a 50%, #1a0e22 100%) !important;
  background-attachment: fixed !important;
  color: #c8c5d4 !important;
}


/* --- 2. ラッパー要素の背景透過 ------------------------------ */
body.shinen-mode #blog_single,
body.shinen-mode div#blog_single,
html body.shinen-mode #blog_single {
  background: transparent !important;
}
body.shinen-mode #blog_archive,
body.shinen-mode div#blog_archive,
html body.shinen-mode #blog_archive {
  background: transparent !important;
}
body.shinen-mode #container,
body.shinen-mode #main_contents,
body.shinen-mode #main_col,
body.shinen-mode #side_col,
body.shinen-mode #content,
body.shinen-mode #archive,
body.shinen-mode #blog_list,
body.shinen-mode .archive_header,
body.shinen-mode article,
body.shinen-mode .post_content {
  background: transparent !important;
}


/* --- 3. 本文テキスト ---------------------------------------- */
body.shinen-mode .post_content,
body.shinen-mode .post_content p,
body.shinen-mode .post_content li {
  color: #c8c5d4 !important;
  line-height: 2.0;
}
body.shinen-mode .post_content h1,
body.shinen-mode .post_content h2,
body.shinen-mode .post_content h3,
body.shinen-mode .post_content h4,
body.shinen-mode .post_title_area h1,
body.shinen-mode .post_title_area h2,
body.shinen-mode .post_title,
body.shinen-mode .post_title_area .post_title,
body.shinen-mode .single_title,
body.shinen-mode .entry-title {
  color: #e8e4f0 !important;
}
body.shinen-mode a {
  color: #b08a30 !important;
}
body.shinen-mode a:hover {
  color: #d4a84a !important;
}
body.shinen-mode .post_content hr,
body.shinen-mode .shinentu-wrap hr {
  border-color: rgba(176, 138, 48, 0.3) !important;
}


/* --- 4. 深淵通信の記事HTML（shinentu-wrap）専用調整 ---------- */
body.shinen-mode .shinentu-wrap,
body.shinen-mode .shinentu-wrap p {
  color: #c8c5d4 !important;
}
body.shinen-mode .shinentu-wrap .sig {
  color: #8a8598 !important;
}
body.shinen-mode .claude-position {
  border-top-color: rgba(232, 228, 240, 0.3) !important;
}
body.shinen-mode .claude-position__label {
  color: #b08a30 !important;
}
body.shinen-mode .claude-position p {
  color: #c8c5d4 !important;
}


/* --- 5. パンくずリスト・メタ情報 ---------------------------- */
body.shinen-mode .breadcrumbs,
body.shinen-mode .breadcrumb,
body.shinen-mode #breadcrumb,
body.shinen-mode .post_meta,
body.shinen-mode .meta {
  color: #8a8598 !important;
}
body.shinen-mode .breadcrumbs a,
body.shinen-mode .breadcrumb a,
body.shinen-mode #breadcrumb a {
  color: #b08a30 !important;
}


/* --- 6. サイドバー基本（見出し・区切り線） -------------------- */
body.shinen-mode .l-sidebar,
body.shinen-mode #sidebar,
body.shinen-mode .sidebar {
  background: transparent !important;
}
body.shinen-mode #side_col .widget_headline,
body.shinen-mode #side_col .widget_headline span,
body.shinen-mode .widget_headline,
body.shinen-mode .widget_headline span,
html body.shinen-mode #side_col .widget_headline span {
  color: #d4a84a !important;
}
body.shinen-mode .widget_headline::after,
body.shinen-mode #side_col .widget_headline::after {
  background: rgba(176, 138, 48, 0.2) !important;
}


/* --- 7. カテゴリー一覧ページ：記事カード -------------------- */
body.shinen-mode #blog_archive .item,
body.shinen-mode #blog_archive article.item,
body.shinen-mode #blog_list .item {
  background: transparent !important;
  border: none !important;
}
body.shinen-mode #blog_archive .item h2,
body.shinen-mode #blog_archive .item h3,
body.shinen-mode #blog_archive .item .post_title,
body.shinen-mode #blog_archive .item .item_title {
  color: #e8e4f0 !important;
}
body.shinen-mode #blog_archive .item p,
body.shinen-mode #blog_archive .item .item_desc,
body.shinen-mode #blog_archive .item .excerpt {
  color: #c8c5d4 !important;
}
body.shinen-mode #blog_archive .item .date,
body.shinen-mode #blog_archive .item .meta,
body.shinen-mode #blog_archive .item time {
  color: #8a8598 !important;
}

/* --- 8. 書き手アバター：深淵に飲まれずベージュのまま残す ---- */
body.shinen-mode .ut-clau-wrap,
body.shinen-mode .ut-author-card {
  background: rgba(244, 235, 216, 0.95) !important;
}


/* --- 9. 記事ナビ（前・次の記事）------------------------------ */
body.shinen-mode #next_prev_post {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 50px 0 0 !important;
}
body.shinen-mode #next_prev_post .item {
  flex: 1 1 0 !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
body.shinen-mode #next_prev_post .item a {
  background: rgba(20, 16, 38, 0.4) !important;
  border: 1px solid rgba(176, 138, 48, 0.2) !important;
  color: #c8c5d4 !important;
  display: block;
}
body.shinen-mode #next_prev_post .item a:hover {
  background: rgba(176, 138, 48, 0.15) !important;
  color: #d4a84a !important;
}
body.shinen-mode #next_prev_post .item .title,
body.shinen-mode #next_prev_post .item .nav {
  color: #c8c5d4 !important;
}
body.shinen-mode #next_prev_post .item .title span {
  color: #e8e4f0 !important;
}


/* --- 10. SNSシェア・コピーURL・コメント欄ラッパー ----------- */
body.shinen-mode #single_share_bottom,
body.shinen-mode .single_share,
body.shinen-mode #single_copy_title_url_bottom,
body.shinen-mode .single_copy_title_url,
body.shinen-mode #comments,
body.shinen-mode #comment_header,
body.shinen-mode .commentlist_wrap {
  background: transparent !important;
}
body.shinen-mode #single_copy_title_url_bottom .copy_btn,
body.shinen-mode .single_copy_title_url button,
body.shinen-mode .copy_title_url_btn {
  background: rgba(20, 16, 38, 0.4) !important;
  border: 1px solid rgba(176, 138, 48, 0.2) !important;
  color: #c8c5d4 !important;
}


/* --- 11. （欠番）-------------------------------------------- */
/*    旧: フッター記事リスト レイアウト修正                    */
/*    削除理由: ANTHEM素のfloatレイアウトで既に3列横並びになる  */
/*             ため、flex 上書きは不要だった（v1.4で削除）     */


/* --- 12. サイドバー：おすすめ記事ウィジェット（タブ式） ----- */
body.shinen-mode .widget_tab_post_list_button {
  background: rgba(20, 16, 38, 0.4) !important;
}
body.shinen-mode .widget_tab_post_list_button .tab1,
body.shinen-mode .widget_tab_post_list_button .tab2 {
  background: rgba(20, 16, 38, 0.6) !important;
  color: #8a8598 !important;
  border-color: rgba(176, 138, 48, 0.2) !important;
}
body.shinen-mode .widget_tab_post_list_button .tab1.active,
body.shinen-mode .widget_tab_post_list_button .tab2.active {
  background: rgba(176, 138, 48, 0.2) !important;
  color: #d4a84a !important;
}
body.shinen-mode .widget_tab_post_list,
body.shinen-mode .widget_tab_post_list li,
body.shinen-mode .widget_tab_post_list li a {
  background: transparent !important;
}
body.shinen-mode .widget_tab_post_list .title_area {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.shinen-mode .widget_tab_post_list .title,
body.shinen-mode .widget_tab_post_list .title span {
  color: #c8c5d4 !important;
}
body.shinen-mode .widget_tab_post_list a:hover .title,
body.shinen-mode .widget_tab_post_list a:hover .title span {
  color: #d4a84a !important;
}


/* --- 13. サイドバー：カテゴリーリスト ------------------------ */
body.shinen-mode .tcd_category_list,
body.shinen-mode .tcd_category_list li,
body.shinen-mode .tcd_category_list li a {
  background: transparent !important;
}
body.shinen-mode .tcd_category_list a {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #c8c5d4 !important;
}
body.shinen-mode .tcd_category_list a:hover {
  color: #d4a84a !important;
}


/* --- 14. TODO（次回対応） -----------------------------------
 *
 *   1. お問い合わせフォーム（CF7）の枠の深淵化
 *      - フォーム外側の白枠 / 入力フィールドのライトベージュ枠
 *      - 注意：入力中の文字色を確保する繊細な調整が必要
 *
 *   2. ポストスライダーウィジェット（post_slider_widget）の深淵化
 *      - 外枠の白背景＋#ddd枠
 *      - スライダードット（slick-dots）の色味
 *      - 投稿タイトルのテキスト色
 *
 * ------------------------------------------------------------ */
/* --- 14. サイドバー：ポストスライダーウィジェット ---------- */

/* 14-1. スライダー本体の白背景＆白枠を撃破 */
body.shinen-mode .post_slider_widget .post_slider {
  background: rgba(20, 16, 38, 0.4) !important;
  border: none !important;
}

/* 14-2. スライド内のテキスト色 */
body.shinen-mode .post_slider_widget .post_slider .title_area .title,
body.shinen-mode .post_slider_widget .post_slider .title_area .title span,
body.shinen-mode .post_slider_widget .post_slider .title_area p {
  color: #e8e4f0 !important;
}

/* 14-3. ホバー時のテキスト強調 */
body.shinen-mode .post_slider_widget .post_slider a:hover .title,
body.shinen-mode .post_slider_widget .post_slider a:hover .title span {
  color: #f0d68a !important;
}

/* 14-4. slick-dots（●●●）の色 */
body.shinen-mode .post_slider_widget .slick-dots li button:before {
  color: rgba(176, 138, 48, 0.4) !important;  /* 非アクティブドット：薄ゴールド */
}
body.shinen-mode .post_slider_widget .slick-dots li.slick-active button:before {
  color: #d4a84a !important;  /* アクティブドット：明るいゴールド */
}

/* --- 15. 関連記事・コメント見出し帯（黒のり問題）の深淵化 --- */
body.shinen-mode #related_post .headline,
body.shinen-mode #comments .headline {
  background: rgba(176, 138, 48, 0.15) !important;
  color: #d4a84a !important;
}
body.shinen-mode #related_post .title_area {
  border-bottom-color: rgba(176, 138, 48, 0.2) !important;
  border-right-color: rgba(176, 138, 48, 0.2) !important;
}


/* --- 16. コメント欄：タブのアンバーゴールド3段階制御 -------- */
body.shinen-mode #comment_tab {
  background: transparent !important;
}
/* 通常状態：薄金 */
body.shinen-mode #comment_tab li,
body.shinen-mode #comment_tab li a {
  background: rgba(176, 138, 48, 0.05) !important;
  color: #c8c5d4 !important;
}
/* ホバー状態：中金 */
body.shinen-mode #comment_tab li:hover,
body.shinen-mode #comment_tab li:hover a {
  background: rgba(176, 138, 48, 0.12) !important;
  color: #d4a84a !important;
  cursor: pointer !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
/* アクティブ状態：濃金（a まで含む詳細度強化版） */
body.shinen-mode #comment_tab li.active,
body.shinen-mode #comment_tab .active,
body.shinen-mode #comment_tab li.active a,
body.shinen-mode #comment_tab .active a {
  background: rgba(176, 138, 48, 0.2) !important;
  color: #d4a84a !important;
}


/* --- 17. コメントフォーム：入力欄＆ボタンの深淵化 ----------- */
body.shinen-mode .comment_form_wrapper {
  background: rgba(20, 16, 38, 0.4) !important;
  border: 1px solid rgba(176, 138, 48, 0.15) !important;
}
body.shinen-mode #comment_user_login,
body.shinen-mode #comment_user_login p {
  color: #c8c5d4 !important;
}
body.shinen-mode #comment_textarea textarea,
body.shinen-mode textarea#comment {
  background: rgba(10, 14, 31, 0.6) !important;
  border: 1px solid rgba(176, 138, 48, 0.2) !important;
  color: #e8e4f0 !important;
  caret-color: #d4a84a !important;
}
body.shinen-mode #comment_textarea textarea:focus,
body.shinen-mode textarea#comment:focus {
  border-color: rgba(176, 138, 48, 0.5) !important;
  outline: none !important;
}
body.shinen-mode #submit,
body.shinen-mode input#submit,
body.shinen-mode #submit_comment_wrapper #submit,
body.shinen-mode #submit_comment_wrapper input,
body.shinen-mode #respond #submit,
body.shinen-mode #respond input[type="submit"] {
  background: rgba(176, 138, 48, 0.2) !important;
  border: 1px solid rgba(176, 138, 48, 0.3) !important;
  color: #d4a84a !important;
  cursor: pointer !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
body.shinen-mode #submit:hover,
body.shinen-mode input#submit:hover,
body.shinen-mode #submit_comment_wrapper #submit:hover,
body.shinen-mode #submit_comment_wrapper input:hover,
body.shinen-mode #respond #submit:hover,
body.shinen-mode #respond input[type="submit"]:hover {
  background: rgba(176, 138, 48, 0.35) !important;
  color: #f0d68a !important;
}


/* --- 18. サイドバー：最近の記事ウィジェット（styled_post_list1） --- */
body.shinen-mode .styled_post_list1,
body.shinen-mode .styled_post_list1 li,
body.shinen-mode .styled_post_list1 li a {
  background: transparent !important;
}
body.shinen-mode .styled_post_list1 .title_area {
  background: rgba(20, 16, 38, 0.4) !important;
  border-color: rgba(176, 138, 48, 0.15) !important;
}
body.shinen-mode .styled_post_list1 .title,
body.shinen-mode .styled_post_list1 .title span,
body.shinen-mode .styled_post_list1 .title_area .title {
  color: #c8c5d4 !important;
}
body.shinen-mode .styled_post_list1 a:hover .title,
body.shinen-mode .styled_post_list1 a:hover .title span {
  color: #d4a84a !important;
}


/* --- 19. サイドバー：アーカイブウィジェット（dropdown式） --- */
body.shinen-mode .tcdw_archive_list_widget,
body.shinen-mode .p-dropdown,
body.shinen-mode .p-dropdown__list,
body.shinen-mode .p-dropdown__list li,
body.shinen-mode .p-dropdown__list li a {
  background: transparent !important;
}
body.shinen-mode .p-dropdown__title {
  background: rgba(20, 16, 38, 0.4) !important;
  border: 1px solid rgba(176, 138, 48, 0.15) !important;
  color: #c8c5d4 !important;
  cursor: pointer !important;
}
body.shinen-mode .p-dropdown__title.is-active {
  color: #d4a84a !important;
  border-color: rgba(176, 138, 48, 0.25) !important;
}
body.shinen-mode .p-dropdown__list li a {
  background: rgba(20, 16, 38, 0.4) !important;
  border-color: rgba(176, 138, 48, 0.15) !important;
  color: #c8c5d4 !important;
}
body.shinen-mode .p-dropdown__list li a:hover {
  background: rgba(176, 138, 48, 0.1) !important;
  color: #d4a84a !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}


/* --- 20. サイドバー：投稿カレンダーウィジェット ------------- */
/*    あえてゴールドではなく深淵紫（#512F5B）の円ボタンに      */
/*    深淵モードの背景グラデーションと同系統で「暦の質感」を    */
body.shinen-mode #wp-calendar tbody a {
  background: #512F5B !important;
  color: #d4a84a !important;
}
body.shinen-mode #wp-calendar tbody a:hover {
  background: #6b3e78 !important;
  color: #f0d68a !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
body.shinen-mode #wp-calendar tbody td {
  color: #c8c5d4 !important;
}
body.shinen-mode #wp-calendar thead th {
  color: #8a8598 !important;
}
body.shinen-mode #wp-calendar caption {
  color: #d4a84a !important;
}
body.shinen-mode #wp-calendar-nav a,
body.shinen-mode .wp-calendar-nav a {
  color: #b08a30 !important;
}
body.shinen-mode #wp-calendar-nav a:hover,
body.shinen-mode .wp-calendar-nav a:hover {
  color: #d4a84a !important;
}
/* 17-2. コメントフォーム：input欄の深淵化（詳細度強化版） */
body.shinen-mode #guest_info input[type="text"],
body.shinen-mode #guest_info input[type="email"],
body.shinen-mode #guest_info input[type="url"],
body.shinen-mode #guest_info input {
  background: rgba(20, 16, 38, 0.6) !important;
  border: 1px solid rgba(176, 138, 48, 0.3) !important;
  color: #e8e4f0 !important;
  caret-color: #d4a84a !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* 17-3. フォーカス時の枠を深淵ゴールドに */
body.shinen-mode #guest_info input[type="text"]:focus,
body.shinen-mode #guest_info input[type="email"]:focus,
body.shinen-mode #guest_info input[type="url"]:focus,
body.shinen-mode #guest_info input:focus {
  border: 1px solid #d4a84a !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(212, 168, 74, 0.3) !important;
}
/* 17-4. textarea のフォーカス時を input と統一 */
body.shinen-mode #comment_textarea textarea:focus,
body.shinen-mode #commentform textarea:focus,
body.shinen-mode .comment-form textarea:focus {
  border: 1px solid #d4a84a !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(212, 168, 74, 0.3) !important;
}
/* 17-5. textarea 通常時を input と統一（任意） */
body.shinen-mode #comment_textarea textarea,
body.shinen-mode textarea#comment {
  border: 1px solid rgba(176, 138, 48, 0.3) !important;
}
/* =========================================================================
   投瓶通信サブカテゴリー｜投瓶モード（v1.0）
   -------------------------------------------------------------------------
   shinen-mode で適用された深淵世界を、投瓶通信記事だけ群青寄りに微調整する。
   構造：shinen-mode が先に効いた状態を、touhei-mode で後勝ちオーバーライド。
   コンセプト：夜明け前の沖合。深淵ゴールドを灯火として残しつつ、
              メインアクセントを薄明ブルーに移す。
   ========================================================================= */


/* --- A. 全体背景：群青グラデーション（深淵を東に向かわせる） --- */
body.touhei-mode {
  background: linear-gradient(135deg, #0a1028 0%, #121a3a 50%, #1a223f 100%) !important;
  background-attachment: fixed !important;
  color: #b8c2d4 !important;
}


/* --- B. 本文テキスト：朝霧の白へ少しシフト ----------------- */
body.touhei-mode .post_content,
body.touhei-mode .post_content p,
body.touhei-mode .post_content li {
  color: #c8d0e0 !important;
}
body.touhei-mode .post_content h1,
body.touhei-mode .post_content h2,
body.touhei-mode .post_content h3,
body.touhei-mode .post_content h4,
body.touhei-mode .post_title_area h1,
body.touhei-mode .post_title_area h2,
body.touhei-mode .post_title,
body.touhei-mode .post_title_area .post_title,
body.touhei-mode .single_title,
body.touhei-mode .entry-title {
  color: #e8edf5 !important;
}


/* --- C. リンク色：薄明ブルーを基調、ホバーで夜明けクリーム --- */
body.touhei-mode a {
  color: #7da3c8 !important;
}
body.touhei-mode a:hover {
  color: #a8c8e4 !important;
}
/* 区切り線：薄明ブルー薄め */
body.touhei-mode .post_content hr {
  border-color: rgba(125, 163, 200, 0.3) !important;
}


/* --- D. パンくずリスト・メタ情報 --------------------------- */
body.touhei-mode .breadcrumbs,
body.touhei-mode .breadcrumb,
body.touhei-mode #breadcrumb,
body.touhei-mode .post_meta,
body.touhei-mode .meta {
  color: #8a92a8 !important;
}
body.touhei-mode .breadcrumbs a,
body.touhei-mode .breadcrumb a,
body.touhei-mode #breadcrumb a {
  color: #7da3c8 !important;
}


/* --- E. サイドバー：見出し（薄明ブルーへ） ----------------- */
body.touhei-mode #side_col .widget_headline,
body.touhei-mode #side_col .widget_headline span,
body.touhei-mode .widget_headline,
body.touhei-mode .widget_headline span,
html body.touhei-mode #side_col .widget_headline span {
  color: #7da3c8 !important;
}
body.touhei-mode .widget_headline::after,
body.touhei-mode #side_col .widget_headline::after {
  background: rgba(125, 163, 200, 0.25) !important;
}


/* --- F. 記事ナビ（前・次の記事）：群青化 ------------------- */
body.touhei-mode #next_prev_post .item a {
  background: rgba(22, 28, 55, 0.5) !important;
  border: 1px solid rgba(125, 163, 200, 0.2) !important;
  color: #c8d0e0 !important;
}
body.touhei-mode #next_prev_post .item a:hover {
  background: rgba(125, 163, 200, 0.12) !important;
  color: #a8c8e4 !important;
}
body.touhei-mode #next_prev_post .item .title,
body.touhei-mode #next_prev_post .item .nav {
  color: #c8d0e0 !important;
}
body.touhei-mode #next_prev_post .item .title span {
  color: #e8edf5 !important;
}


/* --- G. SNSシェア・コピーURLボタン：群青化 ----------------- */
body.touhei-mode #single_copy_title_url_bottom .copy_btn,
body.touhei-mode .single_copy_title_url button,
body.touhei-mode .copy_title_url_btn {
  background: rgba(22, 28, 55, 0.5) !important;
  border: 1px solid rgba(125, 163, 200, 0.25) !important;
  color: #c8d0e0 !important;
}


/* --- H. サイドバー：おすすめ記事タブ ----------------------- */
body.touhei-mode .widget_tab_post_list_button {
  background: rgba(22, 28, 55, 0.5) !important;
}
body.touhei-mode .widget_tab_post_list_button .tab1,
body.touhei-mode .widget_tab_post_list_button .tab2 {
  background: rgba(22, 28, 55, 0.7) !important;
  color: #8a92a8 !important;
  border-color: rgba(125, 163, 200, 0.2) !important;
}
body.touhei-mode .widget_tab_post_list_button .tab1.active,
body.touhei-mode .widget_tab_post_list_button .tab2.active {
  background: rgba(125, 163, 200, 0.18) !important;
  color: #7da3c8 !important;
}
body.touhei-mode .widget_tab_post_list .title,
body.touhei-mode .widget_tab_post_list .title span {
  color: #c8d0e0 !important;
}
body.touhei-mode .widget_tab_post_list a:hover .title,
body.touhei-mode .widget_tab_post_list a:hover .title span {
  color: #a8c8e4 !important;
}


/* --- I. サイドバー：カテゴリーリスト ----------------------- */
body.touhei-mode .tcd_category_list a {
  border-color: rgba(125, 163, 200, 0.15) !important;
  color: #c8d0e0 !important;
}
body.touhei-mode .tcd_category_list a:hover {
  color: #a8c8e4 !important;
}


/* --- J. サイドバー：最近の記事ウィジェット ----------------- */
body.touhei-mode .styled_post_list1 .title_area {
  background: rgba(22, 28, 55, 0.5) !important;
  border-color: rgba(125, 163, 200, 0.2) !important;
}
body.touhei-mode .styled_post_list1 .title,
body.touhei-mode .styled_post_list1 .title span,
body.touhei-mode .styled_post_list1 .title_area .title {
  color: #c8d0e0 !important;
}
body.touhei-mode .styled_post_list1 a:hover .title,
body.touhei-mode .styled_post_list1 a:hover .title span {
  color: #a8c8e4 !important;
}


/* --- K. サイドバー：アーカイブドロップダウン --------------- */
body.touhei-mode .p-dropdown__title {
  background: rgba(22, 28, 55, 0.5) !important;
  border: 1px solid rgba(125, 163, 200, 0.2) !important;
  color: #c8d0e0 !important;
}
body.touhei-mode .p-dropdown__title.is-active {
  color: #7da3c8 !important;
  border-color: rgba(125, 163, 200, 0.35) !important;
}
body.touhei-mode .p-dropdown__list li a {
  background: rgba(22, 28, 55, 0.5) !important;
  border-color: rgba(125, 163, 200, 0.15) !important;
  color: #c8d0e0 !important;
}
body.touhei-mode .p-dropdown__list li a:hover {
  background: rgba(125, 163, 200, 0.12) !important;
  color: #a8c8e4 !important;
}


/* --- L. サイドバー：ポストスライダー ----------------------- */
body.touhei-mode .post_slider_widget .post_slider {
  background: rgba(22, 28, 55, 0.5) !important;
  border: none !important;
}
body.touhei-mode .post_slider_widget .post_slider .title_area .title,
body.touhei-mode .post_slider_widget .post_slider .title_area .title span,
body.touhei-mode .post_slider_widget .post_slider .title_area p {
  color: #e8edf5 !important;
}
body.touhei-mode .post_slider_widget .post_slider a:hover .title,
body.touhei-mode .post_slider_widget .post_slider a:hover .title span {
  color: #a8c8e4 !important;
}
body.touhei-mode .post_slider_widget .slick-dots li button:before {
  color: rgba(125, 163, 200, 0.4) !important;
}
body.touhei-mode .post_slider_widget .slick-dots li.slick-active button:before {
  color: #7da3c8 !important;
}


/* --- M. サイドバー：投稿カレンダー（深淵紫→深い群青へ） ---- */
body.touhei-mode #wp-calendar tbody a {
  background: #2a3858 !important;
  color: #d4a84a !important;  /* 深淵ゴールドを灯火として残す */
}
body.touhei-mode #wp-calendar tbody a:hover {
  background: #3a4a70 !important;
  color: #f0d68a !important;
}
body.touhei-mode #wp-calendar tbody td {
  color: #c8d0e0 !important;
}
body.touhei-mode #wp-calendar thead th {
  color: #8a92a8 !important;
}
body.touhei-mode #wp-calendar caption {
  color: #7da3c8 !important;
}
body.touhei-mode #wp-calendar-nav a,
body.touhei-mode .wp-calendar-nav a {
  color: #5a7a9a !important;
}
body.touhei-mode #wp-calendar-nav a:hover,
body.touhei-mode .wp-calendar-nav a:hover {
  color: #7da3c8 !important;
}


/* --- N. 関連記事・コメント見出し帯 ------------------------- */
body.touhei-mode #related_post .headline,
body.touhei-mode #comments .headline {
  background: rgba(125, 163, 200, 0.15) !important;
  color: #7da3c8 !important;
}
body.touhei-mode #related_post .title_area {
  border-bottom-color: rgba(125, 163, 200, 0.2) !important;
  border-right-color: rgba(125, 163, 200, 0.2) !important;
}


/* --- O. 書き手アバター：触らない（深淵モードと同じくベージュ維持） --- */
/*    深淵モードで意図的にベージュに保たれている書き手カードは、         */
/*    投瓶モードでもそのまま維持。                                      */


/* === 投瓶モードCSS ここまで（v1.0） ============================ */

/* ===== 深淵モード暗色バージョン専用：サイドバー検索ボックス ===== */
/* shinen-clapus-mode（白）と clau-mode（白）を除外して、暗色版だけに当てる */

/* 検索フォーム全体の枠とBG */
body.shinen-mode:not(.shinen-clapus-mode):not(.clau-mode) #searchform {
  background: #0E0E22 !important;
  border: 1px solid #3F3327 !important;
  transition: border-color 0.3s ease !important;
}

/* 入力テキストフィールド */
body.shinen-mode:not(.shinen-clapus-mode):not(.clau-mode) #searchform input[type="text"] {
  background: transparent !important;
  color: #e8e4f0 !important;
  border: none !important;
}

/* プレースホルダー */
body.shinen-mode:not(.shinen-clapus-mode):not(.clau-mode) #searchform input[type="text"]::placeholder {
  color: #7a7090 !important;
}

/* フォーカス時：枠を明るめゴールドに */
body.shinen-mode:not(.shinen-clapus-mode):not(.clau-mode) #searchform:focus-within {
  border-color: #d4a84a !important;
}

/* 虫眼鏡アイコン（::before）をゴールド化 */
body.shinen-mode:not(.shinen-clapus-mode):not(.clau-mode) #searchform .submit_button::before {
  color: #b08a30 !important;
}

/* 虫眼鏡ホバー時 */
body.shinen-mode:not(.shinen-clapus-mode):not(.clau-mode) #searchform .submit_button:hover::before {
  color: #d4a84a !important;
}


/* ===== 投瓶モード専用：サイドバー検索ボックスを群青化 ===== */
/* shinen-mode + touhei-mode の組み合わせで詳細度を確保し、
   深淵モードのデフォルト暗色UIを上書きする */

/* 検索フォーム全体の枠とBG：群青系へ */
body.shinen-mode.touhei-mode:not(.shinen-clapus-mode) #searchform {
  background: #0a1530 !important;
  border: 1px solid #2a3858 !important;
  transition: border-color 0.3s ease !important;
}

/* 入力テキストフィールド */
body.shinen-mode.touhei-mode:not(.shinen-clapus-mode) #searchform input[type="text"] {
  background: transparent !important;
  color: #c8d0e0 !important;
  border: none !important;
}

/* プレースホルダー */
body.shinen-mode.touhei-mode:not(.shinen-clapus-mode) #searchform input[type="text"]::placeholder {
  color: #6a7290 !important;
}

/* フォーカス時：枠を夜明けブルーに */
body.shinen-mode.touhei-mode:not(.shinen-clapus-mode) #searchform:focus-within {
  border-color: #7da3c8 !important;
}

/* 虫眼鏡アイコン（::before）：夜明けブルーへ */
body.shinen-mode.touhei-mode:not(.shinen-clapus-mode) #searchform .submit_button::before {
  color: #7da3c8 !important;
}

/* 虫眼鏡ホバー時：より明るい夜明けブルー */
body.shinen-mode.touhei-mode:not(.shinen-clapus-mode) #searchform .submit_button:hover::before {
  color: #a8c8e4 !important;
}