/* =========================================
   Manaテーマ用：コードブロックの余白と色調整
   (Solarized Dark)
========================================= */

/* 1. 余白の確保（左側が詰まる問題の解消） */
/* テーマ独自のラッパー要素、またはpre自体に余白を追加 */
.code-block-content {
    padding: 16px 20px !important;
    background-color: #002b36 !important; /* コンテンツ全体の背景もSolarized Darkに */
}

/* 2. 背景色と文字色を強制的にSolarized Darkで上書き（インラインスタイル対策） */
.code-block-wrapper pre,
.code-block-content pre,
.highlight pre {
    background-color: transparent !important; /* pre自体の背景は透明にし、親要素に任せる */
    color: #839496 !important;                /* Solarized Dark 基本文字色 */
    padding: 0 !important;                    /* pre自体の余白はリセット */
    margin: 0 !important;
}

/* 3. コマンド・コード部分の基本色 */
.code-block-content code {
    color: #839496 !important;
}

/* --- 4. 構文ハイライト (Solarized Dark) --- */
/* テーマが独自のクラスを使っている場合にも対応できるよう広く指定 */

/* キーワード全般 (コマンドなど) */
.code-block-content .k, .code-block-content .kc, .code-block-content .kd, .code-block-content .kn, .code-block-content .kp, .code-block-content .kr, .code-block-content .kt {
    color: #859900 !important; /* Green */
    font-weight: bold !important;
}

/* 文字列 */
.code-block-content .s, .code-block-content .sa, .code-block-content .sb, .code-block-content .sc, .code-block-content .dl, .code-block-content .sd, .code-block-content .s2, .code-block-content .se, .code-block-content .sh, .code-block-content .si, .code-block-content .sx, .code-block-content .sr, .code-block-content .s1, .code-block-content .ss {
    color: #2aa198 !important; /* Cyan */
}

/* 変数・名前 */
.code-block-content .n, .code-block-content .na, .code-block-content .nc, .code-block-content .nd, .code-block-content .ne, .code-block-content .nf, .code-block-content .ni, .code-block-content .nl, .code-block-content .nn, .code-block-content .no, .code-block-content .nt, .code-block-content .nv, .code-block-content .vc, .code-block-content .vg, .code-block-content .vi {
    color: #268bd2 !important; /* Blue */
}

/* コメント */
.code-block-content .c, .code-block-content .ch, .code-block-content .cm, .code-block-content .c1, .code-block-content .cs, .code-block-content .cp, .code-block-content .cpf {
    color: #586e75 !important; /* base01 */
    font-style: italic !important;
}

/* 数値 */
.code-block-content .m, .code-block-content .mb, .code-block-content .mf, .code-block-content .mh, .code-block-content .mi, .code-block-content .mo, .code-block-content .il {
    color: #d33682 !important; /* Magenta */
}

/* 演算子 */
.code-block-content .o, .code-block-content .ow {
    color: #b58900 !important; /* Yellow */
}