/* Action Text/Trix is loaded separately from the Tailwind bundle. */

trix-editor.event-full-description-editor {
  min-height: 12rem;
  width: 100%;
  border: 1px solid #d4d4d4;
  background: #fff;
  padding: 1rem;
  color: #161922;
  outline: none;
}

trix-editor.event-full-description-editor:focus {
  border-color: #c71d22;
  box-shadow: 0 0 0 4px rgb(199 29 34 / 10%);
}

.event-full-description .trix-content,
.event-full-description-editor {
  overflow-wrap: anywhere;
}

/* Tailwind's preflight removes the default rich-text presentation. */
.event-full-description .trix-content h1,
trix-editor.event-full-description-editor h1 {
  margin-block: 1.5rem 0.75rem;
  font-size: 1.875rem;
  line-height: 1.25;
  font-weight: 700;
  color: #161922;
}

.event-full-description .trix-content blockquote,
trix-editor.event-full-description-editor blockquote {
  margin-block: 1.25rem;
  border-inline-start: 4px solid #ee7203;
  padding-inline: 1rem;
  color: #525252;
  font-style: italic;
}

.event-full-description .trix-content pre,
trix-editor.event-full-description-editor pre {
  margin-block: 1.25rem;
  overflow-x: auto;
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  padding: 1rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 1.6;
  white-space: pre-wrap;
}

.event-full-description .trix-content strong,
.event-full-description .trix-content b,
trix-editor.event-full-description-editor strong,
trix-editor.event-full-description-editor b {
  font-weight: 700;
}

.event-full-description .trix-content em,
.event-full-description .trix-content i,
trix-editor.event-full-description-editor em,
trix-editor.event-full-description-editor i {
  font-style: italic;
}

.event-full-description .trix-content del,
trix-editor.event-full-description-editor del {
  text-decoration: line-through;
}

/* Tailwind's preflight removes list markers globally; restore them for rich text. */
.event-full-description .trix-content ul,
trix-editor.event-full-description-editor ul {
  list-style-type: disc;
  margin-block: 1rem;
  padding-inline-start: 1.5rem;
}

.event-full-description .trix-content ol,
trix-editor.event-full-description-editor ol {
  list-style-type: decimal;
  margin-block: 1rem;
  padding-inline-start: 1.5rem;
}

.event-full-description .trix-content li,
trix-editor.event-full-description-editor li {
  padding-inline-start: 0.25rem;
}

.event-full-description .trix-content a,
trix-editor.event-full-description-editor a {
  color: #c71d22;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.event-full-description .trix-content img,
trix-editor.event-full-description-editor img {
  max-width: 100%;
  height: auto;
}