/**
 * Penyesuaian khusus editor blok.
 *
 * Isinya sedikit saja: sebagian besar tampilan editor sudah otomatis sama
 * dengan situs karena konten.css ikut dimuat lewat add_editor_style().
 *
 * Yang perlu ditangani di sini adalah hal yang TIDAK ada di sisi pengunjung,
 * yaitu: di editor, blok kode belum dibungkus oleh PHP, jadi belum punya
 * batang judul dan nomor baris. Kita beri tampilan yang mendekati saja.
 */

/* Blok kode di editor: warna dan huruf sama dengan situs, plus keterangan
   kecil bahwa nomor baris dan tombol salin akan muncul setelah disimpan. */
.editor-styles-wrapper .wp-block-code {
	position: relative;
	background-color: var( --pnj-kode-bg, #102841 );
	color: var( --pnj-kode-teks, #e8eef6 );
	border-radius: 10px;
	padding: 2.1rem 1rem 1rem;
	font-family: var( --wp--preset--font-family--mono );
	font-size: 0.9375rem;
	line-height: 1.6;
}

.editor-styles-wrapper .wp-block-code::before {
	content: "Nomor baris + tombol salin muncul di halaman situs";
	position: absolute;
	top: 0.45rem;
	left: 1rem;
	font-family: var( --wp--preset--font-family--sistem );
	font-size: 0.6875rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var( --pnj-kode-bar-teks, #9db4cc );
	pointer-events: none;
}

.editor-styles-wrapper .wp-block-code code {
	white-space: pre;
	overflow-x: auto;
}

/* Tabel di editor belum punya pembungkus gulir; beri batas agar terlihat
   sama dengan hasil akhirnya. */
.editor-styles-wrapper .wp-block-table table {
	border-collapse: collapse;
}

.editor-styles-wrapper .wp-block-table :where( th, td ) {
	padding: 0.65rem 0.85rem;
	border: 0;
	border-bottom: 1px solid var( --wp--preset--color--border );
}

.editor-styles-wrapper .wp-block-table thead th {
	background-color: var( --wp--preset--color--primary-soft );
	color: var( --wp--preset--color--primary );
}

/* Kotak catatan: di editor, blok Grup punya pembungkus tambahan sehingga
   ::before kadang tergeser. Aturan ini merapikannya kembali. */
.editor-styles-wrapper .wp-block-group.is-style-pnj-info,
.editor-styles-wrapper .wp-block-group.is-style-pnj-peringatan,
.editor-styles-wrapper .wp-block-group.is-style-pnj-langkah {
	min-height: 3.5rem;
}