/* ============================================================
   NOMADBOLD — bbPRESS FORUMS RESKIN (v20)
   Adds on top of v19: removes the thin white border that was outlining
   every topic/reply card (meta bar + content box together). Both were
   using "border: 0.5px solid var(--border)" -- var(--border) is a very
   translucent gold (rgba(201,168,76,0.18)), but at 0.5px width browsers
   render sub-pixel borders with heavy anti-aliasing, which washed the
   color out to a bright, flat white/gray line in practice. Simplest,
   most reliable fix: drop the border entirely on both pieces.
   ============================================================ */

/* ------------------------------------------------------------
   1. DASHBOARD-CHROME COMPATIBILITY RESET
   ------------------------------------------------------------ */
section.nb-generic-hero:has(+ section.nb-generic-content .db-wrap) {
  display: none !important;
}
.nb-generic-content:has(.db-wrap),
.nb-generic-content-inner:has(.db-wrap) {
  display: block !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

body.forum-archive section.nb-generic-hero,
body.bbpress section.nb-generic-hero,
body.single-forum section.nb-generic-hero,
body.single-topic section.nb-generic-hero {
  display: none !important;
}

.db-wrap .db-welcome { color: var(--gold-dim) !important; font-size: 15px !important; letter-spacing: 0.26em !important; text-transform: uppercase !important; margin-bottom: 6px !important; line-height: normal !important; }
.db-wrap .db-name { color: var(--white) !important; font-family: 'Bebas Neue', sans-serif !important; font-size: clamp(28px, 4vw, 48px) !important; letter-spacing: 0.04em !important; line-height: 1 !important; }
.db-wrap .db-section-sub { color: var(--gray) !important; font-size: 15px !important; line-height: normal !important; }
.db-wrap .db-card-desc, .db-wrap .db-affiliate-desc, .db-wrap .db-download-meta, .db-wrap .db-upgrade-text { color: var(--gray) !important; font-size: 15px !important; }
.db-wrap .db-nav-section { color: var(--gold-dim) !important; font-size: 9px !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; }
.db-wrap .db-nav-link { color: var(--gray-lt) !important; font-size: 15px !important; }
.db-wrap .db-nav-link.active { color: var(--gold) !important; }

.db-topbar-inner {
  padding-right: 36px !important;
  box-sizing: border-box !important;
}

/* ------------------------------------------------------------
   1d. WELCOME CARD (forum index only)
   ------------------------------------------------------------ */
.nb-forum-welcome {
  background: linear-gradient(135deg, rgba(201,168,76,0.1), rgba(201,168,76,0.03));
  border: 0.5px solid var(--gold-dim);
  border-radius: 10px;
  padding: 24px 28px;
  margin-bottom: 28px;
}
.nb-forum-welcome h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 24px;
  letter-spacing: 0.04em;
  color: var(--gold);
  margin: 0 0 10px;
}
.nb-forum-welcome p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--gray-lt);
  margin: 0;
  max-width: 780px;
}

/* ------------------------------------------------------------
   1e. CATEGORY HEADER BANNERS
   ------------------------------------------------------------ */
#bbpress-forums li.bbp-category-header {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 21px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--gold);
  background: linear-gradient(90deg, rgba(201,168,76,0.16), rgba(201,168,76,0.02));
  border: 0.5px solid var(--border);
  border-left: 4px solid var(--gold);
  border-radius: 6px;
  padding: 14px 18px;
  margin: 48px 0 14px;
  scroll-margin-top: 24px;
}
#bbpress-forums li.bbp-category-header::before {
  content: "\1F4C1";
  font-size: 17px;
}
#bbpress-forums li.bbp-category-header:first-child {
  margin-top: 0;
}
#bbpress-forums li.bbp-body > ul:has(> li.bbp-category-header) {
  margin-top: 48px !important;
}
#bbpress-forums li.bbp-body > ul:first-child:has(> li.bbp-category-header) {
  margin-top: 0 !important;
}

/* ------------------------------------------------------------
   2. BASE
   ------------------------------------------------------------ */
#bbpress-forums,
#bbpress-forums.bbpress-wrapper {
  background: transparent;
  color: var(--white);
  font-family: 'Jost', sans-serif;
}

#bbpress-forums .bp-pagination.top .pag-data,
#bbpress-forums .bbp-pagination-count {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--gold-dim); margin-bottom: 18px; padding-bottom: 12px;
  border-bottom: 0.5px solid var(--border); width: 100%;
}

#bbpress-forums .bbp-breadcrumb {
  font-size: 14px; color: var(--gray); margin-bottom: 20px; letter-spacing: 0.02em;
}
#bbpress-forums .bbp-breadcrumb a { color: var(--gold-dim); text-decoration: none; }
#bbpress-forums .bbp-breadcrumb a:hover { color: var(--gold); }
#bbpress-forums .bbp-breadcrumb-current { color: var(--gray-lt); }

/* ------------------------------------------------------------
   1f. HIDE BREADCRUMB + SUBSCRIBE-AT-TOP
   ------------------------------------------------------------ */
#bbpress-forums > .bbp-breadcrumb,
#bbpress-forums .bbp-forum-content-wrap + .bbp-breadcrumb,
#bbpress-forums .bbp-breadcrumb {
  display: none !important;
}
#bbpress-forums > #subscription-toggle {
  display: none !important;
}

/* ------------------------------------------------------------
   Search — joined field + button
   ------------------------------------------------------------ */
#bbpress-forums #bbp-search-form,
#bbpress-forums .bbp-search-form form {
  margin-bottom: 24px;
}
#bbpress-forums #bbp-search-form > div,
#bbpress-forums .bbp-search-form > div {
  display: flex; align-items: stretch; gap: 0;
}
#bbpress-forums input#bbp_search,
#bbpress-forums input[name="bbp_search"] {
  flex: 1; background: var(--black2); border: 0.5px solid var(--border);
  border-right: none;
  border-radius: 6px 0 0 6px; color: var(--white); font-size: 15px;
  padding: 0 18px; font-family: 'Jost', sans-serif;
  box-sizing: border-box; height: 48px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
#bbpress-forums input#bbp_search::placeholder { color: var(--gray); }
#bbpress-forums input#bbp_search:focus,
#bbpress-forums input[name="bbp_search"]:focus {
  outline: none; border-color: var(--gold); z-index: 1; position: relative;
}
#bbpress-forums button#bbp_search_submit,
#bbpress-forums input#bbp_search_submit {
  font-family: 'Bebas Neue', sans-serif; font-size: 17px; letter-spacing: 0.12em;
  background: var(--gold); color: var(--black); border: 0.5px solid var(--gold);
  border-radius: 0 6px 6px 0; padding: 0 28px; cursor: pointer; transition: all 0.2s;
  box-sizing: border-box; height: 48px; flex-shrink: 0;
}
#bbpress-forums button#bbp_search_submit:hover,
#bbpress-forums input#bbp_search_submit:hover {
  background: var(--gold-lt); border-color: var(--gold-lt);
}

/* ------------------------------------------------------------
   3. FORUMS INDEX — TABLE LAYOUT
   ------------------------------------------------------------ */
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.forum,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.topic {
  background: transparent; border: none; list-style: none; margin: 0; padding: 0;
}
#bbpress-forums ul.bbp-forums li.bbp-footer,
#bbpress-forums ul.bbp-topics li.bbp-footer { display: none; }

