/* SFM theme 2 PREVIEW (Kim, 2026-11-08): lighter dark mode (~3 steps), blue for links/buttons/highlights,
   red kept for the logo and a few brand touches. Loaded after sfm-pro.css only when the sfm_theme2 cookie is set. */
html.sfm-pro, html.sfm-pro.light_mode, html.sfm-pro.dark_mode {
  --sp-accent:#1f6feb; --sp-brand:#cb2026;
  --harmony-button-background-color-hover:#1858c0; --harmony-button-border-color-hover:#1858c0;
}
@media (prefers-color-scheme: dark) {
  html.sfm-pro, html.sfm-pro.light_mode, html.sfm-pro.dark_mode {
    --sp-bg:#2c3138; --sp-card:#383e47; --sp-ink:#f4f6f8; --sp-muted:#c3c9d2; --sp-line:#4a515c;
    --sp-chip:#444b55; --sp-head:#323840; --sp-foot:#23272d; --sp-foot-ink:#c3c9d2;
    --sp-accent:#4c9aff;
    --harmony-button-background-color-hover:#3a86ea; --harmony-button-border-color-hover:#3a86ea;
  }
  html.sfm-pro .sfnf-card em, html.sfm-pro footer.sfnf a:hover { color:#7ab4ff !important; }
}
/* Buttons with the accent color keep white text */
html.sfm-pro .btn-primary, html.sfm-pro button[type=submit]:not(.bd-linkbtn) { color:#fff; }

/* Brand red stays on the active menu item marker */
html.sfm-pro .harmony_main_menu .harmony_main_menu_nav > li > .menu_core_main::before { background:var(--sp-brand); }
html.sfm-pro .harmony_main_menu .harmony_main_menu_nav > li.active > .menu_core_main i,
html.sfm-pro .harmony_main_menu .harmony_main_menu_nav > li.active > .menu_core_main span { color:var(--sp-brand) !important; }

/* Business Directory: blue-toned hero instead of red */
.bd-hero { background: radial-gradient(120% 140% at 100% 0%, rgba(76,154,255,.38) 0%, rgba(76,154,255,0) 55%), linear-gradient(135deg, #1d222a 0%, #262c35 60%, #1c2740 100%) !important; }
.bd-kicker, .bd-kicker a { color:#9cc6ff !important; }
.bd-btn-primary { box-shadow:none; }
.bd-head-btns .bd-btn-primary { box-shadow:0 6px 18px rgba(31,111,235,.35); }
.bd-h3::before { background: var(--sp-brand, #cb2026); }

/* Widgets with hard-coded red (inline styles with !important) */
html.sfm-pro .sfm-mag-more, html.sfm-pro .nrl-tip a, html.sfm-pro .sidebar_list_item_more a, html.sfm-pro .sidebar_list_item_more span,
html.sfm-pro .sfm-mv2-hero p a, html.sfm-pro .generic_layout_container a[class*="more"] { color:var(--sp-accent) !important; }
html.sfm-pro .sfnf-btn.red, html.sfm-pro .sfnf-btn.red:focus, html.sfm-pro .sfnf-btn.red:hover { background:var(--sp-accent) !important; border-color:var(--sp-accent) !important; color:#fff !important; }

/* v3 (Kim: "does not look lighter"): page backgrounds that use fixed dark colors */
@media (prefers-color-scheme: dark) {
  html.sfm-pro body, html.sfm-pro #global_wrapper, html.sfm-pro #global_content { background:var(--sp-bg) !important; }
  html.sfm-pro .harmony_header, html.sfm-pro #global_header, html.sfm-pro .layout_page_header { background:var(--sp-head) !important; }
  .bd-hero { background: radial-gradient(120% 140% at 100% 0%, rgba(76,154,255,.40) 0%, rgba(76,154,255,0) 55%), linear-gradient(135deg, #323944 0%, #3a424e 60%, #33425e 100%) !important; }
}

/* v4 (Kim, 2026-11-08): Network forum list rows all the same height ("even, symmetrical").
   Description: 2 lines max. Last reply: topic on line 1 (one line), name + date on line 2. */
html.sfm-pro .forum_categories_item { min-height:104px; align-items:center; }
html.sfm-pro .forum_categories_item .forum_info h3 { margin-bottom:2px; }
html.sfm-pro .forum_categories_item .forum_desc { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
html.sfm-pro .forum_categories_item .forum_lastpost { display:flex; align-items:center; gap:10px; min-width:0; }
html.sfm-pro .forum_lastpost_info { font-size:0 !important; display:grid !important; grid-template-columns:auto 1fr; column-gap:8px; row-gap:2px; min-width:0; max-width:100%; }
html.sfm-pro .forum_lastpost_info > * { font-size:13px; line-height:1.35; }
html.sfm-pro .forum_lastpost_info > a:nth-of-type(2) { order:1; grid-column:1 / -1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; color:var(--sp-ink) !important; }
html.sfm-pro .forum_lastpost_info > a:nth-of-type(1) { order:2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--sp-muted) !important; }
html.sfm-pro .forum_lastpost_info > a:nth-of-type(1) .verified_icon { width:12px; }
html.sfm-pro .forum_lastpost_info > .forum_lastpost_date { order:3; color:var(--sp-muted); white-space:nowrap; }