

/* ── Quill Font Classes ── */

.ql-toolbar .ql-font .ql-picker-options {
  max-height: 250px !important;
  overflow-y: auto !important;
  z-index: 9999 !important;
}

/* Sans-serif */
.ql-font-arial { font-family: Arial, sans-serif !important; }
.ql-font-helvetica { font-family: Helvetica, sans-serif !important; }
.ql-font-verdana { font-family: Verdana, sans-serif !important; }
.ql-font-tahoma { font-family: Tahoma, sans-serif !important; }
.ql-font-trebuchet { font-family: "Trebuchet MS", sans-serif !important; }
.ql-font-gill-sans { font-family: "Gill Sans", sans-serif !important; }
.ql-font-century-gothic { font-family: "Century Gothic", sans-serif !important; }
.ql-font-calibri { font-family: Calibri, sans-serif !important; }
.ql-font-segoe-ui { font-family: "Segoe UI", sans-serif !important; }
.ql-font-candara { font-family: Candara, sans-serif !important; }

/* Serif */
.ql-font-times-new-roman { font-family: "Times New Roman", serif !important; }
.ql-font-georgia { font-family: Georgia, serif !important; }
.ql-font-garamond { font-family: Garamond, serif !important; }
.ql-font-palatino { font-family: "Palatino Linotype", serif !important; }
.ql-font-baskerville { font-family: Baskerville, serif !important; }
.ql-font-bookman { font-family: "Bookman Old Style", serif !important; }
.ql-font-cambria { font-family: Cambria, serif !important; }
.ql-font-rockwell { font-family: Rockwell, serif !important; }
.ql-font-bodoni { font-family: "Bodoni MT", serif !important; }

/* Monospace */
.ql-font-courier-new { font-family: "Courier New", monospace !important; }
.ql-font-consolas { font-family: Consolas, monospace !important; }
.ql-font-monaco { font-family: Monaco, monospace !important; }
.ql-font-lucida-console { font-family: "Lucida Console", monospace !important; }
.ql-font-menlo { font-family: Menlo, monospace !important; }

/* Display */
.ql-font-impact { font-family: Impact, sans-serif !important; }
.ql-font-comic-sans { font-family: "Comic Sans MS", cursive !important; }
.ql-font-copperplate { font-family: Copperplate, fantasy !important; }
.ql-font-papyrus { font-family: Papyrus, fantasy !important; }

/* Google - Sans */
.ql-font-roboto { font-family: "Roboto", sans-serif !important; }
.ql-font-open-sans { font-family: "Open Sans", sans-serif !important; }
.ql-font-lato { font-family: "Lato", sans-serif !important; }
.ql-font-montserrat { font-family: "Montserrat", sans-serif !important; }
.ql-font-oswald { font-family: "Oswald", sans-serif !important; }
.ql-font-raleway { font-family: "Raleway", sans-serif !important; }
.ql-font-ubuntu { font-family: "Ubuntu", sans-serif !important; }
.ql-font-nunito { font-family: "Nunito", sans-serif !important; }
.ql-font-poppins { font-family: "Poppins", sans-serif !important; }
.ql-font-inter { font-family: "Inter", sans-serif !important; }
.ql-font-noto-sans { font-family: "Noto Sans", sans-serif !important; }
.ql-font-pt-sans { font-family: "PT Sans", sans-serif !important; }
.ql-font-work-sans { font-family: "Work Sans", sans-serif !important; }
.ql-font-karla { font-family: "Karla", sans-serif !important; }
.ql-font-jost { font-family: "Jost", sans-serif !important; }
.ql-font-dm-sans { font-family: "Lato", sans-serif !important; }
.ql-font-manrope { font-family: "Manrope", sans-serif !important; }
.ql-font-rubik { font-family: "Rubik", sans-serif !important; }
.ql-font-outfit { font-family: "Outfit", sans-serif !important; }

/* Google - Serif */
.ql-font-merriweather { font-family: "Merriweather", serif !important; }
.ql-font-playfair-display { font-family: "Playfair Display", serif !important; }
.ql-font-source-sans-pro { font-family: "Source Sans Pro", sans-serif !important; }
.ql-font-libre-baskerville { font-family: "Libre Baskerville", serif !important; }
.ql-font-lora { font-family: "Lora", serif !important; }
.ql-font-cormorant-garamond { font-family: "Cormorant Garamond", serif !important; }
.ql-font-eb-garamond { font-family: "EB Garamond", serif !important; }
.ql-font-crimson-text { font-family: "Crimson Text", serif !important; }
.ql-font-spectral { font-family: "Spectral", serif !important; }
.ql-font-cardo { font-family: "Cardo", serif !important; }
.ql-font-dm-serif-display { font-family: "DM Serif Display", serif !important; }
.ql-font-pt-serif { font-family: "PT Serif", serif !important; }

