/* ============================================================
   STW BASECAMP FORUM SKIN — phase 1 (CSS overlay, dev only)
   Scoped to #wpforo-wrap. Deactivate plugin to revert.
   Palette: ink #20262e · sub #697585 · line #e4e7eb · bg #f4f5f2
            green #4c7a26 / #7ac142 · orange #e05a1e · navy #22384e
   ============================================================ */

#wpforo-wrap{
  --bc-ink:#20262e; --bc-sub:#697585; --bc-line:#e4e7eb; --bc-bg:#f4f5f2;
  --bc-card:#fff; --bc-green:#4c7a26; --bc-green2:#7ac142; --bc-greensoft:#eef4e6;
  --bc-orange:#e05a1e; --bc-navy:#22384e;
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color:var(--bc-ink);
  background:var(--bc-bg);
  padding:14px !important;
  border-radius:14px;
}

/* ---------- top bar / menu: calm chips ---------- */
#wpforo-wrap .wpf-menu{border:none !important;background:transparent !important;display:flex;gap:6px;flex-wrap:wrap}
#wpforo-wrap .wpf-menu li{background:transparent !important;border:none !important}
#wpforo-wrap .wpf-menu li a{
  border:1px solid var(--bc-line) !important;background:var(--bc-card) !important;color:var(--bc-sub) !important;
  border-radius:999px !important;padding:6px 16px !important;font-size:13.5px !important;font-weight:600;
  text-transform:none !important;
}
#wpforo-wrap .wpf-menu li.wpforo-active a,
#wpforo-wrap .wpf-menu li a:hover{
  background:var(--bc-ink) !important;border-color:var(--bc-ink) !important;color:#fff !important;
}
/* breadcrumbs */
#wpforo-wrap .wpforo-breadcrumb,#wpforo-wrap #wpforo-breadcrumb{font-size:12.5px !important;color:var(--bc-sub) !important;margin:8px 0 !important}
#wpforo-wrap .wpforo-breadcrumb a{color:var(--bc-sub) !important}

/* ---------- headers / section chrome ---------- */
#wpforo-wrap .wpforo-topic-head,
#wpforo-wrap .wpf-head-bar{
  background:var(--bc-card) !important;border:1px solid var(--bc-line) !important;border-radius:12px !important;
  color:var(--bc-ink) !important;box-shadow:none !important;
}
#wpforo-wrap h1,#wpforo-wrap h2.wpf-title,#wpforo-wrap .wpf-forum-title{
  color:var(--bc-ink) !important;letter-spacing:-.3px;
}

/* buttons */
#wpforo-wrap .wpf-button,
#wpforo-wrap button.add-topic-button,
#wpforo-wrap .add-topic-button,
#wpforo-wrap input[type=submit]{
  background:var(--bc-green) !important;border:none !important;color:#fff !important;
  border-radius:8px !important;font-weight:700 !important;box-shadow:none !important;
}
#wpforo-wrap .wpf-button:hover,#wpforo-wrap .add-topic-button:hover{background:#3c611e !important}

/* ============================================================
   TOPIC LIST (forum pages + recent)
   ============================================================ */
#wpforo-wrap .wpfl-1.wpforo-section,#wpforo-wrap .wpfl-2.wpforo-section{
  background:var(--bc-card) !important;border:1px solid var(--bc-line) !important;border-radius:14px !important;
  box-shadow:none !important;padding:0 !important;overflow:hidden;
}
#wpforo-wrap .topic-wrap{
  border-bottom:1px solid var(--bc-line) !important;margin:0 !important;padding:0 !important;background:transparent !important;
}
#wpforo-wrap .topic-wrap:last-child{border-bottom:none !important}
#wpforo-wrap .wpforo-topic{
  display:flex !important;align-items:center;gap:12px;padding:13px 16px !important;margin:0 !important;
  background:transparent !important;border:none !important;
}
#wpforo-wrap .wpforo-topic:hover{background:#f8faf5 !important}

/* fire/new icon → small dot */
#wpforo-wrap .wpforo-topic-icon{
  width:10px !important;min-width:10px !important;height:10px;border-radius:50%;
  background:var(--bc-line);overflow:hidden;flex-shrink:0;
}
#wpforo-wrap .wpforo-topic-icon *{display:none !important}
#wpforo-wrap .wpforo-topic-icon:has(.fa-fire),
#wpforo-wrap .topic-wrap:has(.fa-fire) .wpforo-topic-icon{background:var(--bc-orange)}

#wpforo-wrap .wpforo-topic-info{flex:1;min-width:0}
#wpforo-wrap .wpforo-topic-title{margin:0 !important}
#wpforo-wrap .wpforo-topic-title a{
  font-size:15.5px !important;font-weight:650 !important;color:var(--bc-ink) !important;
  letter-spacing:-.1px;text-decoration:none !important;
}
#wpforo-wrap .wpforo-topic-title a:hover{color:var(--bc-green) !important}
#wpforo-wrap .wpforo-topic-start-info{
  font-size:12.5px !important;color:var(--bc-sub) !important;margin:3px 0 0 !important;
}
#wpforo-wrap .wpforo-topic-start-info a{color:var(--bc-sub) !important;font-weight:600}
#wpforo-wrap .wpforo-topic-badges{margin-top:4px}

