/* Syntax Highlighting for Terminal Theme */
.highlight pre {
    background-color: #1e1e1e !important;
    border: 1px solid #444;
    border-radius: 4px;
    padding: 1em;
    overflow-x: auto;
}

.highlight {
    background: transparent !important;
}

/* Language-specific highlighting */
.highlight .c { color: #608b4e } /* Comment */
.highlight .k { color: #569cd6 } /* Keyword */
.highlight .kd { color: #569cd6 } /* Keyword.Declaration */
.highlight .kt { color: #569cd6 } /* Keyword.Type */
.highlight .s { color: #ce9178 } /* String */
.highlight .s1 { color: #ce9178 } /* String.Single */
.highlight .s2 { color: #ce9178 } /* String.Double */
.highlight .n { color: #d4d4d4 } /* Name */
.highlight .nf { color: #dcdcaa } /* Name.Function */
.highlight .nb { color: #4ec9b0 } /* Name.Builtin */
.highlight .nc { color: #4ec9b0 } /* Name.Class */
.highlight .no { color: #9cdcfe } /* Name.Constant */
.highlight .nd { color: #dcdcaa } /* Name.Decorator */
.highlight .ni { color: #d4d4d4 } /* Name.Entity */
.highlight .ne { color: #4ec9b0 } /* Name.Exception */
.highlight .nl { color: #9cdcfe } /* Name.Label */
.highlight .nn { color: #d4d4d4 } /* Name.Namespace */
.highlight .nx { color: #9cdcfe } /* Name.Other */
.highlight .py { color: #9cdcfe } /* Name.Property */
.highlight .nt { color: #569cd6 } /* Name.Tag */
.highlight .nv { color: #9cdcfe } /* Name.Variable */
.highlight .ow { color: #569cd6 } /* Operator.Word */
.highlight .w { color: #d4d4d4 } /* Text.Whitespace */
.highlight .m { color: #b5cea8 } /* Number */
.highlight .mf { color: #b5cea8 } /* Number.Float */
.highlight .mh { color: #b5cea8 } /* Number.Hex */
.highlight .mi { color: #b5cea8 } /* Number.Integer */
.highlight .mo { color: #b5cea8 } /* Number.Oct */
.highlight .sb { color: #ce9178 } /* String.Backtick */
.highlight .sc { color: #ce9178 } /* String.Char */
.highlight .sd { color: #608b4e } /* String.Doc */
.highlight .se { color: #d16969 } /* String.Escape */
.highlight .sh { color: #ce9178 } /* String.Heredoc */
.highlight .si { color: #ce9178 } /* String.Interpol */
.highlight .sx { color: #ce9178 } /* String.Other */
.highlight .sr { color: #d16969 } /* String.Regex */
.highlight .ss { color: #ce9178 } /* String.Symbol */
.highlight .bp { color: #4ec9b0 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #9cdcfe } /* Name.Variable.Class */
.highlight .vg { color: #9cdcfe } /* Name.Variable.Global */
.highlight .vi { color: #9cdcfe } /* Name.Variable.Instance */
.highlight .il { color: #b5cea8 } /* Number.Integer.Long */
.highlight .o { color: #d4d4d4 } /* Operator */
.highlight .p { color: #d4d4d4 } /* Punctuation */
.highlight .cm { color: #608b4e } /* Comment.Multiline */
.highlight .cp { color: #608b4e } /* Comment.Preproc */
.highlight .c1 { color: #608b4e } /* Comment.Single */
.highlight .cs { color: #608b4e } /* Comment.Special */

/* Code blocks */
code {
    background-color: #2d2d2d !important;
    color: #d4d4d4 !important;
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-family: 'Courier New', Courier, monospace;
}

pre code {
    background-color: transparent !important;
    padding: 0;
}

/* Mermaid Diagrams */
.mermaid-rendered {
    text-align: center;
    background: #1e1e1e !important;
    border: 1px solid #444;
    border-radius: 4px;
    padding: 1em;
    margin: 1em 0;
    display: block !important;
    overflow-x: auto;
}

.mermaid-rendered svg {
    max-width: 100%;
    height: auto;
}

/* Style for mermaid nodes and text */
.mermaid-rendered .node rect,
.mermaid-rendered .node circle,
.mermaid-rendered .node ellipse,
.mermaid-rendered .node polygon,
.mermaid-rendered .node path {
    fill: #2d2d2d !important;
    stroke: #569cd6 !important;
}

.mermaid-rendered .nodeLabel {
    color: #d4d4d4 !important;
}

.mermaid-rendered .edgeLabel {
    background-color: #1e1e1e !important;
    color: #d4d4d4 !important;
}

.mermaid-rendered .edgePath .path {
    stroke: #808080 !important;
}

.mermaid-rendered .marker {
    fill: #808080 !important;
}

/* Terminal theme specific adjustments */
.terminal-mkdocs pre {
    background-color: #1e1e1e !important;
}

.terminal-mkdocs code {
    color: #d4d4d4 !important;
}

/* Responsive Layout - Better space utilization on wide screens */
/* Override Terminal.css --page-width variable and container max-width */

@media screen and (min-width: 1440px) {
    :root {
        --page-width: 85vw !important;
    }

    .container {
        max-width: 85vw !important;
    }
}

@media screen and (min-width: 1920px) {
    :root {
        --page-width: 90vw !important;
    }

    .container {
        max-width: 90vw !important;
    }
}

@media screen and (min-width: 2560px) {
    :root {
        --page-width: 2000px !important;
    }

    .container {
        max-width: 2000px !important;
    }
}