// Import the core styles.
@import '@ckeditor/ckeditor5-theme-lark/dist/index.css';
@import '@ckeditor/ckeditor5-clipboard/dist/index.css';
@import '@ckeditor/ckeditor5-core/dist/index.css';
@import '@ckeditor/ckeditor5-engine/dist/index.css';
@import '@ckeditor/ckeditor5-enter/dist/index.css';
@import '@ckeditor/ckeditor5-paragraph/dist/index.css';
@import '@ckeditor/ckeditor5-select-all/dist/index.css';
@import '@ckeditor/ckeditor5-typing/dist/index.css';
@import '@ckeditor/ckeditor5-ui/dist/index.css';
@import '@ckeditor/ckeditor5-undo/dist/index.css';
@import '@ckeditor/ckeditor5-upload/dist/index.css';
@import '@ckeditor/ckeditor5-utils/dist/index.css';
@import '@ckeditor/ckeditor5-watchdog/dist/index.css';
@import '@ckeditor/ckeditor5-widget/dist/index.css';

// Import the editor styles.
// @import '@ckeditor/ckeditor5-editor-classic/dist/index.css';
@import '@ckeditor/ckeditor5-essentials/dist/index.css';
@import '@ckeditor/ckeditor5-autoformat/dist/index.css';
@import '@ckeditor/ckeditor5-basic-styles/dist/index.css';
// @import '@ckeditor/ckeditor5-block-quote/dist/index.css';
@import '@ckeditor/ckeditor5-heading/dist/index.css';
// @import '@ckeditor/ckeditor5-image/dist/index.css';
@import '@ckeditor/ckeditor5-image/dist/index-editor.css';
@import '@ckeditor/ckeditor5-indent/dist/index.css';
@import '@ckeditor/ckeditor5-link/dist/index.css';
@import '@ckeditor/ckeditor5-list/dist/index.css';
// @import '@ckeditor/ckeditor5-media-embed/dist/index.css';
@import '@ckeditor/ckeditor5-paste-from-office/dist/index.css';

// hung.pham16: không sử dụng default styles của ckeditor vì server không hỗ trợ
// @import '@ckeditor/ckeditor5-table/dist/index.css';
@import '@ckeditor/ckeditor5-table/dist/index-editor.css';

// @import '@ckeditor/ckeditor5-mention/dist/index.css';

// Custom toolbar
.ck-editor {
  /* --- 1. GIẢM KÍCH THƯỚC ICON VÀ CHỮ --- */
  /* Giảm cỡ chữ trong dropdown (mặc định khoảng 13px) */
  --ck-font-size-base: 11px !important;

  /* Giảm kích thước Icon (mặc định 20px) */
  --ck-icon-size: 16px !important;

  /* --- 2. TỐI ƯU KHOẢNG CÁCH (Padding/Margin) --- */

  /* Giảm khoảng cách giữa các nút */
  --ck-spacing-small: 2px !important;
  --ck-spacing-standard: 6px !important;
  --ck-spacing-large: 8px !important;

  /*  */
  --ck-color-table-focused-cell-background: transparent !important;
  --ck-table-content-default-border-color: transparent !important;

  //
  --ck-insert-table-dropdown-padding: 10px;
  --ck-insert-table-dropdown-box-height: 16px;
  --ck-insert-table-dropdown-box-width: 16px;
  --ck-insert-table-dropdown-box-margin: 1px;

  --ck-focus-ring: 1px solid var(--ck-color-base-border);
}

/* Giảm độ cao của thanh toolbar (cho gọn) */
.ck-toolbar {
  min-height: 32px !important; /* Mặc định thường là 40px */
  padding: 2px !important;

  /* Làm màu nền toolbar nhạt hơn cho hiện đại */
  background: #f8f9fa !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

.ck-toolbar__items {
  /* Chỉnh nút bấm trong toolbar nhỏ lại */
  > .ck-button {
    padding: 2px 4px !important; /* Giảm padding trái phải của nút */
    min-height: 24px !important;
  }

  /* Chỉnh lại dropdown (Heading, Font Size) cho khớp */
  > .ck-dropdown {
    min-height: 24px !important;
  }
}
