/* Quill Viewer Styles for displaying Quill content */

.quill-viewer {
  direction: rtl;
  text-align: right;
  font-family: 'YekanBakh-Regular', 'Tahoma', 'Arial', sans-serif;
  line-height: 1.8;
  font-size: 16px;
  color: #374151;
  min-height: 200px;
}

/* Apply Quill styles to the content */
.quill-viewer ul {
  list-style: none;
  padding-right: 30px;
  padding-left: 0;
  margin: 8px 0;
  counter-reset: none;
}

.quill-viewer ol {
  list-style: none;
  padding-right: 30px;
  padding-left: 0;
  margin: 8px 0;
  counter-reset: list-counter;
}

.quill-viewer li {
  margin: 4px 0;
  direction: rtl;
  text-align: right;
  padding-right: 8px;
  position: relative;
}

/* Fix for ordered list numbers in RTL */
.quill-viewer ol li {
  counter-increment: list-counter;
  position: relative;
}

.quill-viewer ol li::before {
  content: counter(list-counter) ".";
  position: absolute;
  right: -25px;
  top: 0;
  font-weight: bold;
  color: #374151;
  min-width: 20px;
  text-align: left;
}

/* Fix for unordered list bullets in RTL */
.quill-viewer ul li::before {
  content: "•";
  position: absolute;
  right: -20px;
  top: 0;
  color: #374151;
  font-weight: bold;
  min-width: 15px;
  text-align: left;
}

.quill-viewer p {
  margin: 8px 0;
  direction: rtl;
  text-align: right;
}

.quill-viewer h1,
.quill-viewer h2,
.quill-viewer h3,
.quill-viewer h4,
.quill-viewer h5,
.quill-viewer h6 {
  font-family: 'YekanBakh-Bold', 'Tahoma', 'Arial', sans-serif;
  margin: 16px 0 8px 0;
  direction: rtl;
  text-align: right;
}

.quill-viewer strong,
.quill-viewer b {
  font-weight: bold;
}

.quill-viewer em,
.quill-viewer i {
  font-style: italic;
}

.quill-viewer u {
  text-decoration: underline;
}

.quill-viewer s {
  text-decoration: line-through;
}

.quill-viewer a {
  color: #3b82f6;
  text-decoration: underline;
}

.quill-viewer blockquote {
  border-right: 4px solid #e5e7eb;
  border-left: none;
  padding-right: 16px;
  padding-left: 0;
  margin: 16px 0;
  font-style: italic;
  direction: rtl;
  text-align: right;
}

.quill-viewer pre {
  background-color: #f3f4f6;
  padding: 12px;
  border-radius: 4px;
  margin: 8px 0;
  font-family: 'Courier New', monospace;
  direction: rtl;
  text-align: right;
}

.quill-viewer img {
  display: block;
  margin: 8px auto;
  max-width: 100%;
  height: auto;
}

/* Ensure all text elements are RTL */
.quill-viewer * {
  direction: rtl;
  text-align: right;
}