/* Kompatibilitas konten Quill 2 di frontend.
   Quill menyimpan semua list sebagai <ol> dengan li[data-list], dan
   alignment/indent/size sebagai kelas ql-* yang butuh CSS sendiri. */

/* List: kembalikan bullet vs angka sesuai pilihan di editor */
li[data-list='bullet'] {
    list-style-type: disc;
}

li[data-list='ordered'] {
    list-style-type: decimal;
}

/* Span marker internal Quill yang ikut tersimpan */
li > .ql-ui {
    display: none;
}

/* Alignment */
.ql-align-center {
    text-align: center;
}

.ql-align-right {
    text-align: right;
}

.ql-align-justify {
    text-align: justify;
}

/* Indentasi (level 1-8, 3em per level seperti di editor) */
.ql-indent-1 { padding-left: 3em; }
.ql-indent-2 { padding-left: 6em; }
.ql-indent-3 { padding-left: 9em; }
.ql-indent-4 { padding-left: 12em; }
.ql-indent-5 { padding-left: 15em; }
.ql-indent-6 { padding-left: 18em; }
.ql-indent-7 { padding-left: 21em; }
.ql-indent-8 { padding-left: 24em; }

/* Ukuran font */
.ql-size-small {
    font-size: 0.75em;
}

.ql-size-large {
    font-size: 1.5em;
}

.ql-size-huge {
    font-size: 2.5em;
}

/* Video embed */
iframe.ql-video {
    display: block;
    width: 100%;
    max-width: 640px;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    border-radius: 0.75rem;
}

/* Code block */
.ql-code-block-container {
    background: #0f172a;
    color: #e2e8f0;
    padding: 1em 1.25em;
    border-radius: 0.75rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.875em;
    overflow-x: auto;
    white-space: pre;
}

/* Tabel dari quill-table-better */
.prose table td,
.prose table th,
.blog-details table td,
.blog-details table th {
    border: 1px solid #e2e8f0;
    padding: 0.5em 0.75em;
}