/* TinyMCE Custom Styles */

/* Link styles */
.rich-text-wrapper a,
.mce-content-body a {
  color: #107ACA !important; /* Added specific link color */
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.rich-text-wrapper a:hover,
.mce-content-body a:hover {
  color: #0A1551 !important; /* primary color on hover */
}

/* List styles */
.rich-text-wrapper ul {
  list-style-type: disc !important;
  padding-left: 2rem !important;
  margin: 1rem 0 !important;
}

.rich-text-wrapper ol {
  list-style-type: decimal !important;
  padding-left: 2rem !important;
  margin: 1rem 0 !important;
  list-style-position: outside !important;
}

.rich-text-wrapper ol li {
  display: list-item !important; /* Changed from block to list-item to show numbers */
  margin: 0.5rem 0 !important;
  list-style-type: decimal !important;
  list-style-position: outside !important;
}

.rich-text-wrapper ul li {
  display: list-item !important;
  margin: 0.5rem 0 !important;
  list-style-type: disc !important;
  list-style-position: outside !important;
}

/* Ensure prose classes also respect list styling */
.prose ol {
  list-style-type: decimal !important;
  padding-left: 2rem !important;
  margin: 1rem 0 !important;
  list-style-position: outside !important;
}

.prose ol li {
  display: list-item !important;
  margin: 0.5rem 0 !important;
  list-style-type: decimal !important;
  list-style-position: outside !important;
}

.prose ul {
  list-style-type: disc !important;
  padding-left: 2rem !important;
  margin: 1rem 0 !important;
  list-style-position: outside !important;
}

.prose ul li {
  display: list-item !important;
  margin: 0.5rem 0 !important;
  list-style-type: disc !important;
  list-style-position: outside !important;
}

/* Fix for TinyMCE adding <br> tags inside lists */
.rich-text-wrapper ol br,
.rich-text-wrapper ul br {
  display: none !important;
}

/* Paragraph styles */
.with-margin {
  margin: 1.5rem 0;
}

.indented {
  padding-left: 2rem;
}

/* Text formatting styles */
.important {
  font-weight: bold;
  color: #0A1551; /* dark blue from the color scheme */
}

.highlight {
  background-color: #FFC432; /* yellow from the color scheme */
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}

.text-primary {
  color: #0A1551; /* dark blue from the color scheme */
}

.text-secondary {
  color: #00AAAD; /* teal from the color scheme */
}

/* Block styles */
blockquote.quote {
  border-left: 4px solid #00AAAD; /* teal from the color scheme */
  padding-left: 1rem;
  margin-left: 0;
  font-style: italic;
  color: #4a5568;
}

.info-block {
  background-color: #e6f7f7; /* light teal */
  border-left: 4px solid #00AAAD; /* teal from the color scheme */
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.25rem;
}

.alert-block {
  background-color: #fff3cd; /* light yellow */
  border-left: 4px solid #FFC432; /* yellow from the color scheme */
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.25rem;
}