/* Google - Display */
.ql-font-bebas-neue { font-family: "Bebas Neue", cursive !important; }
.ql-font-pacifico { font-family: "Pacifico", cursive !important; }
.ql-font-lobster { font-family: "Lobster", cursive !important; }

/* Google - Handwriting */
.ql-font-dancing-script { font-family: "Dancing Script", cursive !important; }
.ql-font-great-vibes { font-family: "Great Vibes", cursive !important; }
.ql-font-caveat { font-family: "Caveat", cursive !important; }
.ql-font-shadows-into-light { font-family: "Shadows Into Light", cursive !important; }
.ql-font-indie-flower { font-family: "Indie Flower", cursive !important; }

/* Google - Monospace */
.ql-font-source-code-pro { font-family: "Source Code Pro", monospace !important; }
.ql-font-fira-code { font-family: "Fira Code", monospace !important; }
.ql-font-jetbrains-mono { font-family: "JetBrains Mono", monospace !important; }
.ql-font-space-mono { font-family: "Space Mono", monospace !important; }
.ql-font-ibm-plex-mono { font-family: "IBM Plex Mono", monospace !important; }
.ql-font-roboto-mono { font-family: "Roboto Mono", monospace !important; }

/* ── Dropdown: show each font name rendered in its own typeface ── */
.ql-picker.ql-font .ql-picker-item[data-value="arial"]::before { content: "Arial" !important; font-family: Arial !important; }
.ql-picker.ql-font .ql-picker-item[data-value="helvetica"]::before { content: "Helvetica" !important; font-family: Helvetica !important; }
.ql-picker.ql-font .ql-picker-item[data-value="verdana"]::before { content: "Verdana" !important; font-family: Verdana !important; }
.ql-picker.ql-font .ql-picker-item[data-value="tahoma"]::before { content: "Tahoma" !important; font-family: Tahoma !important; }
.ql-picker.ql-font .ql-picker-item[data-value="trebuchet"]::before { content: "Trebuchet MS" !important; font-family: "Trebuchet MS" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="gill-sans"]::before { content: "Gill Sans" !important; font-family: "Gill Sans" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="century-gothic"]::before { content: "Century Gothic" !important; font-family: "Century Gothic" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="calibri"]::before { content: "Calibri" !important; font-family: Calibri !important; }
.ql-picker.ql-font .ql-picker-item[data-value="segoe-ui"]::before { content: "Segoe UI" !important; font-family: "Segoe UI" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="candara"]::before { content: "Candara" !important; font-family: Candara !important; }
.ql-picker.ql-font .ql-picker-item[data-value="times-new-roman"]::before { content: "Times New Roman" !important; font-family: "Times New Roman" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="georgia"]::before { content: "Georgia" !important; font-family: Georgia !important; }
.ql-picker.ql-font .ql-picker-item[data-value="garamond"]::before { content: "Garamond" !important; font-family: Garamond !important; }
.ql-picker.ql-font .ql-picker-item[data-value="palatino"]::before { content: "Palatino" !important; font-family: "Palatino Linotype" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="baskerville"]::before { content: "Baskerville" !important; font-family: Baskerville !important; }
.ql-picker.ql-font .ql-picker-item[data-value="bookman"]::before { content: "Bookman" !important; font-family: "Bookman Old Style" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="cambria"]::before { content: "Cambria" !important; font-family: Cambria !important; }
.ql-picker.ql-font .ql-picker-item[data-value="rockwell"]::before { content: "Rockwell" !important; font-family: Rockwell !important; }
.ql-picker.ql-font .ql-picker-item[data-value="courier-new"]::before { content: "Courier New" !important; font-family: "Courier New" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="consolas"]::before { content: "Consolas" !important; font-family: Consolas !important; }
.ql-picker.ql-font .ql-picker-item[data-value="monaco"]::before { content: "Monaco" !important; font-family: Monaco !important; }
.ql-picker.ql-font .ql-picker-item[data-value="menlo"]::before { content: "Menlo" !important; font-family: Menlo !important; }
.ql-picker.ql-font .ql-picker-item[data-value="impact"]::before { content: "Impact" !important; font-family: Impact !important; }
.ql-picker.ql-font .ql-picker-item[data-value="comic-sans"]::before { content: "Comic Sans" !important; font-family: "Comic Sans MS" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="roboto"]::before { content: "Roboto" !important; font-family: "Roboto" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="open-sans"]::before { content: "Open Sans" !important; font-family: "Open Sans" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="lato"]::before { content: "Lato" !important; font-family: "Lato" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="montserrat"]::before { content: "Montserrat" !important; font-family: "Montserrat" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="oswald"]::before { content: "Oswald" !important; font-family: "Oswald" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="raleway"]::before { content: "Raleway" !important; font-family: "Raleway" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="ubuntu"]::before { content: "Ubuntu" !important; font-family: "Ubuntu" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="nunito"]::before { content: "Nunito" !important; font-family: "Nunito" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="poppins"]::before { content: "Poppins" !important; font-family: "Poppins" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="inter"]::before { content: "Inter" !important; font-family: "Inter" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="noto-sans"]::before { content: "Noto Sans" !important; font-family: "Noto Sans" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="pt-sans"]::before { content: "PT Sans" !important; font-family: "PT Sans" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="work-sans"]::before { content: "Work Sans" !important; font-family: "Work Sans" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="karla"]::before { content: "Karla" !important; font-family: "Karla" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="jost"]::before { content: "Jost" !important; font-family: "Jost" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="dm-sans"]::before { content: "Lato" !important; font-family: "Lato" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="manrope"]::before { content: "Manrope" !important; font-family: "Manrope" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="rubik"]::before { content: "Rubik" !important; font-family: "Rubik" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="outfit"]::before { content: "Outfit" !important; font-family: "Outfit" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="merriweather"]::before { content: "Merriweather" !important; font-family: "Merriweather" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="playfair-display"]::before { content: "Playfair Display" !important; font-family: "Playfair Display" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="source-sans-pro"]::before { content: "Source Sans Pro" !important; font-family: "Source Sans Pro" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="libre-baskerville"]::before { content: "Libre Baskerville" !important; font-family: "Libre Baskerville" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="lora"]::before { content: "Lora" !important; font-family: "Lora" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="cormorant-garamond"]::before { content: "Cormorant Garamond" !important; font-family: "Cormorant Garamond" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="eb-garamond"]::before { content: "EB Garamond" !important; font-family: "EB Garamond" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="crimson-text"]::before { content: "Crimson Text" !important; font-family: "Crimson Text" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="spectral"]::before { content: "Spectral" !important; font-family: "Spectral" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="cardo"]::before { content: "Cardo" !important; font-family: "Cardo" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="dm-serif-display"]::before { content: "DM Serif Display" !important; font-family: "DM Serif Display" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="pt-serif"]::before { content: "PT Serif" !important; font-family: "PT Serif" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="bebas-neue"]::before { content: "Bebas Neue" !important; font-family: "Bebas Neue" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="pacifico"]::before { content: "Pacifico" !important; font-family: "Pacifico" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="lobster"]::before { content: "Lobster" !important; font-family: "Lobster" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="dancing-script"]::before { content: "Dancing Script" !important; font-family: "Dancing Script" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="great-vibes"]::before { content: "Great Vibes" !important; font-family: "Great Vibes" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="caveat"]::before { content: "Caveat" !important; font-family: "Caveat" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="shadows-into-light"]::before { content: "Shadows Into Light" !important; font-family: "Shadows Into Light" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="indie-flower"]::before { content: "Indie Flower" !important; font-family: "Indie Flower" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="source-code-pro"]::before { content: "Source Code Pro" !important; font-family: "Source Code Pro" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="fira-code"]::before { content: "Fira Code" !important; font-family: "Fira Code" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="jetbrains-mono"]::before { content: "JetBrains Mono" !important; font-family: "JetBrains Mono" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="space-mono"]::before { content: "Space Mono" !important; font-family: "Space Mono" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="ibm-plex-mono"]::before { content: "IBM Plex Mono" !important; font-family: "IBM Plex Mono" !important; }
.ql-picker.ql-font .ql-picker-item[data-value="roboto-mono"]::before { content: "Roboto Mono" !important; font-family: "Roboto Mono" !important; }