.header-section-title {
  text-align: center;
  line-height: 1.2;
}

.header-section-title .hst-name {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #FFFFFF;
  letter-spacing: 0.5px;
}

.header-section-title .hst-tag {
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #B0B0B0;
  margin-top: 2px;
}

.site-header.is-stuck .header-section-title .hst-name { color: #FFFFFF; }
.site-header.is-stuck .header-section-title .hst-tag { color: #B0B0B0; }

@media (max-width: 768px) {
  .header-section-title .hst-name { font-size: 18px; }
  .header-section-title .hst-tag { font-size: 12px; }
}
/* Tighten the gap between the hero and YouTube section on small screens */
@media (max-width: 768px) {
  .diy-hero { margin-bottom: 16px !important; padding-bottom: 24px !important; }
  .diy-section { margin-top: 0 !important; padding-top: 24px !important; }
  /* Trim heading default margins */
  .diy-section h2, .diy-hero h1 { margin-bottom: 8px !important; }
}
.header-search input[type="search"] {
    border-radius: 25px !important; /* Rounded corners */
    padding: 6px 14px !important;  /* Adjust padding so it looks balanced */
}
/* === bbPress dark theme match === */

/* Base + tables */
.bbpress,
.bbpress .bbp-forums, .bbpress .bbp-topics, .bbpress .bbp-replies { background:#0f0f0f; color:#e9e9e9; }
.bbpress .bbp-header, .bbpress .bbp-footer { background:#161616; border-color:#262626; }
.bbpress .bbp-body .bbp-forum,
.bbpress .bbp-body .bbp-topic,
.bbpress .bbp-body .bbp-reply { background:#121212; border-bottom:1px solid #262626; }

/* Sticky rows (were pale yellow) */
.bbpress .bbp-body .status-sticky,
.bbpress .bbp-body .status-super-sticky { background:rgba(255,255,255,.04); }

/* Links */
.bbpress a { color:#fff; }
.bbpress a:hover,
.bbpress .bbp-topic-title a:hover,
.bbpress .bbp-forum-title a:hover { color:#2ecc71; } /* your green */
.bbpress .bbp-topic-title a, .bbpress .bbp-forum-title a { color:#e9e9e9; }

/* Forms / editor (fix white background + invisible text) */
.bbpress .bbp-form input[type="text"],
.bbpress .bbp-form input[type="email"],
.bbpress .bbp-form input[type="url"],
.bbpress .bbp-form input[type="password"],
.bbpress .bbp-form select,
.bbpress .bbp-form textarea { background:#111 !important; color:#e9e9e9 !important; border:1px solid #333; border-radius:8px; }
.bbpress .bbp-form textarea:focus,
.bbpress .bbp-form input:focus,
.bbpress .bbp-form select:focus { border-color:#3ecf8e; box-shadow:0 0 0 3px rgba(62,207,142,.15); }

/* TinyMCE wrapper (visual editor container) */
.bbp-the-content-wrapper .wp-editor-container { background:#111; border-color:#333; }
.bbp-the-content-wrapper .quicktags-toolbar { background:#161616; border-color:#333; color:#cfcfcf; }

/* Buttons */
.bbpress .button, .bbpress .submit, .bbpress .bbp-submit-wrapper .button {
  background:#2fb36f; color:#fff; border:0; border-radius:8px; padding:8px 14px;
}
.bbpress .button:hover { background:#269a60; }

/* Pagination */
.bbpress .bbp-pagination-links a, .bbpress .bbp-pagination-links span {
  background:#111; color:#ddd; border:1px solid #333; border-radius:6px; padding:6px 10px;
}
.bbpress .bbp-pagination-links .current { background:#2fb36f; color:#fff; border-color:#2fb36f; }

/* Breadcrumb + notices */
.bbpress .bbp-breadcrumb a { color:#cfcfcf; }
.bbpress .bbp-breadcrumb a:hover { color:#2ecc71; }
.bbpress .bbp-template-notice { background:rgba(255,255,255,.06); border-color:#333; color:#ddd; }
/* ===== bbPress Dark Mode (scoped so it won't touch the rest of the site) ===== */
.bbpress {
  --bbp-bg: #121212;
  --bbp-bg-alt: #141414;
  --bbp-panel: #161616;
  --bbp-text: #e9e9e9;
  --bbp-muted: #bdbdbd;
  --bbp-border: #262626;
  --bbp-green: #22c55e;    /* hover */
  --bbp-red: #ef4444;      /* active */
}

/* Forum containers & text */
.bbpress #bbpress-forums,
.bbpress #bbpress-forums * {
  color: var(--bbp-text);
}
.bbpress #bbpress-forums {
  background: transparent;
}

/* Headers / footers / breadcrumbs */
.bbpress #bbpress-forums li.bbp-header,
.bbpress #bbpress-forums li.bbp-footer,
.bbpress .bbp-breadcrumb {
  background: var(--bbp-panel);
  border-color: var(--bbp-border);
}

/* Topics / Replies / Forums rows */
.bbpress #bbpress-forums li.bbp-body > ul > li,
.bbpress #bbpress-forums .bbp-body .type-topic,
.bbpress #bbpress-forums .bbp-body .type-reply,
.bbpress #bbpress-forums .bbp-body .type-forum {
  background: var(--bbp-bg);
  border-color: var(--bbp-border);
}
.bbpress #bbpress-forums li.bbp-body > ul > li.odd {
  background: var(--bbp-bg-alt);
}

/* Links */
.bbpress #bbpress-forums a { color: var(--bbp-text); }
.bbpress #bbpress-forums a:hover { color: var(--bbp-green); }
.bbpress #bbpress-forums .bbp-topic-title .bbp-topic-permalink.bbp-current-page,
.bbpress #bbpress-forums .bbp-topic-title .bbp-topic-permalink:active {
  color: var(--bbp-red);
}

/* Forms: titles, tags, search, etc. */
.bbpress .bbp-form label,
.bbpress .bbp-form legend { color: var(--bbp-text); }

.bbpress .bbp-form input[type="text"],
.bbpress .bbp-form input[type="search"],
.bbpress .bbp-form input[type="email"],
.bbpress .bbp-form input[type="url"],
.bbpress .bbp-form input[type="password"],
.bbpress .bbp-form select,
.bbpress .bbp-form textarea {
  background: #111111;
  color: var(--bbp-text);
  border: 1px solid #333333;
  border-radius: 8px;
}
.bbpress .bbp-form ::placeholder { color: var(--bbp-muted); }
.bbpress .bbp-form input:focus,
.bbpress .bbp-form textarea:focus,
.bbpress .bbp-form select:focus {
  outline: none;
  border-color: var(--bbp-green);
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--bbp-green) 30%, transparent);
}

/* Buttons */
.bbpress .bbp-submit-wrapper .button,
.bbpress .bbp-form .button,
.bbpress .button.submit {
  background: var(--bbp-panel);
  color: var(--bbp-text);
  border: 1px solid var(--bbp-border);
  border-radius: 10px;
}
.bbpress .bbp-form .button:hover { background: var(--bbp-green); color:#0a0a0a; }

/* TinyMCE wrapper + toolbar (Visual editor chrome) */
.bbpress .wp-editor-wrap,
.bbpress .wp-editor-container { background: var(--bbp-panel); border:1px solid var(--bbp-border); border-radius:10px; }
.bbpress .mce-toolbar, 
.bbpress .quicktags-toolbar { background: var(--bbp-panel) !important; border-bottom:1px solid var(--bbp-border) !important; }
.bbpress .quicktags-toolbar .button,
.bbpress .mce-toolbar .mce-btn button { color: var(--bbp-text); }

/* Visual editor area (fallback appearance of the iframe itself) */
.bbpress iframe[id$="_content_ifr"] { background: #111111 !important; }

/* If you want a 100% CSS solution that avoids the white Visual editor entirely,
   hide the “Visual” tab so users type in the dark Text tab. Comment these out
   if you want to keep the Visual tab. */
.bbpress .wp-editor-wrap .switch-tmce { display:none !important; } /* hide Visual */
.bbpress .wp-editor-wrap .switch-html { /* style the remaining Text tab */
  background: var(--bbp-panel); color: var(--bbp-text); border:1px solid var(--bbp-border);
}
/* ---- bbPress: force dark inputs + reply box ---- */
body.bbpress #bbpress-forums textarea,
body.bbpress .bbp-form textarea,
body.bbpress #bbp_reply_content,
body.bbpress #bbp_topic_content,
body.bbpress #bbp_topic_title,
body.bbpress .wp-editor-area,
body.bbpress input[type="text"],
body.bbpress input[type="search"],
body.bbpress input[type="email"],
body.bbpress select {
  background:#111111 !important;
  color:#e9e9e9 !important;
  border:1px solid #333333 !important;
  border-radius:8px !important;
}

/* placeholder + focus */
body.bbpress #bbpress-forums ::placeholder { color:#bdbdbd !important; }
body.bbpress #bbpress-forums textarea:focus,
body.bbpress #bbpress-forums input:focus,
body.bbpress #bbpress-forums select:focus {
  outline:none !important;
  border-color:#22c55e !important;
  box-shadow:0 0 0 2px rgba(34,197,94,.25) !important;
}

/* quicktags toolbar above the textarea */
body.bbpress .quicktags-toolbar {
  background:#161616 !important;
  border:1px solid #333333 !important;
}

/* make posted content readable too */
body.bbpress .bbp-reply-content,
body.bbpress .bbp-topic-content { color:#e9e9e9 !important; }

/* extra safety for single-topic/reply templates (some themes drop the .bbpress body class) */
body.single-topic textarea,
body.single-reply textarea { background:#111111 !important; color:#e9e9e9 !important; border:1px solid #333333 !important; }
/* bbPress: make topic/reply CHAIN readable */
#bbpress-forums .bbp-body > ul > li.bbp-topic,
#bbpress-forums .bbp-body > ul > li.bbp-reply,
#bbpress-forums .bbp-body .type-topic,
#bbpress-forums .bbp-body .type-reply {
  background:#121212 !important;
  border:1px solid #262626 !important;
}

/* Actual message text */
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content,
#bbpress-forums .bbp-topic-content *,
#bbpress-forums .bbp-reply-content * {
  color:#e9e9e9 !important;
  background:transparent !important;
  opacity:1 !important;
}

/* Meta (dates, small text, admin links) */
#bbpress-forums .bbp-reply-header,
#bbpress-forums .bbp-topic-header,
#bbpress-forums .bbp-admin-links a,
#bbpress-forums .bbp-reply-post-date,
#bbpress-forums .bbp-topic-post-date {
  color:#bdbdbd !important;
}

/* Links + hover */
#bbpress-forums a { color:#e9e9e9 !important; }
#bbpress-forums a:hover { color:#22c55e !important; }

/* Safety: if a theme sets a white inner card */
#bbpress-forums .bbp-reply-content > div,
#bbpress-forums .bbp-topic-content > div {
  background:transparent !important;
}
/* BuddyPress @mention autocomplete dropdown */
.atwho-view { background:#161616; border:1px solid #333; color:#e9e9e9; border-radius:8px; }
.atwho-view .cur { background:#22c55e; color:#0a0a0a; }
/* Force dark styling for PENDING topics/replies from moderation plugins */
#bbpress-forums li.status-pending,
#bbpress-forums li.pending,
#bbpress-forums .bbp-pending,
#bbpress-forums .awaiting-moderation,
#bbpress-forums li[class*="pending"],
#bbpress-forums .bbpress-moderation,
#bbpress-forums .bbpress-moderation-pending {
  background:#121212 !important;
  border:1px solid #262626 !important;
  color:#e9e9e9 !important;
}

/* Ensure inner text/links aren’t washed out or semi-transparent */
#bbpress-forums li.status-pending *,
#bbpress-forums li.pending *,
#bbpress-forums .bbpress-moderation *,
#bbpress-forums .awaiting-moderation * {
  color:#e9e9e9 !important;
  opacity:1 !important;
  background:transparent !important;
}

/* Badge/label "(Awaiting moderation)" */
#bbpress-forums .awaiting-moderation,
#bbpress-forums .bbp-topic-title .awaiting-moderation,
#bbpress-forums .bbp-reply-title .awaiting-moderation {
  display:inline-block;
  background:#161616 !important;
  border:1px solid #333 !important;
  color:#e9e9e9 !important;
  border-radius:8px;
  padding:.15rem .45rem;
}

/* Approve/Unapprove buttons (front-end) */
#bbpress-forums a.bbp-approve,
#bbpress-forums a.bbp-unapprove {
  padding:.25rem .5rem;
  border:1px solid #333; border-radius:8px;
  background:#161616; color:#e9e9e9;
}
#bbpress-forums a.bbp-approve:hover { background:#22c55e; color:#0a0a0a; }
/* === Pending topics: force readable title, author, and time in lists === */
#bbpress-forums li[class*="pending"] .bbp-topic-title,
#bbpress-forums li[class*="pending"] .bbp-topic-title a,
#bbpress-forums li[class*="pending"] .bbp-topic-title .bbp-topic-permalink,
#bbpress-forums li[class*="pending"] .bbp-topic-started-by,
#bbpress-forums li[class*="pending"] .bbp-topic-started-by *,
#bbpress-forums li[class*="pending"] .bbp-topic-freshness,
#bbpress-forums li[class*="pending"] .bbp-topic-freshness *,
#bbpress-forums li[class*="awaiting"] .bbp-topic-title,
#bbpress-forums li[class*="awaiting"] .bbp-topic-title a,
#bbpress-forums li[class*="awaiting"] .bbp-topic-freshness,
#bbpress-forums li[class*="awaiting"] .bbp-topic-freshness * {
  color:#e9e9e9 !important;
  opacity:1 !important;
  background:transparent !important;
}

/* Visited & hover states for those links */
#bbpress-forums li[class*="pending"] .bbp-topic-title a:visited { color:#d1d1d1 !important; }
#bbpress-forums li[class*="pending"] .bbp-topic-title a:hover { color:#22c55e !important; }

/* If the plugin applies a light badge next to the title */
#bbpress-forums .bbp-topic-title .awaiting-moderation {
  background:#161616 !important;
  border:1px solid #333 !important;
  color:#e9e9e9 !important;
  border-radius:8px; padding:.15rem .45rem;
}
/* Pending topics/replies: fix dark theme on the LIST rows */
#bbpress-forums ul[class*="pending"] {
  background:#121212 !important;
  border:1px solid #262626 !important;
  opacity:1 !important; /* some plugins dim the whole row */
}
#bbpress-forums ul[class*="pending"] > li { background:transparent !important; }

/* Title link, "Started by", and Freshness cells */
#bbpress-forums ul[class*="pending"] .bbp-topic-title,
#bbpress-forums ul[class*="pending"] .bbp-topic-title a.bbp-topic-permalink,
#bbpress-forums ul[class*="pending"] .bbp-topic-started-by,
#bbpress-forums ul[class*="pending"] .bbp-topic-started-by * ,
#bbpress-forums ul[class*="pending"] .bbp-topic-freshness,
#bbpress-forums ul[class*="pending"] .bbp-topic-freshness * {
  color:#e9e9e9 !important;
  background:transparent !important;
  opacity:1 !important;
}

/* The "(Awaiting moderation)" badge next to the title */
#bbpress-forums ul[class*="pending"] .awaiting-moderation {
  display:inline-block;
  background:#161616 !important;
  border:1px solid #333 !important;
  color:#e9e9e9 !important;
  border-radius:8px; padding:.15rem .45rem;
}
/* ==== Brand tokens (edit if needed) ==== */
:root{
  --brand-bg: #111111;
  --brand-text: #e5e7eb;
  --brand-muted: #c9cdd3;
  --brand-border: #2a2a2a;
  --brand-green: #22c55e;   /* DIY green */
  --brand-green-hover: #16a34a;
}

/* Wrap: BuddyPress register */
#buddypress, .buddypress {
  color: var(--brand-text);
}

/* Labels & help text */
#buddypress label { color: var(--brand-text); }
#buddypress .description,
#buddypress .field-visibility-settings-notoggle,
#buddypress .field-visibility-settings-notoggle p {
  color: var(--brand-muted);
}