#bbpress-forums ul.bbp-forums li.bbp-header,
#bbpress-forums ul.bbp-topics li.bbp-header {
  display: block;
  background: transparent !important;
  border-bottom: 1px solid var(--border);
  margin-bottom: 4px;
}
#bbpress-forums li.bbp-header ul.forum-titles {
  display: flex; align-items: center; gap: 16px;
  background: transparent !important;
  padding: 0 4px 10px;
}
#bbpress-forums li.bbp-header .bbp-forum-info,
#bbpress-forums li.bbp-header .bbp-forum-topic-count,
#bbpress-forums li.bbp-header .bbp-forum-reply-count,
#bbpress-forums li.bbp-header .bbp-forum-freshness {
  font-family: 'Jost', sans-serif; font-weight: 600;
  font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--gold-dim); background: transparent !important; padding: 0;
}
#bbpress-forums li.bbp-header .bbp-forum-info { flex: 1; padding-left: 44px; }
#bbpress-forums li.bbp-header .bbp-forum-topic-count,
#bbpress-forums li.bbp-header .bbp-forum-reply-count { width: 90px; text-align: center; flex-shrink: 0; }
#bbpress-forums li.bbp-header .bbp-forum-freshness { width: 190px; text-align: right; flex-shrink: 0; }

#bbpress-forums li.bbp-body [id^="bbp-forum-"] {
  display: flex; align-items: flex-start; gap: 16px;
  background: transparent;
  border: none; border-bottom: 1px solid rgba(255,255,255,0.05);
  border-left: 2px solid transparent;
  border-radius: 0; padding: 14px 4px;
  transition: background 0.2s, border-left-color 0.2s;
  position: relative;
}
#bbpress-forums li.bbp-body [id^="bbp-forum-"]:hover {
  background: rgba(201,168,76,0.045);
  border-left-color: var(--gold);
}

#bbpress-forums li.bbp-body .bbp-forum-info { flex: 1; min-width: 0; padding-left: 44px; position: relative; }
#bbpress-forums li.bbp-body .bbp-forum-info::before {
  content: "\1F4AC";
  position: absolute; left: 0; top: 1px;
  width: 32px; height: 32px; border-radius: 50%;
  background: rgba(201,168,76,0.1); border: 0.5px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px;
}
#bbpress-forums .bbp-forum-title,
#bbpress-forums a.bbp-forum-permalink {
  font-family: 'Bebas Neue', sans-serif; font-size: 19px; letter-spacing: 0.04em;
  color: var(--white); text-decoration: none; line-height: 1.3;
}
#bbpress-forums li.bbp-body [id^="bbp-forum-"]:hover a.bbp-forum-permalink { color: var(--gold-lt); }
#bbpress-forums .bbp-forum-content p,
#bbpress-forums div.bbp-forum-content { color: var(--gray); font-size: 14px; line-height: 1.5; margin: 3px 0 0; }

#bbpress-forums ul.bbp-forums-list {
  display: block; margin: 8px 0 0; padding: 0; list-style: none;
}
#bbpress-forums ul.bbp-forums-list li.bbp-forum,
#bbpress-forums ul.bbp-forums-list [id^="bbp-forum-"] {
  display: block; background: transparent; border: none; border-radius: 0;
  padding: 3px 0 3px 20px; margin: 0; position: relative;
  transform: none; box-shadow: none;
}
#bbpress-forums ul.bbp-forums-list li.bbp-forum::before,
#bbpress-forums ul.bbp-forums-list [id^="bbp-forum-"]::before {
  content: "\21B3";
  position: absolute; left: 0; top: 3px; color: var(--gold-dim); font-size: 12px;
}
#bbpress-forums ul.bbp-forums-list li.bbp-forum a,
#bbpress-forums ul.bbp-forums-list [id^="bbp-forum-"] a {
  font-family: 'Jost', sans-serif; font-size: 13.5px; letter-spacing: 0.01em;
  color: var(--gray-lt); text-decoration: none;
}
#bbpress-forums ul.bbp-forums-list li.bbp-forum:hover a,
#bbpress-forums ul.bbp-forums-list [id^="bbp-forum-"]:hover a { color: var(--gold); }

#bbpress-forums li.bbp-body .bbp-forum-topic-count,
#bbpress-forums li.bbp-body .bbp-forum-reply-count {
  flex-shrink: 0; width: 90px; text-align: center;
  font-family: 'Bebas Neue', sans-serif; font-size: 20px; color: var(--gold);
  padding-top: 2px;
}
#bbpress-forums li.bbp-body .bbp-forum-reply-count { color: var(--gold-lt); }

#bbpress-forums li.bbp-body .bbp-forum-freshness,
#bbpress-forums li.bbp-topic-freshness {
  flex-shrink: 0; width: 190px; text-align: right; font-size: 13px; color: var(--gray); line-height: 1.5;
  padding-top: 2px;
}
#bbpress-forums li.bbp-body .bbp-forum-freshness a,
#bbpress-forums li.bbp-topic-freshness a { color: var(--gold-dim); text-decoration: none; font-weight: 500; }
#bbpress-forums li.bbp-body .bbp-forum-freshness a:hover,
#bbpress-forums li.bbp-topic-freshness a:hover { color: var(--gold); }
#bbpress-forums .bbp-topic-freshness-author { color: var(--gray-lt); }

@media (max-width: 780px) {
  #bbpress-forums ul.bbp-forums li.bbp-header,
  #bbpress-forums ul.bbp-topics li.bbp-header { display: none; }
  #bbpress-forums li.bbp-body [id^="bbp-forum-"],
  #bbpress-forums li.bbp-topic { flex-wrap: wrap; }
  #bbpress-forums li.bbp-body .bbp-forum-freshness,
  #bbpress-forums li.bbp-topic-freshness { width: 100%; text-align: left; margin-top: 6px; padding-left: 44px; }
  #bbpress-forums li.bbp-body .bbp-forum-topic-count,
  #bbpress-forums li.bbp-body .bbp-forum-reply-count { width: auto; padding: 0 10px; }
}

/* ------------------------------------------------------------
   4. TOPIC LIST — TABLE LAYOUT
   ------------------------------------------------------------ */
#bbpress-forums li.bbp-topic {
  display: flex; align-items: flex-start; gap: 16px;
  background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,0.05);
  border-left: 2px solid transparent;
  border-radius: 0; padding: 14px 4px; margin: 0;
  transition: background 0.2s, border-left-color 0.2s;
  position: relative;
}
#bbpress-forums li.bbp-topic:hover {
  background: rgba(201,168,76,0.045); border-left-color: var(--gold);
}
#bbpress-forums li.bbp-topic.sticky,
#bbpress-forums li.bbp-topic.super-sticky {
  border-left-color: var(--gold);
  background: rgba(201,168,76,0.05);
}
#bbpress-forums li.bbp-topic.sticky::after,
#bbpress-forums li.bbp-topic.super-sticky::after {
  content: "\1F4CC PINNED";
  flex-shrink: 0; align-self: flex-start;
  background: var(--gold); color: var(--black);
  font-family: 'Jost', sans-serif; font-weight: 600;
  font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 10px; margin-top: 2px;
  order: 3;
}
#bbpress-forums li.bbp-topic-title { flex: 1; min-width: 0; }
#bbpress-forums a.bbp-topic-permalink {
  font-size: 16px; font-weight: 500; color: var(--white); text-decoration: none;
}
#bbpress-forums li.bbp-topic:hover a.bbp-topic-permalink { color: var(--gold-lt); }
#bbpress-forums .bbp-topic-started-by { display: block; font-size: 13px; color: var(--gray); margin-top: 3px; }
#bbpress-forums .bbp-topic-started-by a { color: var(--gold-dim); text-decoration: none; }
#bbpress-forums .bbp-topic-sticky-tag,
#bbpress-forums .bbp-topic-closed-tag { display: none; }

#bbpress-forums li.bbp-topic-voice-count,
#bbpress-forums li.bbp-topic-reply-count {
  flex-shrink: 0; width: 80px; text-align: center;
  font-family: 'Bebas Neue', sans-serif; font-size: 18px; color: var(--gold-lt);
  padding-top: 2px;
}

