/*
 * コマンド・コード用のブロック（scripts/snippets/copy_code.js）
 * コードブロックに ccb-lang-xxx クラスを付けたものだけが対象。
 * 上部の帯に「どのアプリで使うか」を表示し、黒背景のターミナル風にする。
 */
pre.wp-block-code[class*="ccb-lang-"] {
  position: relative;
  /* 左右の余白はテーマ（JINR）の本文の位置合わせに任せるため、上下だけ指定する */
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding: 3.2em 1.2em 1.2em;
  border: 1px solid #30363d;
  border-radius: 8px;
  background: #0d1117;
  color: #e6edf3;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 14px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
pre.wp-block-code[class*="ccb-lang-"]::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 0.45em 1em;
  border-bottom: 1px solid #30363d;
  border-radius: 8px 8px 0 0;
  background: #161b22;
  color: #8b949e;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.6;
}
pre.wp-block-code.ccb-lang-bash::before {
  content: "ターミナル（Linux / macOS）";
}
pre.wp-block-code.ccb-lang-powershell::before {
  content: "PowerShell（Windows）";
}
pre.wp-block-code.ccb-lang-cmd::before {
  content: "コマンドプロンプト（Windows）";
}
pre.wp-block-code.ccb-lang-python::before {
  content: "Python（.py ファイルに保存して実行）";
}
pre.wp-block-code.ccb-lang-sakura::before {
  content: "サクラエディタのマクロ（.js ファイルに保存）";
}
pre.wp-block-code.ccb-lang-console::before {
  content: "ブラウザの開発者ツール（F12 キー →「Console」）";
}
pre.wp-block-code[class*="ccb-lang-"] code {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}
/* プロンプト記号は表示だけ。コピーされる内容には含まれない */
pre.wp-block-code.ccb-lang-bash code::before {
  content: "$ ";
  color: #7ee787;
}
pre.wp-block-code.ccb-lang-powershell code::before {
  content: "PS> ";
  color: #79c0ff;
}
pre.wp-block-code.ccb-lang-cmd code::before {
  content: "> ";
  color: #79c0ff;
}
pre.wp-block-code.ccb-lang-console code::before {
  content: "> ";
  color: #d2a8ff;
}
pre.wp-block-code .ccb-btn {
  position: absolute;
  top: 0.3em;
  right: 0.6em;
  margin: 0;
  padding: 1px 10px;
  border: 1px solid #484f58;
  border-radius: 4px;
  background: #21262d;
  color: #e6edf3;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.6;
  cursor: pointer;
}
pre.wp-block-code .ccb-btn:hover {
  border-color: #8b949e;
  background: #30363d;
}
pre.wp-block-code .ccb-btn:focus-visible {
  outline: 2px solid #79c0ff;
  outline-offset: 2px;
}