/**
 * 社区壳 · topic（帖楼顶栏/卡片/上下主题）
 */

/* —— 话题顶栏 —— */
#wpforo #wpforo-wrap .mytheme-wpf-topic-head,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border: none !important;
  border-bottom: 1px solid var(--myt-wpf-color-line-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* 压过 align.css 对 #wpforo-title 的全局 display:none（同为 3 个 ID，靠后加载） */
#wpforo #wpforo-wrap h1#wpforo-title.mytheme-wpf-topic-title,
#wpforo #wpforo-wrap .mytheme-wpf-topic-title,
#wpforo #wpforo-wrap h1.mytheme-wpf-topic-title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--myt-wpf-color-ink) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-forum-desc {
  margin-top: 6px;
  color: var(--myt-wpf-color-ink-secondary);
  font-size: 14px;
  line-height: 1.5;
}
#wpforo #wpforo-wrap .mytheme-wpf-forum-head .wpf-feed,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head__links .wpf-button-outlined {
  display: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-forum-head .wpf-add-topic,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head a.wpf-button,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head .wpf-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 18px !important;
  border: none !important;
  border-radius: 9999px !important;
  background: var(--myt-wpf-color-primary) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-forum-head .wpf-add-topic:hover,
#wpforo #wpforo-wrap .mytheme-wpf-forum-head a.wpf-button:hover {
  background: var(--myt-wpf-color-primary-hover) !important;
  color: #ffffff !important;
}

/* 版块页原生 topic_form：收成接近广场 composer。
   广场 .mytheme-wpf-composer 里若再套这层边框会变成「框中框」，下面单独清掉。 */
#wpforo #wpforo-wrap .wpf-topic-create,
#wpforo #wpforo-wrap .wpforo-post-create.wpf-topic-create {
  margin: 0 0 16px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--myt-wpf-color-line) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-composer .wpf-topic-create,
#wpforo #wpforo-wrap .mytheme-wpf-composer .wpf-form-wrapper.wpf-topic-create {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* —— 帖楼卡片（主帖 / 子回复） —— */
#wpforo #wpforo-wrap .mytheme-wpf-thread.wpforo-section {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__card {
  display: flex !important;
  gap: 12px;
  align-items: flex-start;
  margin: 0 !important;
  padding: 16px 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--myt-wpf-color-line-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post--child .mytheme-wpf-post__card {
  padding-left: 12px !important;
  margin-left: 20px !important;
  border-left: 2px solid var(--myt-wpf-color-surface-muted) !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__avatar {
  flex: none;
  width: 40px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__avatar img,
#wpforo #wpforo-wrap .mytheme-wpf-post__avatar .avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 9999px !important;
  object-fit: cover;
}
#wpforo #wpforo-wrap .mytheme-wpf-post--child .mytheme-wpf-post__avatar img {
  width: 36px !important;
  height: 36px !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__main {
  flex: 1;
  min-width: 0;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  margin: 0 0 8px;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
  line-height: 1.45;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__dot {
  color: var(--myt-wpf-color-ink-disabled);
}
#wpforo #wpforo-wrap .mytheme-wpf-post__starter {
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__online {
  display: inline-flex;
  margin-right: 2px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__content,
#wpforo #wpforo-wrap .mytheme-wpf-post__content .wpforo-post-content {
  color: var(--myt-wpf-color-ink);
  font-size: 16px;
  line-height: 1.6;
  word-break: break-word;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 10px 0;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__tree {
  margin: 0 0 8px;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__tree .wpf-reply-to a {
  color: var(--myt-wpf-color-ink-secondary) !important;
}

/* 动作条：赞 + 回复常驻；更多操作弱化 */
#wpforo #wpforo-wrap .mytheme-wpf-post__actions {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin-top: 10px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  min-height: 32px;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-reaction-wrap,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-reply,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-buttons {
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
  border: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-action,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpforo-reply,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-button-text {
  color: var(--myt-wpf-color-ink-secondary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpf-action:hover,
#wpforo #wpforo-wrap .mytheme-wpf-post__actions .wpforo-reply:hover {
  color: var(--myt-wpf-color-ink) !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__actions i {
  color: inherit !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__more {
  margin-left: auto !important;
  opacity: 0.55;
  transition: opacity 0.2s ease;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__card:hover .mytheme-wpf-post__more,
#wpforo #wpforo-wrap .mytheme-wpf-post__more:focus-within {
  opacity: 1;
}
#wpforo #wpforo-wrap .mytheme-wpf-post .wpforo-sbn-top,
#wpforo #wpforo-wrap .mytheme-wpf-post .wpforo-share-toggle,
#wpforo #wpforo-wrap .mytheme-wpf-post .wpf-post-btns {
  display: none !important;
}
#wpforo #wpforo-wrap .mytheme-wpf-post .wpforo-post-footer {
  margin-top: 4px;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
}
#wpforo #wpforo-wrap .mytheme-wpf-replies-sep {
  margin: 8px 0 4px !important;
  padding: 8px 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
  font-weight: 500;
}
#wpforo #wpforo-wrap .mytheme-wpf-replies-sep i {
  display: none;
}
#wpforo #wpforo-wrap .mytheme-wpf-post__tags {
  margin: 4px 0 0;
  padding: 0 0 8px 52px;
}
#wpforo #wpforo-wrap .mytheme-wpf-nest-bar {
  margin: 0 0 0 52px !important;
  padding: 8px 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
}

/* —— 上下主题 / 分页：文字链，禁灰满宽条 —— */
#wpforo #wpforo-wrap .wpf-navi-wrap,
#wpforo #wpforo-wrap .wpf-topic-prnx,
#wpforo #wpforo-wrap .wpf-navi-post-bottom,
#wpforo #wpforo-wrap .wpf-navi-post-top {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 12px 0 !important;
  padding: 8px 0 !important;
  border: none !important;
  background: transparent !important;
  min-height: 0 !important;
}
#wpforo #wpforo-wrap .wpf-topic-prev,
#wpforo #wpforo-wrap .wpf-topic-next,
#wpforo #wpforo-wrap .wpf-navi a {
  color: var(--myt-wpf-color-ink-secondary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
#wpforo #wpforo-wrap .wpf-topic-next {
  margin-left: auto;
}
#wpforo #wpforo-wrap .wpf-topic-prev:hover,
#wpforo #wpforo-wrap .wpf-topic-next:hover,
#wpforo #wpforo-wrap .wpf-navi a:hover {
  color: var(--myt-wpf-color-primary) !important;
}

/* —— Phase D：操作钮藏图标 / 签名 / 审核提示 —— */
#wpforo #wpforo-wrap .mytheme-wpf-post .wpf-action i,
#wpforo #wpforo-wrap .mytheme-wpf-post .wpf-post-btns i {
  display: none !important;
}
#wpforo #wpforo-wrap .wpforo-post-signature {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--myt-wpf-color-border-soft, rgba(0, 0, 0, 0.06));
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
  line-height: 1.5;
}
#wpforo #wpforo-wrap .wpf-mod-message {
  color: var(--myt-wpf-color-ink-tertiary);
  font-size: 13px;
  line-height: 1.5;
}