/* =====================================================
   MIJNMAFFIA – FORUM CSS
   ===================================================== */

/* Basis card */
.forum-card,
.card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  overflow:hidden;
}

/* ---------- Tools ---------- */
.forum-tools__row{
  display:flex;
  gap:12px;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}

.forum-zoeken{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.forum-zoeken input{
  padding:.6rem .7rem;
  border:1px solid #e5e7eb;
  border-radius:10px;
  min-width:260px;
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .85rem;
  border-radius:10px;
  border:1px solid #e5e7eb;
  background:#fff;
  font-weight:900;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
}

.btn-primary{
  background:#b91c1c;
  border-color:#b91c1c;
  color:#fff;
  box-shadow:0 10px 26px rgba(185,28,28,.25);
}

.btn-soft{
  background:#f8fafc;
}

/* ---------- Forum table ---------- */
.forum-category{ margin-top:16px; }

.forum-head{
  display:grid;
  grid-template-columns:1fr 120px 240px;
  padding:14px 18px;
  background:#0f172a;
  color:#fff;
  font-weight:800;
}

.forum-row{
  display:grid;
  grid-template-columns:1fr 120px 240px;
  padding:16px 18px;
  border-top:1px solid #eef2f7;
  align-items:center;
  background:#fff;
}

.forum-row:nth-child(even){
  background:#f9fafb;
}

.forum-row:hover{
  background:#f1f5f9;
}

.col-topics{
  text-align:center;
  font-weight:800;
}

.col-last{
  font-size:.85rem;
  color:#334155;
}

.muted{
  opacity:.65;
  font-weight:700;
}

/* ---------- Board ---------- */
.board-left{
  display:flex;
  gap:14px;
}

.board-icon{
  font-size:1.2rem;
  opacity:.7;
}

.board-title{
  font-weight:800;
  color:#b91c1c;
  text-decoration:none;
}

.board-title:hover{
  text-decoration:underline;
}

.board-desc{
  font-size:.9rem;
  opacity:.75;
  margin-top:2px;
  max-width:720px;
}

/* ---------- Last post ---------- */
.last-wrap{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.last-date{ font-weight:700; }
.last-user b{ font-weight:800; }

/* ---------- Topic page ---------- */
.topic-head{
  display:flex;
  justify-content:space-between;
  padding:14px 18px;
  background:#0f172a;
  color:#fff;
  font-weight:900;
}

.post{
  display:flex;
  gap:16px;
  padding:16px 18px;
  border-top:1px solid #eef2f7;
}

.post:nth-child(even){
  background:#f9fafb;
}

.avatar{
  width:42px;
  height:42px;
  border-radius:12px;
  background:#f1f5f9;
  border:1px solid #e5e7eb;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}

.post-body{
  line-height:1.6;
}

/* ---------- Reply ---------- */
.reply-head{
  padding:14px 18px;
  background:#0f172a;
  color:#fff;
  font-weight:900;
}

.reply-ta{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:1px solid #e5e7eb;
}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .forum-head,
  .forum-row{
    grid-template-columns:1fr 90px;
  }
  .col-last{ display:none; }
}

/* als je forum.css gebruikt: verplaats dit naar forum.css en verwijder hier */
.crumbs{ display:flex; gap:10px; flex-wrap:wrap; }
.lbl{ display:block; font-weight:900; margin-bottom:6px; opacity:.85; }
.inp{ width:100%; padding:.6rem .7rem; border:1px solid #e5e7eb; border-radius:10px; background:#fff; }
.reply-form{ padding:14px; display:flex; flex-direction:column; gap:12px; }
.reply-form__row{ display:flex; flex-direction:column; }
.reply-ta{ width:100%; padding:12px; border-radius:12px; border:1px solid #e5e7eb; background:#fff; }
.reply-actions{ display:flex; justify-content:flex-end; }