/* =====================================================================
   フォーラム（forum.ec-masters.net）ダークテーマ
   2026-09-16。読み込み順は theme-tokens.css → forum-dark.css
   適用条件は html[data-theme="dark"] の1属性だけ（付けるのは forum_header.php）。

   ★出す相手はPHP側で絞っている＝**一般ユーザーのみ**。
     管理者は body{background-color:#EDFFED}（薄緑）、代理ログインは #FFEEFF（薄ピンク）で
     既に配色が分かれているので、そこにダークを重ねると種別が判別できなくなる。
     （検証用に ?__dark=1 相当のCookieを持つ人だけは種別を問わず有効）
   ===================================================================== */

/* --- 土台 --- */
html[data-theme="dark"] body{
  background-color: var(--v2-page-bg) !important;
  color: var(--v2-text-body);
}

/* ヘッダーのナビゲーションバー */
html[data-theme="dark"] .navbar-default,
html[data-theme="dark"] .navbar{
  background-color: var(--v2-surface) !important;
  border-color: var(--v2-border) !important;
}
html[data-theme="dark"] .navbar-default .navbar-nav > li > a,
html[data-theme="dark"] .navbar-default .navbar-brand,
html[data-theme="dark"] .navbar-default .navbar-text{ color: var(--v2-text-sub) !important; }
html[data-theme="dark"] .navbar-default .navbar-nav > li > a:hover,
html[data-theme="dark"] .navbar-default .navbar-nav > .active > a{
  background-color: var(--v2-fill) !important; color: var(--v2-text) !important;
}
html[data-theme="dark"] .navbar-toggle{ border-color: var(--v2-border) !important; }
html[data-theme="dark"] .navbar-toggle .icon-bar{ background-color: var(--v2-text-sub) !important; }

/* ログイン情報の帯 */
html[data-theme="dark"] .user-info-wrap{
  background-color: var(--v2-fill) !important;
  border-color: var(--v2-border) !important;
  color: var(--v2-text-body) !important;
}

/* パネル（サイドボックス・一覧の箱） */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .panel-default,
html[data-theme="dark"] .sidebox,
html[data-theme="dark"] .panel-body,
html[data-theme="dark"] .well{
  background-color: var(--v2-surface) !important;
  border-color: var(--v2-border) !important;
  color: var(--v2-text-body);
}
html[data-theme="dark"] .panel-heading,
html[data-theme="dark"] .panel-footer{
  background-color: var(--v2-fill) !important;
  border-color: var(--v2-border) !important;
  color: var(--v2-text) !important;
}

/* 質問一覧の行（実測で最大面積＝薄いグレーのaブロック） */
html[data-theme="dark"] .qList a,
html[data-theme="dark"] ul.list-group > li,
html[data-theme="dark"] .list-group-item{
  background-color: var(--v2-surface) !important;
  border-color: var(--v2-border) !important;
  color: var(--v2-text-body) !important;
}
html[data-theme="dark"] .qList a:hover,
html[data-theme="dark"] .list-group-item:hover{ background-color: var(--v2-fill) !important; }

/* リンク */
html[data-theme="dark"] a{ color: var(--v2-link); }
html[data-theme="dark"] a:hover{ color: var(--v2-link-hover); }

/* 見出し・本文 */
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6{ color: var(--v2-text-strong); }
html[data-theme="dark"] p, html[data-theme="dark"] li, html[data-theme="dark"] dd, html[data-theme="dark"] dt,
html[data-theme="dark"] td, html[data-theme="dark"] th{ color: var(--v2-text-body); }

/* 入力欄（★背景と文字色は必ずセット。片方だけだと「黒地に黒文字」になる） */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background-color: var(--v2-surface-card) !important;
  color: var(--v2-text) !important;
  border-color: var(--v2-border-input) !important;
}
html[data-theme="dark"] .form-control::placeholder{ color: var(--v2-text-dim); }

