/*
 * Оформление блоков кода плагина WP-GeSHi-Highlight для темы Krylov.
 * Плагин берёт этот файл из папки темы вместо своего wp-geshi-highlight.css.
 *
 * Разметка плагина:
 * .wp-geshi-highlight-wrap5 > …wrap4 > …wrap3 > …wrap2 > …wrap > .wp-geshi-highlight > div.<язык> > pre.de1
 * с нумерацией строк: div.<язык> > ol > li > pre.de1
 * Скрипт темы вставляет в .wp-geshi-highlight-wrap5 строку .code-head (язык + «Копировать»).
 */

.wp-geshi-highlight-wrap5 {
	margin: 1.25em 0;
	border: 1px solid var(--code-line, #dfe4e7);
	border-radius: var(--radius-sm, 8px);
	background: var(--code-bg, #f7f8f9);
	overflow: hidden;
}

.wp-geshi-highlight-wrap4,
.wp-geshi-highlight-wrap3,
.wp-geshi-highlight-wrap2,
.wp-geshi-highlight-wrap {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.wp-geshi-highlight {
	margin: 0;
	padding: 14px 18px;
	border: 0;
	background: none;
	box-shadow: none;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #c3cacf transparent;
}

.wp-geshi-highlight pre,
.wp-geshi-highlight li,
.wp-geshi-highlight span,
.wp-geshi-highlight div,
.wp-geshi-highlight .de1,
.wp-geshi-highlight .de2 {
	font-family: var(--mono, Consolas, Menlo, monospace) !important;
	font-size: 13.5px !important;
	line-height: 1.6 !important;
}

.wp-geshi-highlight pre {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: #24292f;
	white-space: pre;
	word-wrap: normal;
	overflow-wrap: normal;
	overflow: visible;
	tab-size: 4;
	-moz-tab-size: 4;
}

.wp-geshi-highlight a { color: inherit !important; text-decoration: none !important; }

/* нумерация строк */
.wp-geshi-highlight ol {
	margin: 0 !important;
	padding: 0 0 0 3.2em !important;
	list-style: decimal !important;
}

.wp-geshi-highlight ol > li {
	margin: 0 !important;
	padding: 0 0 0 .9em !important;
	border-left: 1px solid var(--code-line, #dfe4e7);
	background: none !important;
	color: var(--muted, #6b747a);
	list-style: decimal !important;
}

.wp-geshi-highlight ol > li::marker { font-size: 12px; }

/* --------------------------------------------------------------------------
 * Цвета токенов. GeSHi выводит свою палитру 2000-х в <style> в шапке
 * (.php .kw1 и т. п.); здесь — единая спокойная светлая схема для всех языков.
 * ------------------------------------------------------------------------ */

.wp-geshi-highlight pre span[class] { font-weight: 400; font-style: normal; color: #24292f; }

.wp-geshi-highlight pre span[class^="kw"]  { color: #8250df; }
.wp-geshi-highlight pre span[class="kw1"]  { color: #cf222e; }
.wp-geshi-highlight pre span[class="kw3"]  { color: #0550ae; }
.wp-geshi-highlight pre span[class^="st"]  { color: #0a3069; }
.wp-geshi-highlight pre span[class^="es"]  { color: #0550ae; }
.wp-geshi-highlight pre span[class^="co"]  { color: #6e7781; font-style: italic; }
.wp-geshi-highlight pre span[class^="nu"]  { color: #0550ae; }
.wp-geshi-highlight pre span[class^="re"]  { color: #953800; }
.wp-geshi-highlight pre span[class^="me"]  { color: #6639ba; }
.wp-geshi-highlight pre span[class^="br"],
.wp-geshi-highlight pre span[class^="sy"]  { color: #57606a; }
.wp-geshi-highlight pre span[class="sc-1"] { color: #6e7781; font-style: italic; }
.wp-geshi-highlight pre span[class^="sc"]:not([class="sc-1"]) { color: #116329; }
.wp-geshi-highlight pre span[class="imp"]  { color: #cf222e; font-weight: 600; }

/* HTML / XML: имена тегов зелёные, атрибуты синие */
.wp-geshi-highlight .html4strict pre span.kw2,
.wp-geshi-highlight .html5 pre span.kw2,
.wp-geshi-highlight .xml pre span.kw2 { color: #116329; }
.wp-geshi-highlight .html4strict pre span.kw3,
.wp-geshi-highlight .html5 pre span.kw3 { color: #0550ae; }

/* CSS: свойства синие, значения тёмно-синие, селекторы фиолетовые */
.wp-geshi-highlight .css pre span.kw1 { color: #0550ae; }
.wp-geshi-highlight .css pre span.kw2 { color: #0a3069; }
.wp-geshi-highlight .css pre span.re0,
.wp-geshi-highlight .css pre span.re1,
.wp-geshi-highlight .css pre span.re2 { color: #6639ba; }
.wp-geshi-highlight .css pre span.re3 { color: #0550ae; }