#bbpress-forums #new-topic-button,
#bbpress-forums a.bbp-forum-permalink.bbp-new-topic-button,
#bbpress-forums input[name="bbp_topic_submit"],
#bbpress-forums input[name="bbp_reply_submit"] {
  font-family: 'Bebas Neue', sans-serif; font-size: 16px; letter-spacing: 0.12em;
  background: var(--gold); color: var(--black); border: none; text-decoration: none;
  border-radius: 6px; padding: 13px 24px; display: inline-block; cursor: pointer;
  transition: all 0.2s;
}
#bbpress-forums #new-topic-button:hover,
#bbpress-forums input[name="bbp_topic_submit"]:hover,
#bbpress-forums input[name="bbp_reply_submit"]:hover {
  background: var(--gold-lt); color: var(--black);
  box-shadow: 0 6px 18px rgba(201,168,76,0.3);
}

/* ------------------------------------------------------------
   5. SINGLE TOPIC THREAD
   ------------------------------------------------------------ */
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-lead-topic { list-style: none; margin: 0 0 24px; padding: 0; }

/* 5a. bbPress's own vestigial table-header row */
#bbpress-forums ul.bbp-lead-topic > li.bbp-footer,
#bbpress-forums ul.bbp-replies > li.bbp-footer {
  display: none !important;
}
#bbpress-forums ul.bbp-lead-topic > li.bbp-header,
#bbpress-forums ul.bbp-replies > li.bbp-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: transparent;
  border: none;
  padding: 0 4px 10px;
  font-size: 0;
}
#bbpress-forums ul.bbp-lead-topic > li.bbp-header .bbp-topic-author,
#bbpress-forums ul.bbp-replies > li.bbp-header .bbp-reply-author {
  display: none;
}
#bbpress-forums ul.bbp-lead-topic > li.bbp-header .bbp-topic-content,
#bbpress-forums ul.bbp-replies > li.bbp-header .bbp-reply-content {
  display: flex;
  align-items: center;
  gap: 14px;
}
#bbpress-forums ul.bbp-lead-topic > li.bbp-header #subscription-toggle,
#bbpress-forums ul.bbp-lead-topic > li.bbp-header #favorite-toggle,
#bbpress-forums ul.bbp-replies > li.bbp-header #subscription-toggle,
#bbpress-forums ul.bbp-replies > li.bbp-header #favorite-toggle {
  font-size: 13px;
}

/* 5b. Meta/action bar. v20: border removed (was rendering as a bright
   white line instead of the intended subtle gold tint). */
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header,
#bbpress-forums div.bbp-forum-header {
  background: rgba(201,168,76,0.06) !important;
  border: none !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 12px 18px !important;
  margin-bottom: 0 !important;
}
#bbpress-forums .bbp-topic-header .bbp-meta,
#bbpress-forums .bbp-reply-header .bbp-meta {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px;
  font-size: 13px; color: var(--gray);
}
#bbpress-forums .bbp-topic-post-date,
#bbpress-forums .bbp-reply-post-date { color: var(--gray); }
#bbpress-forums a.bbp-topic-permalink,
#bbpress-forums a.bbp-reply-permalink {
  color: var(--gold-dim); font-weight: 600; text-decoration: none;
}
#bbpress-forums a.bbp-topic-permalink:hover,
#bbpress-forums a.bbp-reply-permalink:hover { color: var(--gold); }
#bbpress-forums .bbp-admin-links {
  color: var(--gray); font-size: 12px; letter-spacing: 0.02em;
}
#bbpress-forums .bbp-admin-links a {
  color: var(--gray-lt); text-decoration: none; transition: color 0.2s;
}
#bbpress-forums .bbp-admin-links a:hover { color: var(--gold); }

/* 5c. The post itself: avatar column + content column, side by side.
   v20: border removed here too, same reason as 5b. */
#bbpress-forums li.bbp-body [id^="post-"],
#bbpress-forums li.bbp-body div.type-topic,
#bbpress-forums div.type-reply {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  width: 100%;
  box-sizing: border-box;
  background: var(--charcoal) !important;
  background-color: var(--charcoal) !important;
  border: none !important;
  border-radius: 0 0 8px 8px;
  padding: 20px 22px;
  margin-bottom: 18px;
}
#bbpress-forums li.bbp-body [id^="post-"] .bbp-topic-author,
#bbpress-forums li.bbp-body [id^="post-"] .bbp-reply-author,
#bbpress-forums li.bbp-body div.type-topic .bbp-topic-author,
#bbpress-forums div.type-reply .bbp-reply-author {
  flex: 0 0 240px;
  width: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  box-sizing: border-box;
  background: #161616;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 20px 16px;
}
#bbpress-forums .bbp-author-avatar img {
  border-radius: 50%;
  display: block;
  width: 64px !important;
  height: 64px !important;
  border: 1.5px solid #3a3a3a !important;
  box-shadow: none;
}
#bbpress-forums .bbp-author-name {
  color: var(--white); font-weight: 500; font-size: 16px;
  text-decoration: none; line-height: 1.3; word-break: break-word;
  margin-top: 10px;
}
#bbpress-forums .bbp-author-role {
  display: none !important;
}
#bbpress-forums li.bbp-body [id^="post-"] .bbp-topic-content,
#bbpress-forums li.bbp-body [id^="post-"] .bbp-reply-content,
#bbpress-forums li.bbp-body div.type-topic .bbp-topic-content,
#bbpress-forums div.type-reply .bbp-reply-content {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  background: transparent !important;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  color: var(--gray-lt);
  font-size: 15px;
  line-height: 1.75;
  overflow-wrap: break-word;
  word-break: break-word;
}
#bbpress-forums li.bbp-body [id^="post-"] .bbp-topic-content p,
#bbpress-forums li.bbp-body [id^="post-"] .bbp-reply-content p,
#bbpress-forums li.bbp-body div.type-topic .bbp-topic-content p,
#bbpress-forums div.type-reply .bbp-reply-content p {
  margin: 0 0 14px;
}
#bbpress-forums li.bbp-body [id^="post-"] .bbp-topic-content p:last-child,
#bbpress-forums li.bbp-body [id^="post-"] .bbp-reply-content p:last-child,
#bbpress-forums li.bbp-body div.type-topic .bbp-topic-content p:last-child,
#bbpress-forums div.type-reply .bbp-reply-content p:last-child {
  margin-bottom: 0;
}
#bbpress-forums li.bbp-body [id^="post-"] .bbp-topic-content a,
#bbpress-forums li.bbp-body [id^="post-"] .bbp-reply-content a,
#bbpress-forums li.bbp-body div.type-topic .bbp-topic-content a,
#bbpress-forums div.type-reply .bbp-reply-content a {
  color: var(--gold);
}
#bbpress-forums .rank-math-mark-solved a {
  color: var(--gold-dim); font-size: 13px; text-decoration: none;
}
#bbpress-forums .rank-math-mark-solved a:hover { color: var(--gold); }

/* 5c-safety-net (v19). Nuclear-specificity background override, kept as
   insurance -- unrelated to the v20 border fix above. */
html body #bbpress-forums div.type-reply,
html body #bbpress-forums div.type-reply.pmpro-has-access,
html body #bbpress-forums div.type-reply.hentry,
html body #bbpress-forums div.type-reply.even,
html body #bbpress-forums div.type-reply.odd,
html body #bbpress-forums div.type-reply.user-has-not-earned,
html body #bbpress-forums li.bbp-body div.type-topic,
html body #bbpress-forums li.bbp-body div.type-topic.pmpro-has-access,
html body #bbpress-forums li.bbp-body div.type-topic.hentry,
html body #bbpress-forums li.bbp-body div.type-topic.even,
html body #bbpress-forums li.bbp-body div.type-topic.odd {
  background: var(--charcoal) !important;
  background-color: var(--charcoal) !important;
  background-image: none !important;
}

@media (max-width: 640px) {
  #bbpress-forums li.bbp-body [id^="post-"],
  #bbpress-forums li.bbp-body div.type-topic,
  #bbpress-forums div.type-reply {
    flex-direction: column;
    align-items: stretch;
  }
  #bbpress-forums li.bbp-body [id^="post-"] .bbp-topic-author,
  #bbpress-forums li.bbp-body [id^="post-"] .bbp-reply-author,
  #bbpress-forums li.bbp-body div.type-topic .bbp-topic-author,
  #bbpress-forums div.type-reply .bbp-reply-author {
    flex-direction: column;
    width: auto;
    gap: 4px;
    text-align: center;
  }
}

