/**
 * Editor styles for WebberZone Code Block Highlighting.
 */

:root {
	--wzcbh-editor-font-family: Hack, 'Fira Code', Consolas, Menlo, Monaco,
		'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter',
		'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
		'Nimbus Mono L', 'Courier New', Courier, monospace;
	--wzcbh-editor-padding: 1em;
	--wzcbh-editor-radius: 0.3em;
	--wzcbh-label-font-size: 0.85rem;
	--wzcbh-label-color: #333;
	--wzcbh-label-bg: #eee;
	--wzcbh-label-spacing: 8px;
	--wzcbh-notice-color: #1e7e34;
	--wzcbh-notice-font-size: 0.85em;
}

pre.wp-block-code {
	font-family: var(--wzcbh-editor-font-family);
	padding: var(--wzcbh-editor-padding);
	margin-top: 0.5rem !important;
	margin-bottom: 1rem;
	overflow: auto;
	border-radius: var(--wzcbh-editor-radius);
}

pre.wp-block-code code,
pre.wp-block-code .rich-text {
	padding-left: 0;
	border: none;
	overflow-x: initial;
	white-space: pre;
}

pre.wp-block-code.word-wrap code,
pre.wp-block-code.word-wrap .rich-text {
	white-space: pre-wrap;
	word-break: break-all;
}

.editor-styles-wrapper .wp-block-code {
	margin-top: 0.5rem !important;
}

.wzcbh-block__labels {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	font-size: var(--wzcbh-label-font-size);
	margin-top: 1rem;
	margin-bottom: 0;
	text-align: left;
}

.wzcbh-block__labels span {
	padding: var(--wzcbh-label-spacing);
	margin: 0 var(--wzcbh-label-spacing) 0 0;
	color: var(--wzcbh-label-color);
	background-color: var(--wzcbh-label-bg);
}

.editor-styles-wrapper pre.wp-block-code code[contenteditable='true'] {
	display: block;
	min-height: 1.5em;
	outline: none;
}

.wzcbh-save-default {
	display: flex;
	align-items: center;
	gap: var(--wzcbh-label-spacing);
	width: 100%;
}

.wzcbh-save-default__notice {
	font-size: var(--wzcbh-notice-font-size);
	color: var(--wzcbh-notice-color);
}