/* stats: replies prominent, views subtle */
#wpforo-wrap .wpforo-topic-stat-combined{
  display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;
  font-variant-numeric:tabular-nums;min-width:86px;
}
#wpforo-wrap .wpforo-topic-stat-combined .stat-line{
  font-size:12px !important;color:var(--bc-sub) !important;background:transparent !important;
}
#wpforo-wrap .wpforo-topic-stat-combined .stat-line:first-child{font-size:14px !important;font-weight:700 !important;color:var(--bc-ink) !important}
#wpforo-wrap .wpforo-topic-toggle{color:var(--bc-sub) !important}

/* pagination */
#wpforo-wrap .wpf-snavi,#wpforo-wrap .wpf-page-navi{font-size:13px !important;color:var(--bc-sub) !important}

/* ============================================================
   TOPIC / POST VIEW — flatten the left author rail into a header
   ============================================================ */
#wpforo-wrap .post-wrap{
  background:var(--bc-card) !important;border:1px solid var(--bc-line) !important;border-radius:14px !important;
  box-shadow:none !important;margin:0 0 12px !important;padding:14px 16px !important;
}
#wpforo-wrap .post-wrap .wpforo-post{
  display:flex !important;flex-direction:column !important;background:transparent !important;
  border:none !important;padding:0 !important;margin:0 !important;
}
/* author rail → horizontal byline */
#wpforo-wrap .wpforo-post .wpf-left{
  width:100% !important;min-width:0 !important;max-width:none !important;float:none !important;
  display:flex !important;align-items:center;gap:10px;
  background:transparent !important;border:none !important;padding:0 0 10px !important;margin:0 !important;
}
#wpforo-wrap .wpforo-post .author-data{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#wpforo-wrap .wpforo-post .author-name,#wpforo-wrap .wpforo-post .author-name a{
  font-size:14.5px !important;font-weight:700 !important;color:var(--bc-ink) !important;
}
#wpforo-wrap .wpforo-post .author-title{
  font-size:11px !important;font-weight:700;color:var(--bc-green) !important;background:var(--bc-greensoft);
  border-radius:4px;padding:1px 8px;text-transform:uppercase;letter-spacing:.3px;
}
#wpforo-wrap .wpforo-post .author-joined{display:none !important}
#wpforo-wrap .wpforo-post .author-posts{font-size:12px !important;color:var(--bc-sub) !important}
#wpforo-wrap .wpforo-post .wpforo-memberinfo{display:none !important}

/* content column */
#wpforo-wrap .wpforo-post .wpf-right{
  width:100% !important;margin:0 !important;padding:0 !important;float:none !important;border:none !important;
}
#wpforo-wrap .wpforo-post-content{
  font-size:15.5px !important;line-height:1.55 !important;color:var(--bc-ink) !important;max-width:72ch;
}
#wpforo-wrap .wpforo-post-content-top{
  border-bottom:none !important;font-size:12.5px !important;color:var(--bc-sub) !important;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;
}
#wpforo-wrap .wpf-post-date{color:var(--bc-sub) !important;font-size:12.5px !important}
#wpforo-wrap .wpf-post-starter{
  font-size:10.5px !important;background:var(--bc-green) !important;color:#fff !important;font-weight:800;
  border-radius:4px;padding:1px 7px;text-transform:uppercase;letter-spacing:.3px;
}

/* reactions / bottom row */
#wpforo-wrap .post-wrap .bottom{
  border-top:1px solid var(--bc-line) !important;margin-top:12px !important;padding-top:10px !important;
  background:transparent !important;
}
#wpforo-wrap .wpf-reaction-wrap .wpforo-reaction,
#wpforo-wrap .wpforo-reaction{
  border:1px solid var(--bc-line) !important;border-radius:999px !important;background:#fff !important;
  color:var(--bc-sub) !important;padding:3px 12px !important;
}
#wpforo-wrap .reacted-users{font-size:12.5px !important;color:var(--bc-sub) !important}
#wpforo-wrap .reacted-users a{color:var(--bc-green) !important;font-weight:600}

/* action links: quieter until hover */
#wpforo-wrap .wpforo-action-buttons-wrap a{color:var(--bc-sub) !important;font-size:12.5px !important}
#wpforo-wrap .wpforo-action-buttons-wrap a:hover{color:var(--bc-ink) !important}

/* quotes */
#wpforo-wrap blockquote{
  border-left:3px solid var(--bc-green2) !important;background:var(--bc-greensoft) !important;
  border-radius:0 8px 8px 0 !important;color:#41522f !important;
}

/* ---------- mobile ---------- */
@media(max-width:640px){
  #wpforo-wrap{padding:8px !important;border-radius:0}
  #wpforo-wrap .wpforo-topic{padding:12px 12px !important;gap:10px}
  #wpforo-wrap .wpforo-topic-stat-combined{min-width:52px}
  #wpforo-wrap .wpforo-topic-stat-combined .stat-line:nth-child(2){display:none !important}
  #wpforo-wrap .wpforo-topic-title a{font-size:15px !important}
  #wpforo-wrap .wpforo-topic-toggle{display:none !important}
  #wpforo-wrap .post-wrap{padding:12px !important;border-radius:12px !important}
}