/* 5d. Topic subscribe/favorite controls, when they appear inline near
   the reply form rather than in the hidden header row above. */
#bbpress-forums #subscription-toggle a,
#bbpress-forums #favorite-toggle a {
  color: var(--gold-dim);
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s;
}
#bbpress-forums #subscription-toggle a:hover,
#bbpress-forums #favorite-toggle a:hover { color: var(--gold); }

#bbpress-forums #new-post,
#bbpress-forums .bbp-reply-form,
#bbpress-forums .bbp-topic-form {
  background: var(--charcoal); border: 0.5px solid var(--border); border-radius: 8px;
  padding: 24px; margin-top: 22px;
}
#bbpress-forums #new-post legend,
#bbpress-forums .bbp-reply-form legend { font-family: 'Bebas Neue', sans-serif; font-size: 21px; color: var(--white); letter-spacing: 0.04em; }
#bbpress-forums input[type="text"],
#bbpress-forums textarea,
#bbpress-forums .bbp-the-content-wrap textarea {
  width: 100%; background: var(--black2); border: 0.5px solid var(--border);
  border-radius: 6px; color: var(--white); font-family: 'Jost', sans-serif;
  font-size: 15px; padding: 13px 15px; box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s;
}
#bbpress-forums input[type="text"]:focus,
#bbpress-forums textarea:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,168,76,0.12); }
#bbpress-forums label { color: var(--gray-lt); font-size: 14px; }

/* ------------------------------------------------------------
   5e. FORM FIELDS THAT WERE FALLING THROUGH TO WHITE (v12 fix)
   ------------------------------------------------------------ */
#bbpress-forums .bbp-the-content-wrapper,
#bbpress-forums div.bbp-the-content {
  width: 100%; background: var(--black2); border: 0.5px solid var(--border);
  border-radius: 6px; color: var(--white); font-family: 'Jost', sans-serif;
  font-size: 15px; min-height: 140px; padding: 13px 15px; box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s;
}
#bbpress-forums .bbp-the-content-wrapper:focus-within {
  border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,168,76,0.12);
}

#bbpress-forums select {
  width: 100%; background: var(--black2); border: 0.5px solid var(--border);
  border-radius: 6px; color: var(--white); font-family: 'Jost', sans-serif;
  font-size: 15px; padding: 12px 14px; box-sizing: border-box;
}
#bbpress-forums select:focus {
  outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,168,76,0.12);
}
#bbpress-forums .select2-container .select2-selection,
#bbpress-forums .select2-container--default .select2-selection--multiple,
#bbpress-forums .select2-container--default .select2-selection--single {
  background: var(--black2) !important; border: 0.5px solid var(--border) !important;
  border-radius: 6px !important; color: var(--white) !important; min-height: 46px;
}
#bbpress-forums .select2-container .select2-selection__rendered,
#bbpress-forums .select2-container .select2-search__field,
#bbpress-forums .select2-container .select2-selection__choice {
  color: var(--white) !important; background: transparent !important;
}
#bbpress-forums .select2-dropdown {
  background: var(--black2) !important; border: 0.5px solid var(--border) !important; color: var(--white) !important;
}
#bbpress-forums .select2-results__option--highlighted {
  background: var(--gold) !important; color: var(--black) !important;
}

/* ------------------------------------------------------------
   5f. TAGS FIELD (select2 multi-select) PADDING FIX
   ------------------------------------------------------------ */
#bbpress-forums .select2-container--default .select2-selection--multiple {
  padding: 8px 12px !important;
  box-sizing: border-box !important;
}
#bbpress-forums .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
}
#bbpress-forums .select2-container .select2-search--inline {
  margin: 0 !important;
}
#bbpress-forums .select2-container .select2-search__field {
  margin: 0 !important;
  padding: 2px 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
}
#bbpress-forums .select2-container .select2-search__field::placeholder {
  color: var(--gray) !important;
}
#bbpress-forums .select2-selection__choice {
  background: rgba(201,168,76,0.12) !important;
  border: 0.5px solid var(--border) !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
}
#bbpress-forums .select2-selection__choice__remove {
  color: var(--gold-dim) !important;
}

#bbpress-forums .bp-feedback,
.nb-generic-content-inner .bp-feedback {
  background: rgba(201,168,76,0.08); border: 0.5px solid var(--border);
  border-radius: 8px; padding: 15px 20px; color: var(--gray-lt); font-size: 14px; margin-bottom: 18px;
  display: flex; align-items: flex-start; gap: 10px;
}
#bbpress-forums .bp-feedback p,
.nb-generic-content-inner .bp-feedback p { margin: 0; color: var(--gray-lt); }
#bbpress-forums .bp-feedback.error,
.nb-generic-content-inner .bp-feedback.error {
  background: rgba(200,60,60,0.08); border-color: rgba(200,60,60,0.3); color: #e5a3a3;
}

#bbpress-forums .bbp-pagination { margin-top: 22px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
#bbpress-forums .bbp-pagination-links a,
#bbpress-forums .bbp-pagination-links span.current {
  display: inline-block; min-width: 34px; text-align: center;
  padding: 7px 11px; margin-right: 4px; border-radius: 6px;
  border: 0.5px solid var(--border); color: var(--gray-lt); text-decoration: none; font-size: 14px;
  transition: all 0.2s;
}
#bbpress-forums .bbp-pagination-links a:hover { border-color: var(--gold); color: var(--gold); }
#bbpress-forums .bbp-pagination-links span.current { background: var(--gold); color: var(--black); border-color: var(--gold); font-weight: 600; }

#bbpress-forums div.bbp-template-notice,
#bbpress-forums div.bbp-feedback {
  background: rgba(201,168,76,0.08); border: 0.5px solid var(--border);
  border-radius: 8px; padding: 15px 20px; color: var(--gray-lt); font-size: 14px; margin-bottom: 18px;
}
#bbpress-forums div.bbp-template-notice a { color: var(--gold); }
#bbpress-forums div.bbp-template-notice.error,
#bbpress-forums div.bbp-feedback.error {
  background: rgba(200,60,60,0.08); border-color: rgba(200,60,60,0.3); color: #e5a3a3;
}


/* ------------------------------------------------------------------
   v21 (CSS): kill BuddyBoss core's own light-gray border on the
   ul.bbp-lead-topic / ul.bbp-replies wrappers. Confirmed via live
   getComputedStyle + matched-CSSRule inspection (not just the
   Computed panel) that #post-660 and .bbp-topic-header themselves had
   border:none as intended -- the visible white border the user kept
   reporting was actually coming from buddypress.min.css's own
   '#bbpress-forums ul.bbp-lead-topic { border: 1px solid #eee }' and
   the matching ul.bbp-replies rule, which this stylesheet never
   targeted before.
   ------------------------------------------------------------------ */
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies {
  border: none !important;
}

/* ------------------------------------------------------------------
   v26 (CSS): approved final design -- flat premium card (Linear/Vercel/
   GitHub register, not a glowing gamer badge). Every rank a member has
   ever reached stays visible as its own pill, stacked with the newest
   on top; only the top pill gets a glow (and a pulse if it's Legend).
   Column widened to 240px above to fit the wider card comfortably.
   ------------------------------------------------------------------ */
#bbpress-forums .nb-author-stars {
  font-size: 15px;
  letter-spacing: 3px;
  color: var(--gold);
  line-height: 1;
  margin-top: 14px;
}
#bbpress-forums .nb-badge-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin: 14px 0 16px;
}
#bbpress-forums .nb-badge-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  border: 1.5px solid;
  border-radius: 7px;
  padding: 7px 10px;
}
#bbpress-forums .nb-badge-pill img.emoji {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  flex-shrink: 0;
}
#bbpress-forums .nb-badge-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
@keyframes nbBadgePulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.4); }
}
#bbpress-forums .nb-author-divider {
  width: 100%;
  border-top: 1.5px solid rgba(255,255,255,0.22);
  margin: 0 0 12px;
}
#bbpress-forums .nb-author-stats {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}
#bbpress-forums .nb-author-stat {
  font-size: 12.5px;
  color: var(--gray-lt);
  line-height: 1.5;
}

