/* Dark theme ActionText/Trix overrides.
   Toolbar icons and layout come from the official trix.css (loaded before actiontext.css). */

.dark trix-toolbar .trix-button--icon::before {
  filter: invert(1) brightness(1.05);
}

.dark trix-toolbar .trix-button.trix-active::before {
  opacity: 1;
}

.dark trix-toolbar .trix-dialog {
  @apply bg-gray-800 border border-gray-700 rounded-md shadow-lg;
}

.dark trix-toolbar .trix-dialog input[type="url"],
.dark trix-toolbar .trix-dialog input[type="text"] {
  @apply bg-gray-900 text-gray-100 border border-gray-700;
}

.dark trix-toolbar .trix-dialog input[type="url"]:focus,
.dark trix-toolbar .trix-dialog input[type="text"]:focus {
  @apply outline-none ring-2 ring-indigo-500 border-indigo-500;
}

.dark trix-toolbar .trix-dialog .trix-button,
.dark trix-toolbar .trix-dialog button,
.dark trix-toolbar .trix-dialog input[type="button"] {
  @apply bg-indigo-600 text-white;
}

.dark trix-toolbar .trix-dialog .trix-button__text,
.dark trix-toolbar .trix-dialog button .trix-button__text {
  display: inline !important;
  visibility: visible !important;
  font-size: 0.875rem !important;
  width: auto !important;
  height: auto !important;
  color: white !important;
  clip-path: none !important;
  position: static !important;
}

/* ActionText content display in dark mode */
.dark .trix-content {
  @apply text-gray-300;
}

.dark .trix-content h1,
.dark .trix-content h2,
.dark .trix-content h3,
.dark .trix-content h4,
.dark .trix-content h5,
.dark .trix-content h6 {
  @apply text-gray-100;
}

.dark .trix-content p,
.dark .trix-content div,
.dark .trix-content span {
  @apply text-gray-300;
}

.dark .trix-content strong {
  @apply text-gray-200;
}

.dark .trix-content a {
  @apply text-indigo-400;
}

.dark .trix-content blockquote {
  @apply border-gray-600 text-gray-400;
}

.dark .trix-content pre {
  @apply bg-gray-900 text-gray-100;
}

.dark .trix-content ul li,
.dark .trix-content ol li {
  @apply text-gray-300;
}