/* Replace MyBB sprite-based .thread_status with Bootstrap Icons.
   Works with your existing classes: folder, hotfolder, closefolder, newfolder, dot_folder, etc.
   Uses CSS pseudo-elements so you don't have to change templates.
*/

.thread_status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  line-height:1;
  background:none !important;
  background-image:none !important;
  vertical-align:middle;
  position:relative;
}

/* default icon */
.thread_status::before{
  font-family:"bootstrap-icons";
  font-weight:400;
  font-style:normal;
  display:inline-block;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:16px;
  content:"\F268"; /* bi-chat-left */
  color:rgba(255,255,255,.70);
}

/* NEW (no posts by you) */
.thread_status.newfolder::before{
  content:"\F4E7"; /* bi-chat-left-dots */
  color:#21f3a8;   /* neon */
}

/* HOT */
.thread_status.hotfolder::before{
  content:"\F2EE"; /* bi-fire */
  color:#fb7185;
}

/* CLOSED */
.thread_status.closefolder::before{
  content:"\F47B"; /* bi-lock */
  color:rgba(255,255,255,.60);
}

/* MOVED */
.thread_status.movefolder::before{
  content:"\F13A"; /* bi-arrow-right-circle */
  color:rgba(255,255,255,.60);
}

/* ===== "Posts by you" variants (dot_*) ===== */
/* Use an overlay dot + keep base icon */
.thread_status.dot_folder::after,
.thread_status.dot_hotfolder::after,
.thread_status.dot_closefolder::after,
.thread_status.dot_newfolder::after,
.thread_status.dot_hotclosefolder::after,
.thread_status.dot_newhotfolder::after,
.thread_status.dot_newclosefolder::after,
.thread_status.dot_newhotclosefolder::after{
  content:"";
  position:absolute;
  right:-2px;
  top:-2px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#21f3a8; /* neon dot = posts by you */
  box-shadow:0 0 0 2px rgba(11,15,20,.90); /* ink outline */
}

/* dot + base icon adjustments per type */
.thread_status.dot_folder::before{
  content:"\F268"; /* bi-chat-left */
  color:rgba(255,255,255,.70);
}
.thread_status.dot_newfolder::before{
  content:"\F4E7"; /* bi-chat-left-dots */
  color:#21f3a8;
}
.thread_status.dot_hotfolder::before{
  content:"\F2EE"; /* bi-fire */
  color:#fb7185;
}
.thread_status.dot_closefolder::before{
  content:"\F47B"; /* bi-lock */
  color:rgba(255,255,255,.60);
}
.thread_status.dot_hotclosefolder::before{
  content:"\F47B"; /* lock */
  color:#fb7185;
}
.thread_status.dot_newhotfolder::before{
  content:"\F2EE"; /* fire */
  color:#21f3a8;
}
.thread_status.dot_newclosefolder::before{
  content:"\F47B"; /* lock */
  color:#21f3a8;
}
.thread_status.dot_newhotclosefolder::before{
  content:"\F47B"; /* lock */
  color:#21f3a8;
}

/* ===== Optional: if you still have these old sprite-only classes in markup ===== */
.thread_status.folder::before{
  content:"\F268"; /* bi-chat-left */
  color:rgba(255,255,255,.70);
}
.thread_status.hotclosefolder::before{
  content:"\F47B"; /* lock */
  color:#fb7185;
}
.thread_status.newhotfolder::before{
  content:"\F2EE"; /* fire */
  color:#21f3a8;
}
.thread_status.newclosefolder::before{
  content:"\F47B"; /* lock */
  color:#21f3a8;
}
.thread_status.newhotclosefolder::before{
  content:"\F47B"; /* lock */
  color:#21f3a8;
}