@media (max-width: 640px) {
  #bbpress-forums li.bbp-body [id^="post-"] .bbp-topic-author,
  #bbpress-forums li.bbp-body [id^="post-"] .bbp-reply-author,
  #bbpress-forums li.bbp-body div.type-topic .bbp-topic-author,
  #bbpress-forums div.type-reply .bbp-reply-author {
    width: auto;
    padding: 16px 14px;
  }
}

/* ---- Rank badge icon sizing (inline SVG) + hide revision log ---- */
#bbpress-forums .nb-badge-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
#bbpress-forums .nb-badge-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}
#bbpress-forums .bbp-topic-revision-log,
#bbpress-forums .bbp-reply-revision-log {
  display: none !important;
}

/* ---- Author card / meta bar refinements ---- */
#bbpress-forums .bbp-topic-post-date,
#bbpress-forums .bbp-reply-post-date {
  color: var(--gold-dim);
  font-weight: 600;
  font-size: 14px;
}
#bbpress-forums .bbp-author-avatar img {
  width: 84px !important;
  height: 84px !important;
  border-radius: 50%;
}
#bbpress-forums a.bbp-topic-permalink::before,
#bbpress-forums a.bbp-reply-permalink::before {
  content: "Post: ";
}

/* Move Subscribe/Favorite row onto the same visual line as the date/admin-links row */
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies {
  position: relative;
}
#bbpress-forums ul.bbp-lead-topic > li.bbp-header,
#bbpress-forums ul.bbp-replies > li.bbp-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 0;
  position: absolute;
  top: 14px;
  right: 24px;
  z-index: 2;
}
@media (max-width: 640px) {
  #bbpress-forums ul.bbp-lead-topic > li.bbp-header,
  #bbpress-forums ul.bbp-replies > li.bbp-header {
    position: static;
    justify-content: flex-end;
    padding: 0 4px 10px;
  }
}

/* ---- Topic page title: surfaces bbp_get_topic_title() above the meta
   bar now that the generic hero + breadcrumb are hidden on this page
   type, so the page isn't missing a title entirely. ---- */
#bbpress-forums .nb-topic-page-title {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: 0.02em;
  line-height: 1.25;
  color: var(--white);
  border-left: 4px solid var(--gold);
  padding: 4px 0 4px 16px;
  margin: 0 0 20px;
}
@media (max-width: 640px) {
  #bbpress-forums .nb-topic-page-title {
    font-size: 22px;
    padding-left: 12px;
  }
}

/* ---- Round 2 refinements: tighter star spacing, bigger avatar,
   Reputation called out in gold/bold (targets the 3rd/last stat span
   without needing a PHP class change -- Posts/Joined/Reputation are
   always rendered in that fixed order). ---- */
#bbpress-forums .nb-author-stars {
  margin-top: 0;
}
#bbpress-forums .bbp-author-avatar img {
  width: 112px !important;
  height: 112px !important;
}
#bbpress-forums .nb-author-stats .nb-author-stat:last-child {
  color: var(--gold-dim);
  font-weight: 700;
}

/* ---- Round 3: meta-bar text bumped up uniformly (date, Post: #id,
   Edit/Reply admin links, Subscribe/Favorite), and the avatar circle
   fix -- the sitewide reset further up the cascade sets
   "img { max-width: 100% }", which was clamping the avatar's rendered
   WIDTH down to whatever its 240px-wide parent column allowed while the
   explicit height:112px stayed fixed, producing the oval/portrait
   distortion. max-width has to be overridden explicitly here since it's
   a separate property from width and isn't beaten by width's !important. ---- */
#bbpress-forums .bbp-topic-header .bbp-meta,
#bbpress-forums .bbp-reply-header .bbp-meta {
  font-size: 16px;
}
#bbpress-forums .bbp-topic-post-date,
#bbpress-forums .bbp-reply-post-date {
  font-size: 16px;
}
#bbpress-forums a.bbp-topic-permalink,
#bbpress-forums a.bbp-reply-permalink {
  font-size: 16px;
}
#bbpress-forums .bbp-admin-links,
#bbpress-forums .bbp-admin-links a {
  font-size: 16px;
}
#bbpress-forums #subscription-toggle a,
#bbpress-forums #favorite-toggle a {
  font-size: 16px;
}

#bbpress-forums .bbp-author-avatar img {
  width: 132px !important;
  height: 132px !important;
  max-width: 132px !important;
  border-radius: 50% !important;
  object-fit: cover;
}

/* ---- Search Forums box: hide bbPress's own native copy (it renders
   outside our chrome markup with BuddyBoss's own positioning meant for
   a normal theme header, which is what floated it disconnected from the
   topbar) and style the rebuilt copy that now lives inside
   .db-topbar-actions instead. ---- */
#bbpress-forums > .bbp-search-form {
  display: none !important;
}
#bbpress-forums .nb-topbar-search {
  display: flex;
  align-items: center;
  gap: 8px;
}
#bbpress-forums .nb-topbar-search input#nb_topbar_bbp_search {
  background: var(--charcoal);
  border: 0.5px solid rgba(201,168,76,0.25);
  border-radius: var(--radius);
  color: var(--white);
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  padding: 12px 14px;
  width: 200px;
  box-sizing: border-box;
}
#bbpress-forums .nb-topbar-search input#nb_topbar_bbp_search::placeholder {
  color: var(--gray);
}
#bbpress-forums .nb-topbar-search button.db-btn {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 16px;
  letter-spacing: 0.08em;
  cursor: pointer;
  background: var(--gold);
  color: var(--black);
  border: none;
}
#bbpress-forums .nb-topbar-search button.db-btn:hover {
  background: var(--gold-lt);
}
@media (max-width: 900px) {
  #bbpress-forums .nb-topbar-search input#nb_topbar_bbp_search {
    width: 140px;
  }
}

/* ---- Forum-listing polish: the freshness-row "last post by NAME" avatar
   was sharing .bbp-author-avatar with the single-topic author card, so
   the earlier 132px enlargement was hitting this tiny listing avatar too
   -- scoped hide here instead of touching the shared rule, keeps the
   "last post by NAME" text intact and just drops the icon. Also hides
   the inline sub-forum list ("Direct Access (1, 3), Investment Board...")
   under each top-level forum on the main /community-forums/ listing --
   redundant since clicking into the forum already shows those. ---- */
#bbpress-forums .bbp-topic-freshness-author .bbp-author-avatar {
  display: none !important;
}
#bbpress-forums .bbp-forums-list {
  display: none !important;
}

/* ==========================================================================
   TOPBAR SEARCH FIX -- v2 -- MAXIMUM SPECIFICITY / !important EVERYWHERE
   ==========================================================================
   The last version of this fix apparently didn't take -- the search box
   still shows as two separate boxes with a gap, and a different height than
   "Back to Dashboard". This version uses !important on every property and
   ID-based selectors so it cannot lose to anything already in the file,
   regardless of source order. Paste this at the very end of
   bbpress-forums-reskin.css (after anything already there, including the
   previous topbar-search-fix block -- it's fine if that's still in the
   file, this simply wins).

   IMPORTANT: after saving, do a HARD refresh in the browser (Ctrl+Shift+R
   or Cmd+Shift+R) in addition to the LiteSpeed Purge All -- CSS files are
   also cached by the browser itself, separately from LiteSpeed's page
   cache, and a normal refresh will not pick up a changed .css file.
   ========================================================================== */

#bbpress-forums .db-topbar-actions {
  align-items: stretch !important;
}

