/* Custom Font Styles for Quill Editor */

/* Make font dropdown wider */
.ql-snow .ql-picker.ql-font {
    width: 150px !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label {
    width: 100% !important;
}

/* Font family definitions for the editor content */
.ql-font-montserrat {
    font-family: 'Montserrat', sans-serif !important;
}

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

.ql-font-helvetica {
    font-family: 'Helvetica', sans-serif !important;
}

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

.ql-font-georgia {
    font-family: 'Georgia', serif !important;
}

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

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

.ql-font-trebuchet-ms {
    font-family: 'Trebuchet MS', sans-serif !important;
}

.ql-font-courier-new {
    font-family: 'Courier New', monospace !important;
}

.ql-font-lucida-sans-unicode {
    font-family: 'Lucida Sans Unicode', sans-serif !important;
}

.ql-font-impact {
    font-family: 'Impact', sans-serif !important;
}

/* Custom Font Sizes */
.ql-size-8 {
    font-size: 8px !important;
}

.ql-size-10 {
    font-size: 10px !important;
}

.ql-size-12 {
    font-size: 12px !important;
}

.ql-size-14 {
    font-size: 14px !important;
}

.ql-size-16 {
    font-size: 16px !important;
}

.ql-size-18 {
    font-size: 18px !important;
}

.ql-size-20 {
    font-size: 20px !important;
}

.ql-size-24 {
    font-size: 24px !important;
}

.ql-size-28 {
    font-size: 28px !important;
}

.ql-size-32 {
    font-size: 32px !important;
}

.ql-size-36 {
    font-size: 36px !important;
}

.ql-size-48 {
    font-size: 48px !important;
}

.ql-size-72 {
    font-size: 72px !important;
}

/* Font size dropdown labels */
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="8"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8"]::before {
    content: '8px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10"]::before {
    content: '10px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12"]::before {
    content: '12px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14"]::before {
    content: '14px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16"]::before {
    content: '16px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18"]::before {
    content: '18px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20"]::before {
    content: '20px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24"]::before {
    content: '24px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28"]::before {
    content: '28px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32"]::before {
    content: '32px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36"]::before {
    content: '36px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="48"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48"]::before {
    content: '48px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="72"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="72"]::before {
    content: '72px' !important;
}

/* Font dropdown labels */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="montserrat"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="montserrat"]::before {
    content: 'Montserrat' !important;
    font-family: 'Montserrat', sans-serif !important;
}

.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' !important;
    font-family: 'Arial', sans-serif !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="helvetica"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="helvetica"]::before {
    content: 'Helvetica' !important;
    font-family: 'Helvetica', sans-serif !important;
}

.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' !important;
    font-family: 'Times New Roman', serif !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="georgia"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="georgia"]::before {
    content: 'Georgia' !important;
    font-family: 'Georgia', serif !important;
}

.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' !important;
    font-family: 'Verdana', sans-serif !important;
}

.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' !important;
    font-family: 'Tahoma', sans-serif !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="trebuchet-ms"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="trebuchet-ms"]::before {
    content: 'Trebuchet MS' !important;
    font-family: 'Trebuchet MS', sans-serif !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="courier-new"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="courier-new"]::before {
    content: 'Courier New' !important;
    font-family: 'Courier New', monospace !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="lucida-sans-unicode"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="lucida-sans-unicode"]::before {
    content: 'Lucida Sans Unicode' !important;
    font-family: 'Lucida Sans Unicode', sans-serif !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="impact"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="impact"]::before {
    content: 'Impact' !important;
    font-family: 'Impact', sans-serif !important;
}

/* Default font label (when no font is selected) */
.ql-snow .ql-picker.ql-font .ql-picker-label:not([data-value])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item:not([data-value])::before {
    content: 'Sans Serif' !important;
}