/* ボタン（既定の白ボタンだけ。色付きボタンは意味があるので触らない） */
html[data-theme="dark"] .btn-default{
  background-color: var(--v2-fill) !important;
  border-color: var(--v2-border) !important;
  color: var(--v2-text-body) !important;
}
html[data-theme="dark"] .btn-default:hover{ background-color: var(--v2-fill-hover) !important; }

/* 表・区切り・引用 */
html[data-theme="dark"] .table,
html[data-theme="dark"] table{ background-color: var(--v2-surface); color: var(--v2-text-body); }
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tbody > tr > th{ border-color: var(--v2-border) !important; }
html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd){ background-color: var(--v2-fill); }
html[data-theme="dark"] hr{ border-color: var(--v2-border); }
html[data-theme="dark"] blockquote{
  background-color: var(--v2-fill); border-color: var(--v2-border); color: var(--v2-text-body);
}
html[data-theme="dark"] pre, html[data-theme="dark"] code{
  background-color: var(--v2-code-bg) !important; color: var(--v2-text) !important; border-color: var(--v2-border) !important;
}

/* ページャ */
html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span{
  background-color: var(--v2-surface) !important;
  border-color: var(--v2-border) !important;
  color: var(--v2-link) !important;
}
html[data-theme="dark"] .pagination > .active > a,
html[data-theme="dark"] .pagination > .active > span{
  background-color: var(--v2-accent) !important;
  border-color: var(--v2-accent) !important;
  color: var(--v2-on-accent) !important;
}

/* ドロップダウン */
html[data-theme="dark"] .dropdown-menu{
  background-color: var(--v2-surface) !important;
  border-color: var(--v2-border) !important;
}
html[data-theme="dark"] .dropdown-menu > li > a{ color: var(--v2-text-sub) !important; }
html[data-theme="dark"] .dropdown-menu > li > a:hover{ background-color: var(--v2-fill) !important; color: var(--v2-text) !important; }

/* --- ダーク適用後の実測で残ったもの（forum_check.js の棚卸し） --- */
/* 一覧上部のタブ（「承認待ち」等） */
html[data-theme="dark"] .tab-list > li,
html[data-theme="dark"] .tab-list > li > a{
  background-color: var(--v2-fill) !important;
  border-color: var(--v2-border) !important;
  color: var(--v2-text-body) !important;
}
html[data-theme="dark"] .tab-list > li.active,
html[data-theme="dark"] .tab-list > li.active > a{
  background-color: var(--v2-surface) !important;
  color: var(--v2-text) !important;
}

/* 「役に立った回答：0件」「ありがとう：0件」などのチップ（act1 / act2 と枝番がある） */
html[data-theme="dark"] .act1 span,
html[data-theme="dark"] .act2 span,
html[data-theme="dark"] .act3 span,
html[data-theme="dark"] [class*="act"] > span{
  background-color: var(--v2-fill) !important;
  color: var(--v2-text-body) !important;
  border-color: var(--v2-border) !important;
}

/* 補助テキスト（投稿者・返信数・「さん」など。main側が #666 / #777） */
html[data-theme="dark"] .q_cat,
html[data-theme="dark"] .q_reply,
html[data-theme="dark"] .small,
html[data-theme="dark"] small,
html[data-theme="dark"] .hidden-xs,
html[data-theme="dark"] .text-muted{ color: var(--v2-text-muted) !important; }

/* パンくず／モバイルのMENUボタン（明るい地に明るい文字になっていた） */
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .breadcrumb_wrap{ background-color: var(--v2-fill) !important; border-color: var(--v2-border) !important; }
html[data-theme="dark"] .breadcrumb > li,
html[data-theme="dark"] .breadcrumb > li.active{ color: var(--v2-text-muted) !important; }
html[data-theme="dark"] .nav-icon,
html[data-theme="dark"] .navbar-toggle .sr-only{ color: var(--v2-text-sub) !important; }

/* ラベル・バッジは「意味のある色」なので触らない（.label.ic04 等） */