#bbpress-forums .db-topbar-actions > a.db-btn {
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#bbpress-forums form.nb-topbar-search {
  display: flex !important;
  align-items: stretch !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  box-sizing: border-box !important;
  border: 0.5px solid var(--border) !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#bbpress-forums form.nb-topbar-search input#nb_topbar_bbp_search {
  flex: 1 1 auto !important;
  min-width: 140px !important;
  height: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--charcoal) !important;
  color: var(--white) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  line-height: normal !important;
  padding: 0 14px !important;
}
#bbpress-forums form.nb-topbar-search input#nb_topbar_bbp_search:focus {
  outline: none !important;
  background: #232323 !important;
}

#bbpress-forums form.nb-topbar-search button[type="submit"] {
  flex: 0 0 auto !important;
  height: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: none !important;
  border-left: 0.5px solid var(--border) !important;
  border-radius: 0 !important;
  background: var(--gold) !important;
  color: var(--black) !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.1em !important;
  padding: 0 20px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.2s !important;
}
#bbpress-forums form.nb-topbar-search button[type="submit"]:hover {
  background: var(--gold-lt) !important;
}

/* ==========================================================================
   TOPBAR SEARCH FIX -- v2 -- MAXIMUM SPECIFICITY / !important EVERYWHERE
   ==========================================================================
   The last version of this fix apparently didn't take -- the search box
   still shows as two separate boxes with a gap, and a different height than
   "Back to Dashboard". This version uses !important on every property and
   ID-based selectors so it cannot lose to anything already in the file,
   regardless of source order. Paste this at the very end of
   bbpress-forums-reskin.css (after anything already there, including the
   previous topbar-search-fix block -- it's fine if that's still in the
   file, this simply wins).

   IMPORTANT: after saving, do a HARD refresh in the browser (Ctrl+Shift+R
   or Cmd+Shift+R) in addition to the LiteSpeed Purge All -- CSS files are
   also cached by the browser itself, separately from LiteSpeed's page
   cache, and a normal refresh will not pick up a changed .css file.
   ========================================================================== */

#bbpress-forums .db-topbar-actions {
  align-items: stretch !important;
}

#bbpress-forums .db-topbar-actions > a.db-btn {
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#bbpress-forums form.nb-topbar-search {
  display: flex !important;
  align-items: stretch !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  box-sizing: border-box !important;
  border: 0.5px solid var(--border) !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#bbpress-forums form.nb-topbar-search input#nb_topbar_bbp_search {
  flex: 1 1 auto !important;
  min-width: 140px !important;
  height: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--charcoal) !important;
  color: var(--white) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  line-height: normal !important;
  padding: 0 14px !important;
}
#bbpress-forums form.nb-topbar-search input#nb_topbar_bbp_search:focus {
  outline: none !important;
  background: #232323 !important;
}

#bbpress-forums form.nb-topbar-search button[type="submit"] {
  flex: 0 0 auto !important;
  height: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: none !important;
  border-left: 0.5px solid var(--border) !important;
  border-radius: 0 !important;
  background: var(--gold) !important;
  color: var(--black) !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.1em !important;
  padding: 0 20px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.2s !important;
}
#bbpress-forums form.nb-topbar-search button[type="submit"]:hover {
  background: var(--gold-lt) !important;
}

#bbpress-forums ul.bbp-forums li.bbp-body .bbp-forum-content,
#bbpress-forums ul.bbp-forums li.bbp-body div.bbp-forum-content,
#bbpress-forums .bbp-forum-info .bbp-forum-content {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ==========================================================================
   FORUM TOPIC LIST FIXES — avatar + "Replies" header
   ==========================================================================
   Fixes on the single-forum topic list page (e.g. /community-forums/forum/
   bold-elite-inner-circle/direct-access/):
   1. Removes the oversized "Started by" avatar image next to the topic
      author's name.
   2. Shrinks/recolors the "REPLIES" column header so it matches the
      "Discussions" and "Last Post" headers instead of standing out in a
      large bold gold font.
   3. Un-bolds the reply count number (e.g. the "3") in each topic row.

   Paste at the very end of bbpress-forums-reskin.css, then LiteSpeed
   Purge All + hard refresh (Ctrl+Shift+R / Cmd+Shift+R).
   ========================================================================== */

/* 1. Remove the big "Started by" avatar */
#bbpress-forums .bbp-topic-started-by .bbp-author-avatar {
  display: none !important;
}

/* 2. Normalize the "Replies" column header size + color */
#bbpress-forums .forum-titles .bbp-topic-reply-count {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--gray-lt) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* 3. Un-bold the reply count number in each topic row */
#bbpress-forums .bbp-body .bbp-topic-reply-count {
  font-weight: 400 !important;
  color: var(--gray-lt) !important;
}

/* ==========================================================================
   ALIGN + COLOR "REPLIES" COUNT — v2
   ==========================================================================
   Forces the whole topic row to top-align its three columns (Discussions /
   Replies / Last Post), and matches the reply count's font metrics + color
   to the "Last Post" timestamp so "3" sits on the same line, same color.
   Paste at the very end of bbpress-forums-reskin.css.
   ========================================================================== */

/* Force every column in the topic row to align to the top */
#bbpress-forums li.bbp-body ul[id^="bbp-topic-"] {
  align-items: flex-start !important;
}

/* Match the reply count's position + color to the timestamp line */
#bbpress-forums li.bbp-body ul[id^="bbp-topic-"] > li.bbp-topic-reply-count {
  align-self: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: var(--gold-dim) !important;
}

/* ==========================================================================
   ALIGN + BOLD "REPLIES" COUNT — v3
   ==========================================================================
   The "3" was sitting left of center under the "REPLIES" header (header is
   centered, count wasn't) and needed to be bold to match the row's other
   bold text ("Post: Test 1", "billybob"). This centers it under the header
   and bolds it. Paste at the very end of bbpress-forums-reskin.css.
   ========================================================================== */

#bbpress-forums li.bbp-body ul[id^="bbp-topic-"] > li.bbp-topic-reply-count {
  text-align: center !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   GRID-BASED COLUMN ALIGNMENT — v4 (real fix, not another guess)
   ==========================================================================
   Root cause: the header row (Discussions / REPLIES / Last Post) and each
   topic data row are SEPARATE flex containers. Each one sizes its own
   columns based on its own content, so "REPLIES" and "3" were never
   guaranteed to land in the same horizontal position -- no amount of
   padding/margin tweaking on just the data row could fix that permanently.

   This replaces both rows with the SAME explicit grid column widths, so
   the header and every topic row are locked to identical column
   boundaries no matter what the content is.

   Paste at the very end of bbpress-forums-reskin.css.
   ========================================================================== */

#bbpress-forums ul.forum-titles,
#bbpress-forums li.bbp-body ul[id^="bbp-topic-"] {
  display: grid !important;
  grid-template-columns: 1fr 100px 220px !important;
  align-items: start !important;
  column-gap: 16px !important;
}

#bbpress-forums .bbp-topic-title {
  text-align: left !important;
}

#bbpress-forums .bbp-topic-reply-count {
  text-align: center !important;
}

#bbpress-forums .bbp-topic-freshness {
  text-align: right !important;
}

/* ==========================================================================
   GRID COLUMN ALIGNMENT — v5 (final precision pass)
   ==========================================================================
   v4 got the grid columns locked to the same widths on both rows, which is
   why it's "almost" aligned now. The remaining few-pixel offset is coming
   from leftover padding/margin on the <li> cells themselves (inherited from
   earlier rules in this file) that isn't identical between the header row
   and the data row. This zeroes out padding/margin on every cell in both
   rows so there's nothing left to throw off the grid math, and pins each
   column's content with both text-align AND justify-self (belt and
   suspenders for grid children), including the nested <a>/<p> inside the
   Last Post cell so the timestamp and "billybob" both hug the right edge
   exactly like the "Last Post" header does.

   Paste at the very end of bbpress-forums-reskin.css, AFTER the v4 block.
   ========================================================================== */

#bbpress-forums ul.forum-titles > li,
#bbpress-forums li.bbp-body ul[id^="bbp-topic-"] > li {
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#bbpress-forums .bbp-topic-title {
  text-align: left !important;
  justify-self: start !important;
}

