/* Áp font mặc định cho toàn bộ nội dung editor */
.ql-editor {
    font-family: "Times New Roman", Times, serif;
}



/* Font labels trong dropdown */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="arial"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arial"]::before {
    content: "Arial";
    font-family: Arial, sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="times-new-roman"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="times-new-roman"]::before {
    content: "Times New Roman";
    font-family: "Times New Roman", Times, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="tahoma"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="tahoma"]::before {
    content: "Tahoma";
    font-family: Tahoma, sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="verdana"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="verdana"]::before {
    content: "Verdana";
    font-family: Verdana, sans-serif;
}


/* Ép ô đầu tiên trong color picker thành #000000 chuẩn */
.ql-color-picker .ql-picker-options [data-value="#000000"]::before {
    background-color: #000000 !important;
    opacity: 1 !important;
}

/* Ô reset (transparent) hiển thị caro thay vì đen */
.ql-color-picker .ql-picker-options [data-value=""]::before,
.ql-color-picker .ql-picker-options [data-value="null"]::before {
    background: repeating-linear-gradient( 45deg, #ccc, #ccc 5px, #fff 5px, #fff 10px ) !important;
    content: "";
}


.ql-snow .ql-picker.ql-font {
    width: 10rem !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="8px"]::before {
    content: "8px";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before {
    content: "12px";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before {
    content: "16px";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before {
    content: "20px";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before {
    content: "24px";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before {
    content: "32px";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="48px"]::before {
    content: "48px";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="72px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="72px"]::before {
    content: "72px";
}

.ql-font-arial {
    font-family: Arial, sans-serif;
}

.ql-font-times-new-roman {
    font-family: "Times New Roman", Times, serif;
}

.ql-font-serif {
    font-family: serif;
}

.ql-font-monospace {
    font-family: monospace;
}

.ql-font-tahoma {
    font-family: Tahoma, sans-serif;
}

.ql-font-verdana {
    font-family: Verdana, sans-serif;
}


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

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

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