/*
 * Nội dung bài viết soạn bằng CKEditor 5 trong admin (frontend/news/show.blade.php: .ck-content.post-content).
 *
 * Nạp SAU vendor/ckeditor5/ckeditor5-content-43.3.1.css (style chính thức của CKEditor cho ảnh, bảng,
 * cỡ chữ text-tiny..text-huge, todo list, code...). File này trả lại kiểu chữ chuẩn mà CSS giao diện
 * game đã reset cho toàn trang: li { display:inline; list-style:none }, ul { padding:0 },
 * i { margin:0 10px }, và trên mobile .game-description * { font-size/font-family !important }.
 *
 * Vùng soạn thảo trong admin dùng CÙNG các quy tắc này: volam-laravel-admin/public/css/post-content-editor.css
 * được sinh từ file này (đổi .tintuc .post-content thành .ck-editor__editable). Sửa ở đây rồi sinh lại file đó.
 */
.tintuc .post-content {
    font-family: interregular, Inter, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #2a1810;
    text-align: left;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Đoạn văn: Enter trong editor = đoạn mới (có khoảng cách), Shift+Enter = xuống dòng (<br>) */
.tintuc .post-content p { margin: 0 0 .9em; text-align: inherit; }
.tintuc .post-content > :last-child { margin-bottom: 0; }

/* Tiêu đề (Heading 1..3 của editor lưu thành h2..h4) */
.tintuc .post-content h1,
.tintuc .post-content h2,
.tintuc .post-content h3,
.tintuc .post-content h4,
.tintuc .post-content h5,
.tintuc .post-content h6 {
    font-family: interbold, Inter, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #562815;
    line-height: 1.35;
    margin: 1.1em 0 .5em;
}
.tintuc .post-content h1 { font-size: 1.75em; }
.tintuc .post-content h2 { font-size: 1.5em; }
.tintuc .post-content h3 { font-size: 1.3em; }
.tintuc .post-content h4 { font-size: 1.15em; }
.tintuc .post-content h5,
.tintuc .post-content h6 { font-size: 1em; }

/* Danh sách: giao diện game đặt li inline + không dấu cho toàn trang */
.tintuc .post-content ul,
.tintuc .post-content ol { margin: 0 0 .9em; padding-left: 1.6em; }
.tintuc .post-content ul { list-style-type: disc; }
.tintuc .post-content ul ul { list-style-type: circle; }
.tintuc .post-content ul ul ul { list-style-type: square; }
.tintuc .post-content ol { list-style-type: decimal; }
.tintuc .post-content li {
    display: list-item;
    list-style: inherit;          /* kiểu dấu đặt trên ul/ol (kể cả kiểu chọn trong editor) */
    margin: .25em 0;
    cursor: auto;
}
.tintuc .post-content li > ul,
.tintuc .post-content li > ol { margin: .25em 0 0; }
.tintuc .post-content .todo-list { padding-left: 0; list-style: none; }

/* Chữ nghiêng / icon: giao diện game đặt i, svg { margin: 0 10px } */
.tintuc .post-content i,
.tintuc .post-content em,
.tintuc .post-content svg { margin: 0; }
.tintuc .post-content strong,
.tintuc .post-content b { font-weight: 700; }

.tintuc .post-content a { color: #2d548e; text-decoration: underline; }
.tintuc .post-content a:hover { color: #1b3a66; }

.tintuc .post-content img { height: auto; }
/* Ảnh nằm trong dòng chữ (emoji dán từ Facebook, ảnh inline của editor): CSS game đặt img { vertical-align: bottom }
   cho toàn trang làm ảnh tụt xuống dưới chân chữ => canh giữa dòng. Ảnh khối (figure.image) là display:block
   nên vertical-align không có tác dụng, không bị ảnh hưởng. */
.tintuc .post-content img { vertical-align: middle; }
.tintuc .post-content figure { margin: 1em auto; }
.tintuc .post-content figure.image.image-style-side,
.tintuc .post-content figure.image.image-style-align-right { margin-left: 1.2em; }

.tintuc .post-content blockquote {
    margin: 1em 0;
    padding: .6em 1em;
    border-left: 4px solid #c8913a;
    background: rgba(233, 177, 100, .12);
    font-style: italic;
}

.tintuc .post-content hr { border: 0; border-top: 1px solid #d9b98a; margin: 1.4em 0; }

.tintuc .post-content figure.table { margin: 1em auto; }
.tintuc .post-content table { border-collapse: collapse; width: 100%; }
.tintuc .post-content table td,
.tintuc .post-content table th {
    border: 1px solid #bfa27a;
    padding: 6px 10px;
    vertical-align: top !important;
    min-width: 2em;
}
.tintuc .post-content table th { background: #f6e3bf; font-weight: 700; text-align: left; }

.tintuc .post-content code { font-family: Consolas, "Courier New", monospace; font-size: .9em; }
.tintuc .post-content pre {
    background: #2a1810;
    color: #f7e7c0;
    padding: 12px 14px;
    border-radius: 8px;
    overflow: auto;
    text-align: left;
}
.tintuc .post-content pre code { background: none; color: inherit; font-size: 13px; }

@media (max-width: 1000px) {
    .tintuc .post-content { font-size: 14px; }
}