/* Tailwind-friendly Trix editor customizations */

/* Trix Editor Border and Styling to match Tailwind forms */
trix-editor {
  @apply border-gray-300 rounded-md shadow-sm;
  @apply focus:border-blue-500 focus:ring-blue-500;
  min-height: 10rem;
}

/* Trix Toolbar styling */
trix-toolbar {
  @apply sticky top-0 z-10 bg-white border-b border-gray-200 mb-0;
}

trix-toolbar .trix-button-group {
  @apply border-gray-300 bg-white;
}

trix-toolbar .trix-button {
  @apply text-gray-700 hover:bg-gray-100;
}

trix-toolbar .trix-button.trix-active {
  @apply bg-blue-100 text-blue-700;
}

/* Dialog styling */
trix-toolbar .trix-dialog {
  @apply bg-white border border-gray-300 shadow-lg rounded-md;
}

trix-toolbar .trix-input--dialog {
  @apply border-gray-300 rounded-md shadow-sm focus:border-blue-500 focus:ring-blue-500;
}

/* Content styling */
.trix-content h1 {
  @apply text-2xl font-bold mb-4;
}

.trix-content blockquote {
  @apply border-l-4 border-gray-300 pl-4 my-4 text-gray-700;
}

.trix-content pre {
  @apply bg-gray-100 rounded-md p-4 my-4 overflow-x-auto;
}

.trix-content img {
  @apply rounded-md my-4;
}

.trix-content a {
  @apply text-blue-600 hover:text-blue-700 underline;
}