/* RG Comments UI 0.4.2 — structural preview (layout 2; placeholder compatibility).
   Intentionally scoped to active-layout body class. All native actions remain. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 {
  --rgc-ink:#291d34;
  --rgc-muted:#806e8b;
  --rgc-plum:#85469e;
  --rgc-bright:#a344b9;
  --rgc-border:#e7d7ed;
  --rgc-bg:#fff;
  --rgc-pale:#faf5fc;
  --rgc-pale2:#f5e9f8;
  --rgc-glow:rgba(98,54,122,.11);
  color:var(--rgc-ink);
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list {
  width:100%; min-width:0; margin:12px 0 0; padding:0;
  border:0; background:transparent; box-shadow:none; overflow:visible;
}
/* Do not keep wpDiscuz inherited margins, pseudo ribbons and colored shells. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment {
  min-width:0; max-width:100%; box-sizing:border-box;
  margin:0 0 18px; padding:0; border:0; background:transparent;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment > .wpd-comment-wrap {
  box-sizing:border-box; display:block; margin:0; padding:0;
  border:0; background:transparent; box-shadow:none; min-width:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment > .wpd-comment-wrap > .wpd-comment-right.rgc-comment-card {
  display:block; width:100%; min-width:0; max-width:100%;
  margin:0; padding:0; box-sizing:border-box;
  border:1px solid var(--rgc-border); border-radius:19px;
  background:var(--rgc-bg); overflow:visible;
  box-shadow:0 7px 26px rgba(71,36,93,.075);
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__head {
  position:relative; padding:15px 17px 13px;
  background:linear-gradient(105deg,#f7eff9 0%,#fbf7fc 62%,#fff 100%);
  border-radius:18px 18px 0 0;
  border-bottom:1px solid #eee1f2;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__head::before {
  content:""; position:absolute; left:0; top:16px; bottom:16px;
  width:3px; border-radius:0 3px 3px 0; background:#ac73c5;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__body {
  padding:16px 19px 14px; min-width:0; overflow-wrap:anywhere;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__tail {
  padding:10px 15px 12px; background:#fcf9fd;
  border-top:1px solid #f0e5f3; border-radius:0 0 18px 18px;
}
/* First row: a large avatar, clear author block, discreet permalink. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .rgc-comment-header {
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:8px; min-width:0; padding:0; margin:0; border:0;
  background:transparent;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity {
  display:grid; grid-template-columns:52px minmax(0,1fr);
  gap:12px; align-items:center; width:100%; min-width:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity > .wpd-avatar {
  display:block; float:none; width:52px; min-width:0; max-width:52px;
  margin:0; padding:0; align-self:start;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity > .wpd-avatar img,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity > .wpd-avatar img.avatar {
  display:block; width:52px; height:52px; max-width:52px;
  margin:0; padding:0; border-radius:13px; object-fit:cover;
  box-shadow:0 2px 8px rgba(82,36,99,.10); border:2px solid #fff;
  box-sizing:border-box;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity > .wpd-user-info {
  display:flex; flex-direction:column; justify-content:center;
  float:none; width:auto; min-width:0; max-width:100%; flex:0 1 auto;
  margin:0; padding:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top {
  display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start;
  gap:5px 8px; width:100%; min-width:0; margin:0; padding:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top > .wpd-space {display:none;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top .wpd-comment-author,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top .wpd-comment-author a {
  font-size:16px; font-weight:750; line-height:1.4; margin:0;
  max-width:100%; color:#392043; overflow-wrap:anywhere;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top .wpd-comment-label {
  display:inline-flex; align-items:center; width:auto; max-width:100%;
  margin:0; padding:3px 9px; border-radius:999px; font-size:11px; line-height:1.25;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top .wpd-comment-share {
  display:inline-flex; align-items:center; margin:0; padding:0 4px; min-height:27px;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta {
  display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start;
  gap:3px 12px; margin:5px 0 0; padding:0; width:100%; min-width:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta :is(.wpd-comment-date,.wpd-reply-to,.wpd-reply-to a,.wpd-follow-link) {
  font-size:12px; line-height:1.5; color:var(--rgc-muted); margin:0; padding:0;
  white-space:normal;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta .wpd-reply-to a {color:var(--rgc-plum);font-weight:650;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__tools {
  display:flex; align-items:center; justify-content:center;
  flex:0 0 32px; min-width:32px; min-height:32px;
  border-radius:9px; background:rgba(147,87,166,.055);
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__tools .wpd-comment-link {
  display:flex; align-items:center; justify-content:center;
  width:32px; min-width:32px; min-height:32px;
  margin:0; padding:0; float:none; opacity:.74;
}
/* Contents, including inline feedback and edit forms, remain native. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__body .wpd-comment-text {
  margin:0; padding:0; width:100%; max-width:100%;
  color:var(--rgc-ink); font-size:15px; line-height:1.68;
  overflow-wrap:anywhere;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__body .wpd-comment-text :is(p,li) {line-height:1.68;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__body :is(img,video,iframe) {max-width:100%;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__body .wpd-comment-last-edited {
  display:block; margin:10px 0 0; font-size:12px; line-height:1.5; color:var(--rgc-muted);
}
/* Actions have their own pale panel instead of wpDiscuz's floating icons. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions {
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;
  gap:8px; min-height:40px; padding:0; margin:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__primary,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__secondary {
  display:flex; flex-wrap:wrap; align-items:center; gap:5px;
  min-width:0; margin:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions .wpd-vote {
  display:inline-flex; align-items:center; flex-wrap:nowrap; gap:3px;
  min-height:40px; margin:0 6px 0 0; padding:0; border:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions :is(.wpd-vote-up,.wpd-vote-down) {
  box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; height:38px; margin:0; padding:8px;
  background:#f2e8f5; border:1px solid #e9dbed; border-radius:10px;
  color:var(--rgc-plum); cursor:pointer;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions .wpd-vote-result {
  display:inline-flex; align-items:center; font-size:13px; font-weight:700;
  min-height:38px; padding:0 7px; margin:0; color:#725d7f;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions .wpd-reply-button {
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-height:39px; box-sizing:border-box;
  margin:0; padding:8px 13px; border-radius:10px;
  font-size:13px; line-height:1.3; font-weight:700;
  background:#ead8f1; color:#7e3999; cursor:pointer;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions :is(.wpd-tools,.wpd-toggle) {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:39px; min-height:39px; box-sizing:border-box;
  padding:8px; margin:0; background:#f5eff7; border-radius:10px;
  cursor:pointer;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions :is(.wpd-vote-up,.wpd-vote-down,.wpd-reply-button,.wpd-tools,.wpd-toggle):hover {
  background:#e5cfed; color:#6b2c8a;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 :is(.wpd-vote-up,.wpd-vote-down,.wpd-reply-button,.wpd-tools,.wpd-toggle,.wpd-comment-link):focus-visible {
  outline:2px solid var(--rgc-plum); outline-offset:2px;
}
/* Nested replies: compact tinted cards and one thin guide, no endless lavender boxes. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment.wpd-reply {
  margin:12px 0 12px 18px; padding:0 0 0 12px; border-left:2px solid #c99cdb;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment.wpd-reply > .wpd-comment-wrap > .wpd-comment-right.rgc-comment-card {
  border-color:#e9d7ef; border-radius:14px; box-shadow:none; background:#fff;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply > .wpd-comment-wrap .rgc-comment-card__head {
  padding:11px 13px 9px; background:#fbf7fc; border-radius:13px 13px 0 0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply > .wpd-comment-wrap .rgc-comment-card__head::before {
  top:12px; bottom:12px; width:2px;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply > .wpd-comment-wrap .rgc-comment-card__body {padding:11px 14px;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply > .wpd-comment-wrap .rgc-comment-card__tail {
  padding:8px 10px; border-radius:0 0 13px 13px;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity {grid-template-columns:40px minmax(0,1fr);gap:9px;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity > .wpd-avatar {width:40px;max-width:40px;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity > .wpd-avatar img {width:40px;height:40px;max-width:40px;border-radius:11px;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-identity__top .wpd-comment-author,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-identity__top .wpd-comment-author a {font-size:14px;}
/* Existing RG Personal rank output; no duplicate badge hooks. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgp-public-rank--comment .rgp-public-rank__trigger {
  box-sizing:border-box; min-height:25px; font-size:12px; line-height:1.25;
  padding:4px 8px; border-radius:999px;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-head .wpd-thread-info {
  font-size:17px; font-weight:800; line-height:1.5; color:#34203c;
}
/* Full-width mobile layout; flatten deep visual nesting, not actual WP tree. */
@media (max-width:640px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment {margin-bottom:13px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment > .wpd-comment-wrap > .wpd-comment-right.rgc-comment-card {border-radius:15px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__head {padding:12px 10px 10px;border-radius:14px 14px 0 0;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__body {padding:13px 13px 12px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-card__tail {padding:8px 9px 10px; border-radius:0 0 14px 14px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity {grid-template-columns:42px minmax(0,1fr);gap:9px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity > .wpd-avatar {width:42px; max-width:42px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity > .wpd-avatar img {width:42px;height:42px;max-width:42px;border-radius:10px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top .wpd-comment-author,
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top .wpd-comment-author a {font-size:14px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta {gap:2px 7px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta :is(.wpd-comment-date,.wpd-reply-to,.wpd-reply-to a) {font-size:12px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__tools {flex-basis:26px;min-width:26px;min-height:30px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__tools .wpd-comment-link {width:26px;min-width:26px;min-height:30px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions {gap:5px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__primary,
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__secondary {gap:4px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions :is(.wpd-vote-up,.wpd-vote-down) {min-width:36px;height:36px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions .wpd-vote-result {min-height:36px;padding:0 3px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions .wpd-reply-button {min-height:36px;padding:6px 8px;font-size:12px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions :is(.wpd-tools,.wpd-toggle) {min-width:36px;min-height:36px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment.wpd-reply {margin-left:5px;padding-left:7px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment.wpd-reply:is(.wpd_comment_level-3,.wpd_comment_level-4,.wpd_comment_level-5,.wpd_comment_level-6,.wpd_comment_level-7,.wpd_comment_level-8,.wpd_comment_level-9,.wpd_comment_level-10) {margin-left:0;padding-left:5px;border-left-color:#eaddec;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity {grid-template-columns:36px minmax(0,1fr);gap:7px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity > .wpd-avatar {width:36px;max-width:36px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity > .wpd-avatar img {width:36px;height:36px;max-width:36px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply > .wpd-comment-wrap .rgc-comment-card__head {padding:10px 8px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply > .wpd-comment-wrap .rgc-comment-card__body {padding:11px;}
}
@media (max-width:360px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity {grid-template-columns:38px minmax(0,1fr);gap:7px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity > .wpd-avatar {width:38px;max-width:38px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity > .wpd-avatar img {width:38px;height:38px;max-width:38px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__secondary {margin-left:auto;}
}
@media (prefers-reduced-motion:reduce) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 *,body.rg-comments-ui-active #wpdcom.wpd-layout-2 *::before {transition:none!important;animation:none!important;}
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__tools:empty { display:none; }
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__identity:not(:has(> .wpd-avatar)) {grid-template-columns:minmax(0,1fr);}

/* 0.4.1 — Explicitly neutralize wpDiscuz's legacy mobile Layout 2 negative margins.
   Preserve DOM and action selectors; prevent blank pseudo-buttons from occupying a row. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-header__identity > .wpd-user-info {
  display:flex; flex-direction:column; justify-content:center;
  flex:1 1 auto; width:auto; min-width:0; max-width:100%;
  margin:0; padding:0; float:none; flex-wrap:nowrap;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-header__identity > .wpd-avatar {
  float:none; flex:0 0 auto; margin:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-identity__top {
  display:flex; flex-wrap:wrap!important; align-items:center;
  justify-content:flex-start; gap:5px 7px; margin:0; min-width:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-identity__meta {
  display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px;
  min-width:0; margin:5px 0 0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-header__tools {
  position:static; display:flex; flex:0 0 auto;
  align-items:flex-start; width:auto; min-width:0; min-height:0;
  padding:0; margin:0; background:none; border:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-header__tools .wpd-comment-link {
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  width:32px; min-width:32px; min-height:32px;
  margin:0; padding:0; float:none; text-align:center;
  opacity:1; visibility:visible; background:none; border:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-header__tools:empty,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-header__tools:has(> .wpd-comment-link:empty) {
  display:none;
}
/* Do not paint an empty follow control as a blank square. If a control exists, preserve its click area. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta .wpd-follow-link {
  display:inline-flex; align-items:center; justify-content:center;
  margin:0; padding:0; min-height:0; width:auto; background:none;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta .wpd-follow-link:empty { display:none; }
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta .wpd-follow-link svg,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-header__tools .wpd-comment-link svg {
  display:inline-block; width:16px; height:16px; max-width:100%;
}
/* Keep all action buttons operable, but do not force separated boxes for absent icons. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__secondary {flex-wrap:nowrap;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__primary {flex-wrap:wrap;}
@media(max-width:640px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-header__identity > .wpd-user-info {
    width:auto; margin:0; margin-top:0; margin-left:0; float:none; flex-direction:column;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header .rgc-comment-header__tools .wpd-comment-link {
    display:inline-flex; flex-basis:auto; margin:0; padding:0; width:28px; min-width:28px; min-height:28px;
    align-items:center; justify-content:center;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions {
    display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start; gap:6px;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__secondary {margin-left:auto;}
  /* wpDiscuz preserves the true WP tree; we flatten its visual indentation on phones. */
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment.wpd-reply {
    margin-left:0; padding-left:3px; border-left:2px solid #d9bee4;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment.wpd-reply:is(.wpd_comment_level-3,.wpd_comment_level-4,.wpd_comment_level-5,.wpd_comment_level-6,.wpd_comment_level-7,.wpd_comment_level-8,.wpd_comment_level-9,.wpd_comment_level-10) {
    margin-left:0; padding-left:3px;
  }
}
@media(max-width:360px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__primary {max-width:100%;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-actions__secondary {margin-left:auto;}
}
/* Header must remain a single flex row: stock wpDiscuz sets flex-wrap:wrap,
   which pushed the permalink icon onto a blank-looking second row. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment .wpd-comment-header.rgc-comment-header {
  display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment .rgc-comment-header__identity {
  display:grid; flex:1 1 auto; width:auto; min-width:0;
}

/* 0.4.2 — remove legacy Bricks rg-community CSS wrapper styling while previewing.
   This intentionally beats .rg-community__comments #wpdcom { padding: 22px !important; }. */
body.rg-comments-ui-active .rg-community__comments #wpdcom.wpd-layout-2 {
  padding:0 !important; margin:0 !important;
  border:0 !important; border-radius:0 !important;
  background:transparent !important; box-shadow:none !important;
}
body.rg-comments-ui-active .rg-community__comments #wpdcom.wpd-layout-2 .wpd-form-wrap {
  margin-bottom:12px !important;
}
body.rg-comments-ui-active .rg-community__comments #wpdcom.wpd-layout-2 .wpd-thread-head {
  margin-top:12px !important;
}
/* Universal avatars per viewport, regardless of comment depth; counter wpDiscuz L2 margins. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header__identity,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity {
  display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header__identity > .wpd-avatar,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity > .wpd-avatar {
  width:48px; min-width:48px; max-width:48px; margin:0; padding:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header__identity > .wpd-avatar img,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity > .wpd-avatar img {
  width:48px; height:48px; min-width:48px; max-width:48px;
  object-fit:cover; border-radius:12px; box-sizing:border-box;
}
/* wpDiscuz retains the reply target hyperlink. Replace the native double speech bubble
   with the arrow phrase provided by wpdiscuz_phrase. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta .wpd-reply-to > i {
  display:none;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__meta .wpd-reply-to {
  display:inline-flex; gap:4px; align-items:center;
}
/* Slightly clearer reply hierarchy; don't allow additive indentation to eat mobile width. */
@media(max-width:640px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header__identity,
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity {
    grid-template-columns:44px minmax(0,1fr); gap:10px;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header__identity > .wpd-avatar,
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity > .wpd-avatar {
    width:44px; min-width:44px; max-width:44px;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header__identity > .wpd-avatar img,
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity > .wpd-avatar img {
    width:44px; height:44px; min-width:44px; max-width:44px; border-radius:11px;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment.wpd-reply {
    margin-left:10px; padding-left:8px; border-left:2px solid #ba83d1;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list .wpd-comment.wpd-reply:is(.wpd_comment_level-3,.wpd_comment_level-4,.wpd_comment_level-5,.wpd_comment_level-6,.wpd_comment_level-7,.wpd_comment_level-8,.wpd_comment_level-9,.wpd_comment_level-10) {
    margin-left:0; padding-left:6px; border-left-color:#d2ace3;
  }
  body.rg-comments-ui-active .rg-community__comments #wpdcom.wpd-layout-2 {padding:0 !important;}
}
@media(max-width:360px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment .rgc-comment-header__identity,
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .rgc-comment-header__identity {
    grid-template-columns:44px minmax(0,1fr); gap:10px;
  }
}

/* ================================================================
   0.4.3 — Public-profile links, date alignment, and accessible mobile
   rank names. RG Personal still owns and renders the existing rank.
   Layout 2 and administrator preview only.
   ================================================================ */

/* Only linked names look interactive; plain guest names remain plain text. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list
.rgc-comment-identity__top .wpd-comment-author a[href] {
  color:#8d49a8 !important;
  text-decoration:none !important;
  text-decoration-color:currentColor !important;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  cursor:pointer;
  transition:color .16s ease, text-decoration-color .16s ease;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list
.rgc-comment-identity__top .wpd-comment-author a[href]:is(:hover,:focus-visible) {
  color:#6f278e !important;
  text-decoration:underline !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list
.rgc-comment-identity__top .wpd-comment-author a[href]:focus-visible {
  outline:2px solid #9e67b7; outline-offset:3px; border-radius:2px;
}
/* Align meta line with the first letter of the name (not with the clock icon).
   The relative timestamp remains native wpDiscuz text; grammar fix stays in place. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list
.rgc-comment-header__identity > .wpd-user-info .rgc-comment-identity__meta {
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  align-content:flex-start;
  margin:5px 0 0 !important;
  padding:0 !important;
  text-align:left !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list
.rgc-comment-identity__meta > .wpd-comment-date {
  display:inline-flex; align-items:center; margin:0 !important;
  padding:0 !important; text-indent:0 !important;
  text-align:left !important; float:none !important;
}
/* Native date.html uses <i class="far fa-clock">: remove only this icon. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list
.rgc-comment-identity__meta > .wpd-comment-date > .fa-clock {
  display:none !important;
}

@media (max-width:640px) {
  /* Links are discoverable even without hover on touch devices. */
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-thread-list
  .rgc-comment-identity__top .wpd-comment-author a[href] {
    text-decoration:underline !important;
    text-decoration-color:rgba(141,73,168,.45) !important;
  }
  /* The old absolutely positioned RG Personal tooltip is not suitable for touch.
     JavaScript shows a separate, in-flow disclosure in the existing name row. */
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top
  .rgp-public-rank--comment .rgp-public-rank__tooltip,
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top
  .rgp-public-rank--comment:is(:hover,:focus-within) .rgp-public-rank__tooltip {
    display:none !important; visibility:hidden !important;
    opacity:0 !important;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top
  > .rgc-rank-expanded {
    display:flex; align-items:center; flex:0 0 100%;
    width:100%; min-width:0; margin:5px 0 2px; padding:7px 10px;
    box-sizing:border-box; border:1px solid #e5cceb;
    border-radius:9px; background:#f5e9f8; color:#6f387f;
    font-size:12px; font-weight:700; line-height:1.5;
    overflow-wrap:anywhere; white-space:normal;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top
  > .rgc-rank-expanded::before {
    content:'✦'; color:#a36bbc; margin-right:7px; flex:none;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgp-public-rank--comment.rgc-rank-open
  .rgp-public-rank__trigger {
    border-color:#b77acb; background:#edddf5; color:#793d91;
  }
}


/* ================================================================
   RG Comments UI 0.4.5 – Native wpDiscuz form in RG design.
   Visual only: do not alter field names, validation, submit, or Quill.
   ================================================================ */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrap {
  box-sizing:border-box;
  width:100%; max-width:100%; min-width:0;
  margin:0 0 18px !important;
  padding:16px 18px 18px !important;
  border:1px solid #e9d9ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 5px 24px rgba(77,42,96,.055);
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px;
  padding:0 0 12px; margin:0 0 12px;
  border-bottom:1px solid #eee3f1;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .wpd-auth,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .wpd-login {
  min-width:0; max-width:100%; margin:0; padding:0;
  font-size:12px; color:#806b89; line-height:1.6;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .wpd-auth a {color:#8749a5;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 :is(.wpd-main-form-wrapper,.wpd-secondary-form-wrapper) {
  box-sizing:border-box; min-width:0; width:100%; max-width:100%;
  margin:0 !important; padding:0 !important; border:0; background:transparent;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper {
  margin:10px 0 14px !important; padding:12px !important;
  border:1px solid #ead8ee; border-radius:14px; background:#fff;
  box-shadow:0 2px 12px rgba(88,43,104,.045);
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 :is(.wpd-main-form-wrapper,.wpd-secondary-form-wrapper) > form {
  min-width:0; margin:0; padding:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading {
  display:flex; align-items:center; gap:10px;
  min-width:0; margin:0 0 12px; padding:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading__mark {
  display:flex; align-items:center; justify-content:center;
  flex:0 0 38px; width:38px; height:38px;
  border-radius:12px; background:#f2e3f7; color:#9956b2;
  font-size:19px; font-weight:700;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading__copy {
  display:flex; flex:1 1 auto; flex-direction:column; gap:3px;
  min-width:0; overflow-wrap:anywhere;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading__copy strong {
  font-size:15px; line-height:1.35; font-weight:750; color:#30203b;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading__subtitle {
  font-size:12px; line-height:1.45; color:#846f8e;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading--reply .rgc-compose-heading__mark {
  width:32px; height:32px; flex-basis:32px; border-radius:10px; font-size:17px;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading--reply .rgc-compose-heading__copy strong {font-size:14px;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 button.rgc-compose-cancel {
  flex:0 0 auto; align-self:center; border:0; background:transparent;
  padding:7px 2px; color:#9852ad; text-decoration:underline;
  font-size:12px; cursor:pointer;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 button.rgc-compose-cancel[hidden] {display:none !important;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-comment,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpdiscuz-item,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpdiscuz-textarea-wrap,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-textarea-wrap {
  box-sizing:border-box; min-width:0; max-width:100%;
}
/* Header contains author identity; free editor width by hiding its duplicate avatar only. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-comment .wpd-avatar {display:none !important;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpdiscuz-textarea-wrap,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-textarea-wrap {
  width:100% !important; margin:0 !important; padding:0 !important;
  float:none !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper :is(textarea.wc_comment,.ql-container,.ql-editor) {
  box-sizing:border-box; width:100%; max-width:100%; min-width:0;
  font-size:15px; line-height:1.65; color:#30213a;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper textarea.wc_comment,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .ql-container {
  min-height:108px; border:1px solid #e4cfec !important;
  border-radius:12px !important; background:#fff !important;
  box-shadow:none !important; outline:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper textarea.wc_comment {
  padding:12px 14px !important; resize:vertical;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper :is(textarea.wc_comment,.ql-container):focus-within {
  border-color:#a954bd !important;
  box-shadow:0 0 0 3px rgba(166,90,190,.10) !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper textarea.wc_comment,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper .ql-container {min-height:84px;}
/* Main form is always expanded, using native controls. Hidden secondary wrappers stay hidden. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-form-foot {
  display:block !important;
  width:100%; min-width:0; margin:10px 0 0 !important; padding:0 !important;
  clear:both;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpdiscuz-textarea-foot {
  box-sizing:border-box; width:100%; display:flex; flex-wrap:wrap;
  align-items:center; justify-content:space-between; gap:8px;
  margin:6px 0 12px !important; padding:8px 0 0 !important;
  border-top:1px solid #eee4f2; background:transparent;
}
/* Preserve buttons and uploader widgets from core/addons, with wrapping. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpdiscuz-button-actions,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-editor-buttons-right,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper [id^="wpd-editor-toolbar-"] {
  max-width:100%; min-width:0; box-sizing:border-box; flex-wrap:wrap;
}
/* Native form rows may be 2-column. On this design, agreement and submit must never collide. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-form-foot .wpd-form-row {
  display:flex !important; flex-direction:column !important; gap:10px !important;
  width:100% !important; min-width:0; max-width:100%;
  margin:0 !important; padding:0 !important; clear:both !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-form-foot :is(.wpd-form-col-left,.wpd-form-col-right,.wpd-form-col-full) {
  display:block !important; float:none !important; clear:both !important;
  width:100% !important; max-width:100% !important; min-width:0 !important;
  margin:0 !important; padding:0 !important; box-sizing:border-box !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-form-foot .wpd-field-group,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-form-foot .wpd-field-agreement {
  box-sizing:border-box; float:none !important; clear:both !important;
  width:100% !important; max-width:100%; min-width:0;
  margin:0 0 10px !important; padding:0 !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-field-group-title,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-item {
  display:flex !important; align-items:flex-start; gap:9px;
  width:100%; max-width:100%; min-width:0; margin:0 !important; padding:0 !important;
  float:none !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement input[type="checkbox"] {
  flex:0 0 auto; position:static !important; float:none !important;
  display:block; width:17px; height:17px; margin:3px 0 0 !important;
  padding:0; accent-color:#a352ba;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement label.wpd-field-label {
  display:block !important; flex:1 1 auto; width:auto !important;
  min-width:0; max-width:100%; margin:0 !important; padding:0 !important;
  font-size:13px !important; line-height:1.55 !important;
  font-weight:400 !important; overflow-wrap:anywhere; white-space:normal !important;
  text-align:left; float:none !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-field-desc {
  width:100%; clear:both; margin:6px 0 0 26px !important; max-width:calc(100% - 26px);
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit {
  box-sizing:border-box; display:flex !important; flex-wrap:wrap;
  justify-content:flex-end; align-items:center; gap:8px;
  float:none !important; clear:both !important;
  width:100% !important; max-width:100%; min-width:0;
  margin:4px 0 0 !important; padding:0 !important;
  text-align:right !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit input.wc_comm_submit {
  box-sizing:border-box; float:none !important; position:static !important;
  display:block; width:auto !important; min-width:185px;
  min-height:42px; max-width:100%; margin:0 !important;
  padding:10px 16px !important;
  border:0 !important; border-radius:11px !important;
  background:#a34bb5 !important; color:#fff !important;
  font-size:13px !important; font-weight:700 !important; line-height:1.4 !important;
  white-space:normal !important; text-align:center; cursor:pointer;
  box-shadow:0 4px 11px rgba(140,60,166,.14);
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit input.wc_comm_submit:is(:hover,:focus-visible) {
  background:#8b339f !important; outline:2px solid rgba(155,78,179,.28); outline-offset:2px;
}
/* Preserve native state: wpDiscuz owns disabled/loading/validation. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit input.wc_comm_submit:disabled {
  opacity:.60; cursor:not-allowed; box-shadow:none;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper .rgc-compose-heading {
  padding:0 0 10px; margin:0 0 12px; border-bottom:1px solid #eee0f1;
}
@media (max-width:640px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrap {
    padding:12px !important; border-radius:16px;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading {gap:9px;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading__mark {
    width:34px; height:34px; flex-basis:34px;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper {
    padding:10px !important; margin:10px 0 !important;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit input.wc_comm_submit {
    width:100% !important; min-width:0 !important; min-height:44px;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit {
    flex-direction:column; align-items:stretch; justify-content:stretch;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement label.wpd-field-label {font-size:13px !important;}
}
@media (max-width:360px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrap {padding:10px !important;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper {padding:9px !important;}
}


/* RG Comments UI 0.4.5 — stable editor sizing, clear form footer. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-main-form-wrapper textarea.wc_comment,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-main-form-wrapper .ql-container {
  min-height:116px !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper textarea.wc_comment,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper .ql-container {
  min-height:88px !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-form-foot .wpd-form-row {
  row-gap:12px !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement {
  margin-bottom:14px !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit {
  position:relative; display:flex !important; align-items:center;
  justify-content:flex-end; gap:12px; flex-wrap:wrap;
  margin-top:12px !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu {
  position:relative; flex:0 1 auto; margin-right:auto; max-width:100%;
  font-size:12px; color:#714781; z-index:5;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu > summary {
  cursor:pointer; padding:9px 11px; border:1px solid #e5d6eb;
  border-radius:10px; background:#faf5fc; font-weight:650; list-style:none;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu > summary::-webkit-details-marker {display:none;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu > summary::after {content:' ▾';}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu[open] > summary::after {content:' ▴';}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu__items {
  position:absolute; z-index:10; top:calc(100% + 5px); left:0;
  display:flex; flex-direction:column; gap:8px; min-width:210px; max-width:90vw;
  padding:10px; border:1px solid #e5d4ea; border-radius:12px;
  background:#fff; box-shadow:0 8px 22px rgba(50,30,59,.12);
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu__option {
  display:flex !important; flex-direction:row !important; align-items:center;
  gap:8px; width:100%; min-height:34px; cursor:pointer;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu__text {
  font-size:12px; line-height:1.4; color:#594263;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu__option .wpd_label__text {flex:none;}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading--reply .rgc-compose-heading__subtitle {
  font-size:13px; color:#9558ac; font-weight:600;
}
@media (max-width:640px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit {
    display:flex !important; flex-direction:column; align-items:stretch;
    gap:12px !important; margin-top:14px !important;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu {
    margin:0; align-self:flex-start;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-moderator-menu__items {
    position:static; width:100%; margin-top:6px; min-width:0; max-width:100%;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper .rgc-compose-heading {flex-wrap:wrap;}
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-secondary-form-wrapper .rgc-compose-cancel {
    margin-left:auto; min-height:32px;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement,
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit {clear:both !important;}
}


/* RG Comments UI 0.4.6: form bug fixes, independent of wpDiscuz internals. */
/* Keep recipient header to a single line; rank badges are not recipient text. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading--reply .rgc-compose-heading__copy {
  min-width:0;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-compose-heading--reply .rgc-compose-recipient {
  overflow-wrap:anywhere;
}
/* Native wpDiscuz sets height:25px on agreement group titles. This causes a
   wrapped link to overlap the next submit row on phones. Restore natural height. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-field-group-title,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-item,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement label.wpd-field-label {
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  box-sizing:border-box;
  border-left:0 !important;
  border-right:0 !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-field-group-title::before,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-field-group-title::after,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-item::before,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-item::after,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement label.wpd-field-label::before,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement label.wpd-field-label::after {
  content:none !important;
  border:0 !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement {
  margin:0 0 8px !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-item {
  display:flex !important;
  gap:10px !important;
  align-items:flex-start !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement label.wpd-field-label {
  line-height:1.55 !important;
  padding:0 !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit {
  margin-top:22px !important;
}
/* Remove inherited double focus outline but preserve a visible outer focus ring. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper textarea.wc_comment:focus,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .ql-editor:focus {
  outline:0 !important;
  box-shadow:none !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper textarea.wc_comment:focus {
  border-color:#a954bd !important;
  box-shadow:0 0 0 3px rgba(166,90,190,.10) !important;
}
@media (max-width:640px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wc-field-submit {
    margin-top:22px !important;
    padding-top:0 !important;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement label.wpd-field-label {
    max-width:100% !important;
  }
}


/* RG Comments UI 0.4.7 — remove only the optional agreement help box.
   Native wpDiscuz field description is absolutely positioned and its left
   border looks like a stray | next to the checkbox; it also creates an
   off-position hover tooltip. The consent checkbox and rules link stay live. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-field-desc {
  display:none !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement.wpd-has-desc .wpd-field-group-title,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement .wpd-field-group-title {
  padding-right:0 !important;
  border:0 !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement input.wpd-agreement-checkbox,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-wrapper .wpd-field-agreement label.wpd-field-label {
  border:0 !important;
}

/* RG Comments UI 0.4.8 — rank tooltip above badge on desktop and native
   wpDiscuz cancel button. Keep mobile rank in-flow disclosure as-is. */
@media (min-width: 641px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top
  .rgp-public-rank--comment .rgp-public-rank__tooltip {
    top:auto !important;
    bottom:calc(100% + 8px) !important;
    left:50% !important;
    right:auto !important;
    transform:translate(-50%, 3px) !important;
    text-align:center;
    z-index:1000 !important;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .rgc-comment-identity__top
  .rgp-public-rank--comment:is(:hover,:focus-within) .rgp-public-rank__tooltip {
    transform:translate(-50%, 0) !important;
  }
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2
button.rgc-compose-cancel.wpd-reply-button {
  display:inline-flex;
  float:none !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  min-height:32px;
  margin:0;
  background:transparent !important;
  box-shadow:none !important;
  color:#9852ad !important;
  text-decoration:underline;
  white-space:nowrap;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2
button.rgc-compose-cancel.wpd-reply-button[hidden] {display:none !important;}
/* wpDiscuz's reply-button glyph is not wanted on the textual Cancel control. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2
button.rgc-compose-cancel.wpd-reply-button::before,
body.rg-comments-ui-active #wpdcom.wpd-layout-2
button.rgc-compose-cancel.wpd-reply-button::after {content:none !important;display:none !important;}

/* 0.5.2: one text-flow line, with a stable icon column.
   The old two flex groups were reflowed independently by wpDiscuz/Bricks.
   Do not put the status and links in separate flex containers. */
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth {
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:16px minmax(0,1fr) !important;
  align-items:start !important;
  column-gap:8px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#806b89;
  font-size:12px;
  font-weight:400;
  line-height:20px !important;
  text-align:left;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__icon {
  box-sizing:border-box !important;
  grid-column:1;
  grid-row:1;
  display:block !important;
  width:16px !important;
  height:16px !important;
  max-width:none !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  color:#a578bd;
  flex:none !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__content {
  grid-column:2;
  grid-row:1;
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-size:12px !important;
  font-weight:400;
  line-height:20px !important;
  color:#806b89;
  white-space:normal !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__links {
  display:inline-block !important;
  margin:0 0 0 12px !important;
  padding:0 !important;
  white-space:nowrap !important;
  line-height:20px !important;
  vertical-align:baseline !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__links a {
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  color:#8749a5 !important;
  text-decoration:none;
  font-size:12px !important;
  font-weight:650;
  line-height:inherit !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__links a:hover,
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__links a:focus-visible {
  text-decoration:underline;
  text-underline-offset:3px;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__sep {
  display:inline !important;
  padding:0 !important;
  margin:0 4px !important;
  color:#a58aaf;
  line-height:inherit !important;
}
body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .wpd-login:empty {
  display:none !important;
}

/* Keep the approved single-line presentation at standard 360px phone widths.
   At 320px, allow the link pair to wrap together instead of crushing text. */
@media (min-width:340px) and (max-width:375px) {
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__content,
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__links a {
    font-size:11px !important;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__links {
    margin-left:8px !important;
  }
  body.rg-comments-ui-active #wpdcom.wpd-layout-2 .wpd-form-head .rgc-guest-auth__sep {
    margin-left:3px !important;
    margin-right:3px !important;
  }
}