/*
 * Nerdy Syntax Highlight – Theme im Nerdy-Dark-Look (Hugo-Theme "Nerdy").
 * Palette: Hintergrund #0a0a0a, Karten #171717, Cyan #53eafd,
 * Emerald #5ee9b5, Amber #ffdf20, Purple #dab2ff.
 */

/*
 * Box-Optik nur als Default per :where() mit Spezifität 0 setzen,
 * damit individuelle Block-Styles (Farben, Abstände, etc.) aus dem
 * Block-Editor Vorrang behalten.
 */
:where( pre.wp-block-code, pre[ class *= 'language-' ] ) {
	background: #171717;
	border: 1px solid rgba( 255, 255, 255, 0.1 );
	border-radius: 0.75rem;
	padding: 1.25rem;
	overflow-x: auto;
}

:where( pre.wp-block-code code.hljs, pre[ class *= 'language-' ] code.hljs ) {
	font-family: ui-monospace, 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', Menlo, Consolas, monospace;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #fafafa;
	background: transparent;
	padding: 0;
	display: block;
	white-space: pre;
}

/* Kommentare: gedämpft, kursiv */
.hljs-comment,
.hljs-quote,
.hljs-doctag {
	color: #a1a1a1;
	font-style: italic;
}

/* Schlüsselwörter: Cyan */
.hljs-keyword,
.hljs-selector-tag,
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-pseudo,
.hljs-literal,
.hljs-tag .hljs-name,
.hljs-section {
	color: #53eafd;
}

/* Strings: Emerald */
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-selector-attr {
	color: #5ee9b5;
}

/* Zahlen und Konstanten: Amber */
.hljs-number,
.hljs-symbol,
.hljs-bullet {
	color: #ffdf20;
}

/* Funktionen, Titel, Built-ins: Purple */
.hljs-title,
.hljs-title.function_,
.hljs-title.class_,
.hljs-name,
.hljs-built_in {
	color: #dab2ff;
}

/* Attribute und Variablen: helles Blau */
.hljs-attr,
.hljs-attribute,
.hljs-variable,
.hljs-template-variable,
.hljs-params,
.hljs-property,
.hljs-type {
	color: #bfeaff;
}

/* Meta (Tags, Klammern): gedämpft */
.hljs-meta,
.hljs-tag {
	color: #a1a1a1;
}

.hljs-deletion {
	color: #ff8f8f;
}

.hljs-emphasis {
	font-style: italic;
}

.hljs-strong {
	font-weight: 700;
}

/*
 * Logfile-Code-Blöcke (language-log):
 * Timestamps und IPs gedämpft, TRACE/DEBUG kursiv grau, INFO purple,
 * WARN amber, ERROR rot, [Bracket]-Tags cyan.
 */
pre.language-log .hljs-meta,
pre.language-log .hljs-number {
	color: #a1a1a1;
}

pre.language-log .hljs-doctag {
	color: #53eafd;
	font-style: normal;
}