#bbpress-forums .bbp-topic-reply-count {
  text-align: center !important;
  justify-self: center !important;
  width: 100% !important;
}

#bbpress-forums .bbp-topic-freshness,
#bbpress-forums .bbp-topic-freshness a,
#bbpress-forums .bbp-topic-freshness p.bbp-topic-meta,
#bbpress-forums .bbp-topic-freshness .bbp-topic-freshness-author {
  text-align: right !important;
  justify-self: end !important;
}


/* ==========================================================================
   FIX 1: WHITE PROFILE FIELD BACKGROUNDS
   ==========================================================================
   The View Profile "General" table (and any other BuddyBoss screen that
   reuses the same table.bp-tables-user markup) is native BuddyBoss markup
   that the dark reskin never touched, so it still renders with its default
   white row background and dark text.

   FIX 2: LINK TURNS WHITE RIGHT BEFORE THE PAGE LOADS
   ==========================================================================
   Nav / sidebar / tab links only have a color defined for :hover. The
   instant you click, the browser shows the link's default (unstyled,
   near-white) :active/:focus state for a moment before the new page
   finishes loading. Giving :active/:focus the same gold treatment as
   :hover, and killing the mobile tap-highlight, removes that flash.

   Paste at the very end of buddyboss-reskin.css (this is the stylesheet
   that's actually loaded on member/profile pages).
   ========================================================================== */

/* ---- Fix 1: profile field table ---- */
#buddypress table.bp-tables-user,
#buddypress table.bp-tables-user tr,
#buddypress table.bp-tables-user td {
  background: transparent !important;
  border-color: var(--border) !important;
}
#buddypress table.bp-tables-user td.label {
  color: var(--gold-dim) !important;
}
#buddypress table.bp-tables-user td.data,
#buddypress table.bp-tables-user td.data p {
  color: var(--gray-lt) !important;
  background: transparent !important;
}
#buddypress table.bp-tables-user tr.alt td {
  background: rgba(255,255,255,0.02) !important;
}

/* ---- Fix 2: kill the white flash on link click ---- */
.nb-nav-link,
.nb-nav-btn,
.nb-dropdown li a,
.db-nav-link,
#object-nav a,
#subnav a {
  -webkit-tap-highlight-color: transparent !important;
}
.nb-nav-link:active,
.nb-nav-link:focus,
.nb-nav-btn:active,
.nb-nav-btn:focus,
.nb-dropdown li a:active,
.nb-dropdown li a:focus,
.db-nav-link:active,
.db-nav-link:focus,
#object-nav a:active,
#object-nav a:focus,
#subnav a:active,
#subnav a:focus {
  color: var(--gold) !important;
  background: rgba(201,168,76,0.07) !important;
}


/* ==========================================================================
   WHITE FIELD/CARD BACKGROUNDS — v2
   ==========================================================================
   The previous pass only covered the View Profile table. The white boxes
   on the Edit tab are actually BuddyBoss's own ".editfield" card style
   (each field renders as its own white card with padding/rounded corners)
   -- that's a completely different piece of markup than the View table,
   and the dark-looking input inside it was just the browser's OS dark-mode
   default for unstyled form controls, not anything our CSS was doing.

   This also covers the avatar/cover-photo upload UI and the Jcrop cropping
   tool BuddyBoss loads when you select a file, since those are also
   BuddyBoss's own default (white) styling and can show up mid-flow even
   if the initial drop zone looked fine.

   Paste at the very end of buddyboss-reskin.css, after the previous block.
   ========================================================================== */

/* ---- Edit-profile field cards ---- */
#buddypress .editfield,
#buddypress .bp-widget {
  background: transparent !important;
  box-shadow: none !important;
  border: 0.5px solid var(--border) !important;
  border-radius: 4px !important;
}
#buddypress .editfield legend,
#buddypress .editfield label,
#buddypress .bp-widget h2,
#buddypress .bp-widget h3,
#buddypress .screen-heading {
  color: var(--white) !important;
}
#buddypress .editfield .visibility-toggle-link,
#buddypress .field-visibility-settings-toggle a {
  color: var(--gold) !important;
}

/* ---- Force every text-style input/select/textarea inside #buddypress to
   the dark theme explicitly, rather than relying on the browser's own
   dark-mode default for unstyled controls ---- */
#buddypress input[type="text"],
#buddypress input[type="email"],
#buddypress input[type="url"],
#buddypress input[type="number"],
#buddypress input[type="tel"],
#buddypress input[type="password"],
#buddypress textarea,
#buddypress select {
  background: var(--charcoal) !important;
  border: 0.5px solid rgba(201,168,76,0.25) !important;
  border-radius: 4px !important;
  color: var(--white) !important;
}

/* ---- Avatar / cover-photo upload UI + Jcrop cropping tool ---- */
#buddypress #bp-upload-ui,
#buddypress .bp-avatar-status,
#buddypress .avatar-crop-management,
#buddypress .bp-cover-image,
#buddypress .bp-cover-image-manage,
#buddypress .bp-cover-image-status {
  background: transparent !important;
  color: var(--gray-lt) !important;
}
.jcrop-holder {
  background: var(--black2) !important;
}

/* ==========================================================================
   NOTICE / WARNING BANNERS — v3
   ==========================================================================
   The "For best results, upload an image that is 1950px by 450px or
   larger." banner is BuddyBoss's standard ".bp-feedback" notice component
   (the same component class used for the info/warning/error/success
   messages sprinkled across BuddyBoss screens) -- it ships with its own
   light background per type (light blue for info, light yellow for
   warning, etc.) that the dark theme never touched. This overrides all
   four variants at once so this stops recurring on other screens too.

   Paste at the very end of buddyboss-reskin.css, after the previous block.
   ========================================================================== */

#buddypress .bp-feedback {
  background: var(--charcoal) !important;
  border: 0.5px solid var(--border) !important;
  color: var(--gray-lt) !important;
}
#buddypress .bp-feedback.info    { border-left: 3px solid #4a90d9 !important; }
#buddypress .bp-feedback.warning { border-left: 3px solid var(--gold) !important; }
#buddypress .bp-feedback.error   { border-left: 3px solid #d9534f !important; }
#buddypress .bp-feedback.success { border-left: 3px solid #5cb85c !important; }

#buddypress .bp-feedback p,
#buddypress .bp-feedback span,
#buddypress .bp-feedback a,
#buddypress .bp-feedback .bp-help-text {
  color: var(--gray-lt) !important;
}

/* ==========================================================================
   PROFILE / EDIT / COVER-PHOTO FIXES — consolidated, confirmed correct file
   ==========================================================================
   Target file: /home/nomadbold/public_html/wp-content/themes/nomadBold/assets/css/buddyboss-reskin.css
   (the previous 4 fixes were accidentally pasted into bbpress-forums-reskin.css
   and never took effect on these pages — this replaces that intent, correctly
   targeted.)
   Paste at the very end of buddyboss-reskin.css, then LiteSpeed Purge All +
   hard refresh (Ctrl+Shift+R).
   ========================================================================== */

/* ---- Edit-profile field cards ---- */
#buddypress .editfield,
#buddypress .bp-widget {
  background: transparent !important;
  box-shadow: none !important;
  border: 0.5px solid var(--border) !important;
  border-radius: 4px !important;
}
#buddypress .editfield legend,
#buddypress .editfield label,
#buddypress .bp-widget h2,
#buddypress .bp-widget h3,
#buddypress .screen-heading {
  color: var(--white) !important;
}
#buddypress .editfield .visibility-toggle-link,
#buddypress .field-visibility-settings-toggle a {
  color: var(--gold) !important;
}

/* ---- Force text-style inputs/selects/textareas dark explicitly ---- */
#buddypress input[type="text"],
#buddypress input[type="email"],
#buddypress input[type="url"],
#buddypress input[type="number"],
#buddypress input[type="tel"],
#buddypress input[type="password"],
#buddypress textarea,
#buddypress select {
  background: var(--charcoal) !important;
  border: 0.5px solid rgba(201,168,76,0.25) !important;
  border-radius: 4px !important;
  color: var(--white) !important;
}

