/* Quill Content Display Styles - Add to your main CSS file */

/* Text Alignment */
.ql-align-center { text-align: center; }
.ql-align-right { text-align: right; }
.ql-align-left { text-align: left; }
.ql-align-justify { text-align: justify; }

/* Text Formatting */
.ql-font-serif { font-family: Georgia, Times, "Times New Roman", serif; }
.ql-font-monospace { font-family: Monaco, "Courier New", monospace; }

/* Font Sizes */
.ql-size-small { font-size: 0.75em; }
.ql-size-large { font-size: 1.5em; }
.ql-size-huge { font-size: 2.5em; }

/* Text Direction */
.ql-direction-rtl { direction: rtl; text-align: inherit; }

/* Indentation */
.ql-indent-1 { padding-left: 3em; }
.ql-indent-2 { padding-left: 6em; }
.ql-indent-3 { padding-left: 9em; }
.ql-indent-4 { padding-left: 12em; }
.ql-indent-5 { padding-left: 15em; }
.ql-indent-6 { padding-left: 18em; }
.ql-indent-7 { padding-left: 21em; }
.ql-indent-8 { padding-left: 24em; }

/* Lists */
.ql-editor ol, .ql-editor ul { padding-left: 1.5em; }
.ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; }
.ql-editor ol li { counter-increment: list-0; }
.ql-editor ol li::before { content: counter(list-0, decimal) ". "; }
.ql-editor ul li::before { content: "• "; }

/* Code blocks */
.ql-code-block-container {
  font-family: Monaco, "Courier New", monospace;
  font-size: 85%;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 5px 0;
  padding: 5px 10px;
}

/* Blockquotes */
.ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}