/* Comments Section Styles */
.comments-section {
  @apply space-y-4;
}

.comment {
  @apply bg-gray-50 rounded-lg p-4;
}

.comment.ml-8 {
  @apply bg-white;
}

.comment-content {
  @apply text-gray-700;
}

.comment-content p {
  @apply mb-2;
}

.comment-content ul,
.comment-content ol {
  @apply ml-6 mb-2;
}

.comment-content li {
  @apply mb-1;
}

.comment-content blockquote {
  @apply border-l-4 border-gray-300 pl-4 italic text-gray-600;
}

/* Trix Editor Customization for Comments */
.comments-section trix-editor {
  @apply min-h-[100px] max-h-[400px] overflow-y-auto;
  @apply border rounded-md px-3 py-2;
  @apply focus:ring-2 focus:ring-blue-500 focus:border-blue-500;
}

.comments-section trix-toolbar {
  @apply sticky top-0 bg-white z-10 border-b;
}

/* Reply form animation */
turbo-frame[id*="reply_form"] {
  @apply transition-all duration-200 ease-in-out;
}