/*Có tác dụng khi thực hiện tải ảnh đang chế độ ck-widget_selected */
figure.image.ck-widget_selected img {
  width: 100% !important; /* Chiếm toàn bộ chiều rộng của phần tử cha */
  height: auto !important; /* Đảm bảo tỷ lệ khung hình của hình ảnh được giữ nguyên */
  display: block !important; /* Đảm bảo hình ảnh không có khoảng cách phía dưới */
  
}

figure.image.ck-widget_selected {
  width: 100% !important; /* Chiếm toàn bộ chiều rộng của phần tử cha */
  display: block !important; /* Đảm bảo nó hiển thị như một phần tử khối */
  margin: 0 !important; /* Nếu bạn muốn bỏ khoảng cách mặc định */
  
}

.ck.ck-widget__type-around {
  display: block !important; /* Đảm bảo các nút xung quanh không ảnh hưởng đến bố cục */
  width: 100% !important; /* Đảm bảo không gian được phân bổ đúng cách */
}


/* Có tác dụng khi upload ảnh lên ở trình soạn thảo nhưng không chọn vào ảnh đó*/
figure.image.ck-widget img {
  width: 100% !important; /* Chiếm toàn bộ chiều rộng của phần tử cha */
  height: auto !important; /* Đảm bảo tỷ lệ khung hình của hình ảnh được giữ nguyên */
  display: block !important; /* Đảm bảo hình ảnh không có khoảng cách phía dưới */
  
}

figure.image.ck-widget {
  width: 100% !important; /* Chiếm toàn bộ chiều rộng của phần tử cha */
  display: block !important; /* Đảm bảo nó hiển thị như một phần tử khối */
  margin: 0 !important; /* Nếu bạn muốn bỏ khoảng cách mặc định */
  
}

li.ck.ck-list__item{
    margin:0px !important;
}

.ck-content .image img {
    width:100% !important;
    
}
.ck-widget_selected img {
  width:100% !important;
  box-sizing: border-box; /* Đảm bảo tính toán độ rộng bao gồm cả padding và border */
  
}

.cke_editable figure {
    width:100% !important;
    margin: 0 auto !important;
    overflow:hidden !important;
}
.cke_editable figure img {
    width:100% !important;
    height: auto !important;
    display: block !important;
    overflow:hidden !important;
    border-radius: 8px !important;
}

.ck-content .image-style-full {
    display: block;
    margin: 0 auto;
    width:100% !important;
}

.ck-content .image-style-side {
    margin: 0 0 1em 1em !important; /* Cách lề */
    max-width: 50% !important;      /* Giới hạn chiều rộng */
}

.ck-content figure {
    display: inline-block !important;
}

/* Selector có độ ưu tiên cao hơn */
.editor-content blockquote {
    padding: 1rem 2rem !important;
    margin: 1rem 0 !important;
    border-left: 4px solid #0866ff !important;
    background-color: #f9f9f9 !important;
    font-style: italic !important;
}


.title-textarea {
    font-weight: 600;
    line-height: 34px;
    padding: 0;
    width: 100%;
    display: block;
    word-wrap: break-word;
    outline: none;
    resize: none; /* Prevent manual resizing */
    overflow: hidden; /* Hide scrollbars */
    background-color:#fff;
}

textarea.title-textarea::placeholder {
    font-size: 24px; /* Adjust to your desired size */
    font-weight: 600; /* Adjust font weight as needed */
}
.ck-powered-by {
    display: none !important;
}

/* Forcefully remove borders in CKEditor */
.ck-editor__editable_inline {
     border: none !important; /* Ensure no borders */
     outline: none !important; /* Ensure no outlines */
     box-shadow: none !important; /* Remove shadows that look like borders */
}

.ck.ck-editor__editable_inline {
    border: 0px solid transparent !important;
    overflow: visible !important;
    padding: 0px !important;
}

/* Customize the placeholder's font size */
.ck-editor__editable .ck-placeholder {
     font-size: 16px; /* Set your desired font size */
     color: #888; /* Optional: Customize the placeholder color */
     font-style: italic; /* Optional: Add style to distinguish placeholder */
}
    
/*padding cho table*/
.ck-content .table table td, .ck-content .table table th {
    border: 1px solid #bfbfbf;
    min-width: 2em;
    padding: 14px !important;
    vertical-align: top !important; /* Đưa nội dung lên đầu theo chiều dọc */
}

.ck-content .table{
    margin:14px 0px !important;
}

/* Ensure proper list style for numbered and bulleted lists */
.ck-editor__editable ul, .ck-editor__editable ol {
    padding-left: 20px;
}

/* Add specific styling for list items */
.ck-editor__editable li {
    margin-bottom: 5px;
}

/* CKEditor Content Font Size */
.ck-editor__editable {
     font-size: 16px; /* Set content font size to 15px */
     line-height: 24px; /* Optional: Adjust line-height for better readability */
}



/*CÓ TÁC DỤNG HIỂN THỊ CHO NGƯỜI ĐỌC*/
figure.table table td, figure.table table th {
    border: 1px solid #bfbfbf;
    min-width: 2em;
    padding: 14px !important;
    vertical-align: top !important; /* Đưa nội dung lên đầu theo chiều dọc */
}
figure.table{
    margin:14px 0px !important;
}
figure {
    margin: initial !important;
    padding: initial !important;
}

p img {
    object-fit: cover !important; /* Đảm bảo ảnh không bị biến dạng, căn vừa vặn trong container */
    text-align: center !important; /* Căn giữa văn bản bên trong (nếu có) */
    overflow:hidden;
    width:100% !important;
    border-radius: 8px !important;
    
}

figure.image{
 border-radius: 8px !important;   
 
}
figure.image img{
    object-fit: cover !important; /* Đảm bảo ảnh không bị biến dạng, căn vừa vặn trong container */
    text-align: center !important; /* Căn giữa văn bản bên trong (nếu có) */
    overflow:hidden;
    width:100% !important;
    border-radius: 8px !important;
    
    
}
blockquote {
    padding: 1rem 2rem !important;
    margin: 1rem 0 !important;
    border-left: 4px solid #0866ff !important;  /* Hoặc một màu khác mà bạn muốn */
    background-color: #f9f9f9 !important;    /* Màu nền cho blockquote */
    font-style: italic !important;           /* Kiểu chữ cho blockquote */
}

/*KẾT THÚC*/