/* Inputs / selects / textareas */
#buddypress .standard-form input[type="text"],
#buddypress .standard-form input[type="email"],
#buddypress .standard-form input[type="password"],
#buddypress .standard-form input[type="url"],
#buddypress .standard-form textarea,
#buddypress .standard-form select {
  background: var(--brand-bg);
  color: var(--brand-text);
  border: 1px solid var(--brand-border);
  border-radius: 8px;
  box-shadow: none;
}

#buddypress .standard-form input:focus,
#buddypress .standard-form textarea:focus,
#buddypress .standard-form select:focus {
  border-color: var(--brand-green);
  outline: none;
}

/* Error state (red outline BuddyPress adds) -> keep readable */
#buddypress .error input,
#buddypress .required-field input {
  background: var(--brand-bg);
}

/* Primary submit button */
#buddypress .standard-form input[type="submit"],
#buddypress .button.submit,
#buddypress .bp-primary-action {
  background: var(--brand-green);
  color: #0b0b0b;
  border: none;
  border-radius: 10px;
  padding: 10px 16px;
  cursor: pointer;
}
#buddypress .standard-form input[type="submit"]:hover,
#buddypress .button.submit:hover,
#buddypress .bp-primary-action:hover {
  background: var(--brand-green-hover);
  color: #000;
}

/* Notices / alerts */
#buddypress .bp-feedback {
  background: #151515;
  border: 1px solid var(--brand-border);
  color: var(--brand-text);
}

/* Password strength meter spacing/contrast */
#buddypress .password-strength {
  border-radius: 8px;
  color: #0b0b0b;
}
/* BuddyPress Register – Password Hint box */
#buddypress .standard-form p.description.indicator-hint {
  background: #151515 !important;   /* dark background */
  color: #c9cdd3 !important;        /* muted light gray text */
  border: 1px solid #2a2a2a !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  margin-top: 8px !important;
  box-shadow: none !important;
}
/* Poll results bars */
.gdpoll-result-bar {
  background: #22c55e !important; /* DIY green */
}

/* Poll results bar for alternate/secondary styling */
.gdpoll-result-bar-alt {
  background: #ef4444 !important; /* Home Theater red */
}