/* Photo replies and pagination; existing comment and advertising layout stays owned by the theme. */
.img-comments-box .img-comment-replying {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .25rem .7rem;
  padding: .35rem .6rem;
  border-inline-start: 3px solid var(--accent, #1d4ed8);
  background: var(--sau-surface-soft, #f3f5f8);
  color: var(--text, #243247);
  font-size: .82rem;
  line-height: 1.4;
}
.img-comments-box .img-comment-replying[hidden],
.img-comments-box .img-comment-form[hidden],
.img-comments-box .img-comment-identity[hidden],
.img-comments-box .img-comment-identity-toggle[hidden],
.img-comments-box .img-comment-limit[hidden],
.img-comments-box .img-comments-more[hidden],
.img-comments-box .img-comments-retry[hidden] { display: none; }
.img-comments-box .img-comment-replying__label { overflow-wrap: anywhere; }
.img-comments-box .img-comment-reply,
.img-comments-box .img-comment-reply-cancel,
.img-comments-box .img-comments-more,
.img-comments-box .img-comments-retry {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .35rem .7rem;
  border: 1px solid var(--line, #ccd7e8);
  border-radius: 999px;
  background: var(--card, #fff);
  color: var(--text, #243247);
  font: inherit;
  font-size: .8rem;
  line-height: 1.3;
  cursor: pointer;
}
.img-comments-box .img-comment-reply-cancel { border-color: transparent; background: transparent; }
.img-comments-box .img-comment-item__actions { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; }
.img-comments-box .img-comment-parent {
  margin-bottom: .2rem;
  color: var(--muted, #5d6b84);
  font-size: .75rem;
}
.img-comments-box .img-comment-limit {
  text-align: end;
  font-size: .73rem;
  color: var(--muted, #5d6b84);
}
.img-comments-box .img-comments-more,
.img-comments-box .img-comments-retry { margin-top: .65rem; }
.img-comments-box .img-comment-reply:focus-visible,
.img-comments-box .img-comment-reply-cancel:focus-visible,
.img-comments-box .img-comments-more:focus-visible,
.img-comments-box .img-comments-retry:focus-visible,
.img-comments-box .img-comment-item[tabindex="-1"]:focus-visible {
  outline: 3px solid var(--accent, #1d4ed8);
  outline-offset: 3px;
}
.img-comments-box button[aria-busy="true"] { cursor: wait; }
html[data-sau-theme="dark"] .img-comments-box .img-comment-replying {
  background: var(--sau-mode-surface-soft, #252a31);
  color: var(--sau-mode-text, #f1f3f5);
}
html[data-sau-theme="dark"] .img-comments-box .img-comment-reply,
html[data-sau-theme="dark"] .img-comments-box .img-comment-reply-cancel,
html[data-sau-theme="dark"] .img-comments-box .img-comments-more,
html[data-sau-theme="dark"] .img-comments-box .img-comments-retry {
  border-color: var(--sau-mode-line, #4b5563);
  background: var(--sau-mode-surface, #20262e);
  color: var(--sau-mode-text, #f1f3f5);
}
html[data-sau-theme="dark"] .img-comments-box .img-comment-parent,
html[data-sau-theme="dark"] .img-comments-box .img-comment-limit { color: var(--sau-mode-muted, #b9c2cf); }