/* ==========================================
   Mermaid — sơ đồ trong bài viết (single.php)
   ========================================== */

/* Bỏ styling code-block mặc định của <pre>/<code> để SVG hiển thị gọn */
.entry-content pre:has(> code.language-mermaid),
.entry-content pre.mermaid {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 1.5em 0;
    overflow-x: auto;
    text-align: center;
}

.entry-content pre:has(> code.language-mermaid) code.language-mermaid,
.entry-content pre.mermaid {
    display: block;
    background: transparent;
    font: inherit;
    color: inherit;
    white-space: normal;
    padding: 0;
}

/* SVG diagram — responsive, căn giữa */
.entry-content code.language-mermaid svg,
.entry-content pre.mermaid svg {
    max-width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
}

/* Mobile: đảm bảo sơ đồ quá rộng có thể cuộn ngang mượt */
@media (max-width: 768px) {
    .entry-content pre:has(> code.language-mermaid) {
        -webkit-overflow-scrolling: touch;
    }
}