/**
 * Quill-formatted HTML — editor + published content.
 * Scope: .ql-editor (admin) and .rich-text-content (rendered pages).
 */

.ql-editor .ql-align-left,
.rich-text-content .ql-align-left {
    text-align: left !important;
    text-align-last: left;
}

.ql-editor .ql-align-center,
.rich-text-content .ql-align-center {
    text-align: center !important;
    text-align-last: center;
}

.ql-editor .ql-align-right,
.rich-text-content .ql-align-right {
    text-align: right !important;
    text-align-last: right;
}

.ql-editor .ql-align-justify,
.rich-text-content .ql-align-justify {
    text-align: justify !important;
    text-justify: inter-word;
    text-align-last: auto;
}

.ql-editor .ql-direction-rtl,
.rich-text-content .ql-direction-rtl {
    direction: rtl;
}

.ql-editor .ql-color-white,
.rich-text-content .ql-color-white { color: #fff !important; }

.ql-editor .ql-color-red,
.rich-text-content .ql-color-red { color: #e60000 !important; }

.ql-editor .ql-color-orange,
.rich-text-content .ql-color-orange { color: #f90 !important; }

.ql-editor .ql-color-yellow,
.rich-text-content .ql-color-yellow { color: #ff0 !important; }

.ql-editor .ql-color-green,
.rich-text-content .ql-color-green { color: #008a00 !important; }

.ql-editor .ql-color-blue,
.rich-text-content .ql-color-blue { color: #06c !important; }

.ql-editor .ql-color-purple,
.rich-text-content .ql-color-purple { color: #93f !important; }

.ql-editor .ql-bg-black,
.rich-text-content .ql-bg-black { background-color: #000 !important; }

.ql-editor .ql-bg-red,
.rich-text-content .ql-bg-red { background-color: #e60000 !important; }

.ql-editor .ql-bg-orange,
.rich-text-content .ql-bg-orange { background-color: #f90 !important; }

.ql-editor .ql-bg-yellow,
.rich-text-content .ql-bg-yellow { background-color: #ff0 !important; }

.ql-editor .ql-bg-green,
.rich-text-content .ql-bg-green { background-color: #008a00 !important; }

.ql-editor .ql-bg-blue,
.rich-text-content .ql-bg-blue { background-color: #06c !important; }

.ql-editor .ql-bg-purple,
.rich-text-content .ql-bg-purple { background-color: #93f !important; }

.ql-editor .ql-size-small,
.rich-text-content .ql-size-small { font-size: 0.75em !important; }

.ql-editor .ql-size-large,
.rich-text-content .ql-size-large { font-size: 1.5em !important; }

.ql-editor .ql-size-huge,
.rich-text-content .ql-size-huge { font-size: 2.5em !important; }