/* Minimal overrides; most styling should come from your People Admin theme.
 * These rules only aim to make native WP comments readable on the dark UI.
 */

.pa-forum-comments,
.pa-forum-comments * {
  box-sizing: border-box;
}

.pa-forum-comments .comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pa-forum-comments .comment-list > li.comment {
  padding: 14px 0;
  border-top: 1px solid #363639;
}

.pa-forum-comments .comment-author,
.pa-forum-comments .comment-metadata {
  color: #868689;
  font-size: 12px;
}

.pa-forum-comments .comment-content {
  margin-top: 8px;
  color: #e5e5e7;
}

.pa-forum-comments .comment-content a {
  color: #e5e5e7;
  text-decoration: underline;
}

.pa-forum-comments textarea,
.pa-forum-comments input[type="text"],
.pa-forum-comments input[type="email"],
.pa-forum-comments input[type="url"] {
  width: 100%;
  background: #1e1e20;
  border: 1px solid #363639;
  border-radius: 8px;
  padding: 10px 12px;
  color: #fff;
}

.pa-forum-comments .form-submit input[type="submit"] {
  background: #ba1654;
  border: 0;
  color: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  font-weight: 700;
  cursor: pointer;
}

.pa-forum-comments .form-submit input[type="submit"]:hover {
  opacity: 0.9;
}

/* Additional helpers for custom (non-WP-comments) rendering */
.pa-forum-prose img,
.pa-forum-prose video {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.pa-forum-editor .wp-editor-container {
  border: 1px solid #363639;
  border-radius: 8px;
  overflow: hidden;
}

.pa-forum-editor .mce-container,
.pa-forum-editor .mce-container * {
  box-sizing: border-box;
}


/* ---- Forum content media sizing ---- */
.pa-forum-content img,
.pa-forum-reply-body img,
.pa-quote-body img,
.pa-forum-topic-body img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px;
}

.pa-forum-media-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pa-forum-media-grid a,
.pa-forum-media-grid button {
  display: block;
}

.pa-forum-media-grid img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #363639;
}

/* Quote block */
.pa-quote {
  border-left: 3px solid #ba1654;
  background: #1e1e20;
  padding: 10px 12px;
  margin: 12px 0;
  border-radius: 10px;
}
.pa-quote-head {
  font-size: 12px;
  color: #bdbdc0;
  margin-bottom: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pa-quote-title-link {
  color: #ba1654;
  text-decoration: none;
  font-weight: 600;
}
.pa-quote-title-link:hover { text-decoration: underline; }
.pa-quote-body {
  font-size: 14px;
  color: #e5e5e7;
  line-height: 1.5;
}
/* =========================================================
   Member badge (avatar + name inline)
   ========================================================= */
.pa-member-badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  vertical-align: middle;
}

.pa-member-badge .pa-member-avatar{
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  flex: 0 0 24px !important;
  border-radius: 9999px !important;
  object-fit: cover !important;
  display: inline-block !important;
}

/* Override any global "all images are block/full width" theme rules */
.pa-forum-content .pa-member-avatar,
.pa-forum-reply-body .pa-member-avatar,
.pa-forum-topic-body .pa-member-avatar,
.pa-quote-head .pa-member-avatar{
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  display: inline-block !important;
}