/* Benty forum comments UX hotfix (2026-09-03)
 * Keep reply content readable on narrow screens and with long/newline-heavy text.
 */
.forum-reply-identity,
.forum-reply-identity > div,
.forum-reply-children {
  min-width: 0;
}

.forum-reply-identity p:first-child {
  min-width: 0;
  flex-wrap: wrap;
  row-gap: 2px;
}

.forum-reply-identity .forum-author-name,
.forum-reply-role,
.forum-reply-identity time {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.forum-reply-identity time {
  white-space: nowrap;
}

.forum-reply-body {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 1.45;
}

/* A single attachment should remain fully visible instead of being cropped
 * by the 4:3 preview frame. Gallery tiles keep their existing cover crop. */
.forum-reply-media--single .forum-reply-media-open > img:first-child {
  object-fit: contain;
  background: #090c11;
}

html:not(.benty-native) .forum-reply-body {
  line-height: 1.45;
}

/* The reply-thread toggle should align with the text column (avatar + gap),
 * rather than starting far to the right on desktop and mobile. */
html:not(.benty-native) .forum-reply-thread-toggle,
.benty-native .forum-reply-thread-toggle {
  margin-left: 49px;
}

@media (width <= 720px) {
  html:not(.benty-native) .forum-reply-thread-toggle,
  .benty-native .forum-reply-thread-toggle {
    margin-left: 42px;
  }

  .forum-reply-identity p:first-child {
    align-items: flex-start;
  }

  html:not(.benty-native) .forum-replies .forum-reply-actions,
  .benty-native .forum-replies .forum-reply-actions {
    height: auto;
    min-height: 28px;
    padding-top: 8px;
  }

  html:not(.benty-native) .forum-replies .forum-reply-actions button,
  .benty-native .forum-replies .forum-reply-actions button {
    height: auto;
    min-height: 28px;
  }
}