/*
  ActionText/Trix Tailwind CSS Overwrites
  Custom styling to fix ActionText/Trix issues with Tailwind reset
*/

/* Toolbar wrapping fix */
trix-toolbar .trix-button-row {
  flex-wrap: wrap !important;
  overflow-x: visible !important;
}

trix-toolbar .trix-button-group {
  margin-left: 0 !important;
}

trix-editor {
  min-height: 250px !important;
}

/* Enhanced Trix Content Display Styling - Override Tailwind Reset */
.trix-content h1 {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  margin-bottom: 1rem !important;
  margin-top: 0.5rem !important;
  font-weight: 600 !important;
}

.trix-content a:not(.no-underline) {
  text-decoration: underline !important;
  color: #2563eb !important;
}

.trix-content a:visited {
  color: #7c3aed !important;
}

.trix-content ul {
  list-style-type: disc !important;
  padding-left: 1.5rem !important;
  margin: 0.5rem 0 !important;
}

.trix-content ol {
  list-style-type: decimal !important;
  padding-left: 1.5rem !important;
  margin: 0.5rem 0 !important;
}

.trix-content li {
  display: list-item !important;
  margin: 0.25rem 0 !important;
}

.trix-content pre {
  display: block !important;
  width: 100% !important;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace !important;
  font-size: 0.875rem !important;
  padding: 1rem !important;
  white-space: pre !important;
  background-color: #f3f4f6 !important;
  border-radius: 0.375rem !important;
  overflow-x: auto !important;
  margin: 0.5rem 0 !important;
}

.trix-content blockquote {
  border: 0 solid #d1d5db !important;
  border-left-width: 0.25rem !important;
  margin: 0.5rem 0 !important;
  margin-left: 0 !important;
  padding-left: 1rem !important;
  color: #6b7280 !important;
  font-style: italic !important;
}

/* Editor styling overrides */
trix-editor h1 {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  margin-bottom: 1rem !important;
  margin-top: 0.5rem !important;
  font-weight: 600 !important;
}

trix-editor a:not(.no-underline) {
  text-decoration: underline !important;
  color: #2563eb !important;
}

trix-editor a:visited {
  color: #7c3aed !important;
}

trix-editor ul {
  list-style-type: disc !important;
  padding-left: 1.5rem !important;
  margin: 0.5rem 0 !important;
}

trix-editor ol {
  list-style-type: decimal !important;
  padding-left: 1.5rem !important;
  margin: 0.5rem 0 !important;
}

trix-editor li {
  display: list-item !important;
  margin: 0.25rem 0 !important;
}

trix-editor pre {
  display: block !important;
  width: 100% !important;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace !important;
  font-size: 0.875rem !important;
  padding: 1rem !important;
  white-space: pre !important;
  background-color: #f3f4f6 !important;
  border-radius: 0.375rem !important;
  overflow-x: auto !important;
  margin: 0.5rem 0 !important;
}

trix-editor blockquote {
  border: 0 solid #d1d5db !important;
  border-left-width: 0.25rem !important;
  margin: 0.5rem 0 !important;
  margin-left: 0 !important;
  padding-left: 1rem !important;
  color: #6b7280 !important;
  font-style: italic !important;
}