/* Mapeia a whitelist de fontes registrada em richTextEditor.js pros nomes reais de font-family —
   o Quill só cria a classe ql-font-{nome}, quem aplica a fonte de verdade é este CSS.
   Injetado como stylesheet global (não scoped do Blazor) porque o Quill cria a toolbar e o editor
   via manipulação direta do DOM, fora da árvore que o Blazor sabe escopar. */
.ql-font-arial { font-family: Arial, sans-serif; }
.ql-font-georgia { font-family: Georgia, serif; }
.ql-font-courier-new { font-family: 'Courier New', monospace; }
.ql-font-verdana { font-family: Verdana, sans-serif; }
.ql-font-times-new-roman { font-family: 'Times New Roman', serif; }

.ql-picker.ql-font .ql-picker-label[data-value="arial"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="arial"]::before { content: "Arial"; font-family: Arial, sans-serif; }
.ql-picker.ql-font .ql-picker-label[data-value="georgia"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="georgia"]::before { content: "Georgia"; font-family: Georgia, serif; }
.ql-picker.ql-font .ql-picker-label[data-value="courier-new"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="courier-new"]::before { content: "Courier New"; font-family: 'Courier New', monospace; }
.ql-picker.ql-font .ql-picker-label[data-value="verdana"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="verdana"]::before { content: "Verdana"; font-family: Verdana, sans-serif; }
.ql-picker.ql-font .ql-picker-label[data-value="times-new-roman"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="times-new-roman"]::before { content: "Times New Roman"; font-family: 'Times New Roman', serif; }
.ql-picker.ql-font .ql-picker-label:not([data-value])::before,
.ql-picker.ql-font .ql-picker-item:not([data-value])::before { content: "Padrão"; }

.ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
.ql-picker.ql-size .ql-picker-item[data-value="small"]::before { content: "Pequeno"; }
.ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
.ql-picker.ql-size .ql-picker-item[data-value="large"]::before { content: "Grande"; }
.ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
.ql-picker.ql-size .ql-picker-item[data-value="huge"]::before { content: "Enorme"; }
.ql-picker.ql-size .ql-picker-label:not([data-value])::before,
.ql-picker.ql-size .ql-picker-item:not([data-value])::before { content: "Normal"; }

.rte-quill-wrap .ql-editor { min-height: 200px; font-size: .9375rem; }
.rte-quill-wrap .ql-editor img { max-width: 100%; height: auto; }