/**
 * CSS hiển thị nội dung trong TinyMCE và Gutenberg.
 */

body#tinymce {
	padding: 15px 20px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

/* Căn đều hai bên */
.kpt-text-justify {
	text-align: justify !important;
	text-justify: inter-word;
}

/* Các kiểu căn chỉnh bổ sung */
.kpt-text-left {
	text-align: left !important;
}

.kpt-text-center {
	text-align: center !important;
}

.kpt-text-right {
	text-align: right !important;
}

/* Khoảng cách dòng */
.kpt-line-height-15 {
	line-height: 1.5 !important;
}

.kpt-line-height-18 {
	line-height: 1.8 !important;
}

.kpt-line-height-20 {
	line-height: 2 !important;
}

/* Hiển thị bảng rõ hơn khi dán từ Word */
body#tinymce table,
.editor-styles-wrapper table {
	width: 100%;
	border-collapse: collapse;
}

body#tinymce th,
body#tinymce td,
.editor-styles-wrapper th,
.editor-styles-wrapper td {
	padding: 8px 10px;
	border: 1px solid #dcdcde;
	vertical-align: top;
}

/* Hình ảnh không vượt quá vùng editor */
body#tinymce img,
.editor-styles-wrapper img {
	max-width: 100%;
	height: auto;
}