/* ---- Avatar / cover-photo upload UI + Jcrop cropping tool ---- */
#buddypress #bp-upload-ui,
#buddypress .bp-avatar-status,
#buddypress .avatar-crop-management,
#buddypress .bp-cover-image,
#buddypress .bp-cover-image-manage,
#buddypress .bp-cover-image-status {
  background: transparent !important;
  color: var(--gray-lt) !important;
}
.jcrop-holder {
  background: var(--black2) !important;
}

/* ---- Notice/warning banners (.bp-feedback) — strengthens the existing
   weaker rule already in this file so it actually wins the cascade ---- */
#buddypress .bp-feedback {
  background: var(--charcoal) !important;
  border: 0.5px solid var(--border) !important;
  color: var(--gray-lt) !important;
}
#buddypress .bp-feedback.info    { border-left: 3px solid #4a90d9 !important; }
#buddypress .bp-feedback.warning { border-left: 3px solid var(--gold) !important; }
#buddypress .bp-feedback.error   { border-left: 3px solid #d9534f !important; }
#buddypress .bp-feedback.success { border-left: 3px solid #5cb85c !important; }
#buddypress .bp-feedback p,
#buddypress .bp-feedback span,
#buddypress .bp-feedback a,
#buddypress .bp-feedback .bp-help-text {
  color: var(--gray-lt) !important;
}

/* ---- Profile field table (defensive, in case this markup appears
   anywhere on the site) ---- */
#buddypress table.bp-tables-user,
#buddypress table.bp-tables-user tr,
#buddypress table.bp-tables-user td {
  background: transparent !important;
  border-color: var(--border) !important;
}
#buddypress table.bp-tables-user td.label {
  color: var(--gold-dim) !important;
}
#buddypress table.bp-tables-user td.data,
#buddypress table.bp-tables-user td.data p {
  color: var(--gray-lt) !important;
  background: transparent !important;
}
#buddypress table.bp-tables-user tr.alt td {
  background: rgba(255,255,255,0.02) !important;
}

/* ---- Kill the white flash on nav-link click ---- */
.nb-nav-link,
.nb-nav-btn,
.nb-dropdown li a,
.db-nav-link,
#object-nav a,
#subnav a {
  -webkit-tap-highlight-color: transparent !important;
}
.nb-nav-link:active,
.nb-nav-link:focus,
.nb-nav-btn:active,
.nb-nav-btn:focus,
.nb-dropdown li a:active,
.nb-dropdown li a:focus,
.db-nav-link:active,
.db-nav-link:focus,
#object-nav a:active,
#object-nav a:focus,
#subnav a:active,
#subnav a:focus {
  color: var(--gold) !important;
  background: rgba(201,168,76,0.07) !important;
}

/* ==========================================================================
   BARE .warning / .error / .success NOTICE FIX
   ==========================================================================
   Confirmed via DevTools: the "For best results, upload an image..." banner
   on the Cover Photo page is rendered as <p class="warning"> directly
   (not wrapped in .bp-feedback like the box above it). The existing rule in
   this file already styles p.info (which is why the blue info box looks
   fine) but never covered .warning/.error/.success, so this element fell
   through to BuddyPress core's default light-yellow style
   (background: rgb(255,255,221)).

   Target file: /home/nomadbold/public_html/wp-content/themes/nomadBold/assets/css/buddyboss-reskin.css
   Paste at the very end, then Save Changes, LiteSpeed Purge All, and hard
   refresh (Ctrl+Shift+R).
   ========================================================================== */
#buddypress p.warning,
#buddypress div.warning,
#buddypress p.error,
#buddypress div.error,
#buddypress p.success,
#buddypress div.success {
  background: var(--charcoal) !important;
  border: 0.5px solid var(--border) !important;
  border-radius: var(--radius) !important;
  color: var(--gray-lt) !important;
  padding: 18px 20px !important;
}
#buddypress p.warning,
#buddypress div.warning {
  border-left: 3px solid var(--gold) !important;
}
#buddypress p.error,
#buddypress div.error {
  border-left: 3px solid #d9534f !important;
}
#buddypress p.success,
#buddypress div.success {
  border-left: 3px solid #5cb85c !important;
}

/* ==========================================================================
   BUTTON / TAB TEXT VISIBILITY FIX
   ==========================================================================
   Root cause: an earlier fix set
     #buddypress .editfield .visibility-toggle-link { color: var(--gold) !important; }
   assuming ".visibility-toggle-link" was a plain <a> link. In the actual
   markup it's a <button class="visibility-toggle-link button">Change</button>
   -- a real button that ALSO matches the generic gold-background button
   style. Gold text + gold background = invisible text. Same risk existed
   for any other button picking up a stray color override.

   This fixes the "Change" button specifically, then defensively forces
   black text on every button / submit input inside #buddypress so this
   class of bug can't resurface elsewhere, and gives the View/Edit/Profile
   Photo/Cover Photo subnav tabs explicit, unambiguous colors.

   Target file: /home/nomadbold/public_html/wp-content/themes/nomadBold/assets/css/buddyboss-reskin.css
   Paste at the very end, Save Changes, LiteSpeed Purge All, hard refresh
   (Ctrl+Shift+R).
   ========================================================================== */

/* Fix the actual bug: these are buttons, not links -- keep them readable
   on their gold background. */
#buddypress .editfield .visibility-toggle-link,
#buddypress .field-visibility-settings-close {
  color: var(--black) !important;
}

/* Defensive: force every button / submit / button-input inside #buddypress
   to black text on gold, no matter what other class it also carries. */
#buddypress button,
#buddypress input[type="submit"],
#buddypress input[type="button"] {
  background: var(--gold) !important;
  color: var(--black) !important;
}

/* Subnav tabs: View / Edit / Profile Photo / Cover Photo */
#subnav .bp-personal-sub-tab a {
  background: transparent !important;
  color: var(--gray-lt) !important;
}
#subnav .bp-personal-sub-tab.current a,
#subnav .bp-personal-sub-tab.selected a {
  background: transparent !important;
  color: var(--gold) !important;
}

/* ==========================================================================
   VISIBILITY PILL TEXT + QUICKTAGS TOOLBAR WHITE BACKGROUND
   ==========================================================================
   Issue 1/2: the "Public" / "All Members" badges (<span
   class="current-visibility-level">) were invisible until you selected the
   text -- confirms a background/text color collision from BuddyPress core's
   own default styling, which we'd never explicitly overridden here.

   Issue 3: the classic-editor toolbar row above the "About Me" textarea
   (#qt_field_29_toolbar / .quicktags-toolbar, and its parent
   .wp-editor-tools / .wp-editor-container) is native WordPress admin
   markup with a hardcoded white background -- also never targeted before.

   Target file: /home/nomadbold/public_html/wp-content/themes/nomadBold/assets/css/buddyboss-reskin.css
   Paste at the very end, Save Changes, LiteSpeed Purge All, hard refresh
   (Ctrl+Shift+R).
   ========================================================================== */

/* ---- Fix 1/2: visibility pill (Public / All Members / My Connections / Only Me) ---- */
#buddypress .current-visibility-level {
  display: inline-block;
  background: var(--charcoal) !important;
  color: var(--gray-lt) !important;
  border: 0.5px solid rgba(201,168,76,0.25) !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
}

/* ---- Fix 3: classic-editor toolbar white background ---- */
#buddypress .wp-editor-tools,
#buddypress .wp-editor-wrap,
#buddypress .wp-editor-container,
#buddypress .quicktags-toolbar,
#buddypress div.quicktags-toolbar {
  background: var(--charcoal) !important;
  border-color: rgba(201,168,76,0.25) !important;
}
#buddypress .wp-editor-tabs {
  background: var(--charcoal) !important;
}