/* ===== QoC Forum — Board-Hierarchie (SSR-only, abgestimmt auf base.css) ===== */
.forum-wrap { display:flex; gap:var(--space-lg); align-items:flex-start; }
.forum-main { flex:1 1 auto; min-width:0; max-width:680px; }
.forum-side { flex:0 0 300px; display:flex; flex-direction:column; gap:var(--space-md); position:sticky; top:1rem; }

/* Board-Container (Kategorie) */
.board-container { background:var(--panel); border:1px solid var(--border); border-radius:var(--border-radius); margin-bottom:var(--space-lg); overflow:hidden; }
.board-container__header { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:var(--space-md); }
.board-container__title { margin:0; font-size:1.15rem; color:var(--gold); }
.board-container__link { color:var(--gold); text-decoration:none; }
.board-container__description { font-size:0.82rem; color:var(--muted); margin-top:0.2rem; }
.board-list { }

/* Board-Zeile (Unterkategorie / Kategorie) */
.board-row { display:flex; align-items:flex-start; gap:var(--space-md); padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--border); transition:background .15s; }
.board-row:last-child { border-bottom:none; }
.board-row:hover { background:rgba(212,175,55,0.06); }
.board-row__icon { font-size:1.6rem; line-height:1.2; flex:0 0 auto; width:2rem; text-align:center; margin-top:0.1rem; }
.board-row__content { flex:1 1 auto; min-width:0; }
.board-row__headline { display:flex; align-items:baseline; gap:var(--space-sm); }
.board-row__title { margin:0; font-size:1rem; color:var(--text); }
.board-row__link { color:var(--text); text-decoration:none; font-weight:600; }
.board-row__link:hover { color:var(--gold); }
.board-row__badge { font-size:0.65rem; color:var(--gold); background:rgba(212,175,55,0.12); padding:0.1rem 0.5rem; border-radius:999px; margin-left:0.3rem; }
.board-row__desc { font-size:0.8rem; color:var(--muted); margin:0.2rem 0 0; }
.board-row__stats { flex:0 0 auto; display:flex; flex-direction:column; gap:0.15rem; font-size:0.72rem; color:var(--muted); text-align:right; }
.board-row__stats dl { margin:0; }
.board-row__stats dt { display:inline; font-weight:normal; color:var(--muted); }
.board-row__stats dd { display:inline; font-weight:700; color:var(--text); margin:0; }
.board-row__lastposts { flex:0 0 230px; font-size:0.72rem; color:var(--muted); border-left:1px solid var(--border); padding-left:var(--space-md); }
.board-row__lastpost { margin-bottom:0.4rem; }
.board-row__lastpost:last-child { margin-bottom:0; }
.board-row__lastpost a { color:var(--text); text-decoration:none; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.board-row__lastpost a:hover { color:var(--gold); }
.board-row__lastpost small { color:var(--muted); font-size:0.65rem; display:flex; gap:0.4rem; align-items:center; }
.board-row__lastpost-avatar { width:24px; height:24px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.board-row__lastpost-meta { display:flex; align-items:center; gap:0.35rem; }

/* Unterforen-Chips */
.subboards { display:flex; flex-wrap:wrap; gap:0.4rem; padding:0.4rem var(--space-lg) var(--space-md); border-top:1px dashed var(--border); }
.subboard-chip { font-size:0.72rem; color:var(--muted); background:var(--bg, #141414); border:1px solid var(--border); border-radius:999px; padding:0.25rem 0.7rem; text-decoration:none; }
.subboard-chip:hover { color:var(--gold); border-color:var(--gold); }

/* Thread-Liste (Kategorie-Seite) */
.thread-row { display:flex; align-items:center; gap:var(--space-md); padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--border); }
.thread-row:last-child { border-bottom:none; }
.thread-row:hover { background:rgba(212,175,55,0.06); }
.thread-row__icon { font-size:1.3rem; width:1.8rem; text-align:center; flex:0 0 auto; }
.thread-row__main { flex:1 1 auto; min-width:0; }
.thread-row__title { margin:0; font-size:0.95rem; }
.thread-row__link { color:var(--text); text-decoration:none; font-weight:600; }
.thread-row__link:hover { color:var(--gold); }
.thread-row__excerpt { font-size:0.75rem; color:var(--muted); margin:0.15rem 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.thread-row__meta { font-size:0.7rem; color:var(--muted); margin-top:0.2rem; display:flex; gap:0.5rem; flex-wrap:wrap; }
.thread-row__stats { flex:0 0 auto; text-align:right; font-size:0.72rem; color:var(--muted); }
.thread-row__stats dl { margin:0; }
.thread-row__stats dt { display:inline; color:var(--muted); font-weight:normal; }
.thread-row__stats dd { display:inline; font-weight:700; color:var(--text); margin:0; }
.thread-row__lastpost { flex:0 0 200px; font-size:0.7rem; color:var(--muted); border-left:1px solid var(--border); padding-left:var(--space-md); }
.thread-row__lastpost a { color:var(--text); text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.thread-row__lastpost a:hover { color:var(--gold); }
.thread-row__lastpost small { color:var(--muted); font-size:0.62rem; }

/* Sidebar */
.forum-side .box { background:var(--panel); border:1px solid var(--border); border-radius:var(--border-radius); overflow:hidden; }
.forum-side .boxTitle { font-size:0.85rem; color:var(--gold); text-transform:uppercase; letter-spacing:0.05em; padding:var(--space-md) var(--space-lg); margin:0; border-bottom:1px solid var(--border); }
.forum-side .boxContent { padding:var(--space-sm) var(--space-lg); }
.forum-side .sidebarItemList { list-style:none; margin:0; padding:0; }
.forum-side .sidebarItem { display:flex; gap:var(--space-sm); align-items:center; padding:var(--space-sm) 0; border-bottom:1px solid var(--border); }
.forum-side .sidebarItem:last-child { border-bottom:none; }
.forum-side .sidebarItem img { width:24px; height:24px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.forum-side .sidebarItemTitle h3 { margin:0; font-size:0.8rem; font-weight:600; }
.forum-side .sidebarItemTitle h3 a { color:var(--text); text-decoration:none; }
.forum-side .sidebarItemTitle h3 a:hover { color:var(--gold); }
.forum-side .sidebarItemTitle small { color:var(--muted); font-size:0.65rem; }
.forum-side .sidebarItemTitle small a { color:inherit; }
.forum-side .box--18plus { text-align:center; padding:var(--space-md); font-size:0.75rem; color:var(--muted); }
.forum-side .box--18plus strong { color:var(--gold); }

/* Responsive: Sidebar unter den Inhalt */
@media (max-width: 1024px) {
  .forum-wrap { flex-direction:column; }
  .forum-side { flex:1 1 auto; width:100%; position:static; }
  .forum-side .box { width:100%; }
  .board-row__lastposts, .thread-row__lastpost { display:none; }
  .board-row__stats { text-align:left; flex-direction:row; gap:var(--space-md); }
}
@media (max-width: 480px) {
  .board-row { flex-wrap:wrap; }
  .board-row__stats { width:100%; }
  .forum-side .sidebarItem img { display:none; }
}
