/* =========================================================
   CS Grăsuții România
   MyBB 1.8 - RoundoDarko Premium

   File: thread_status.css / Thread Status fallback
   Version: v1 FINAL CLEAN

   Scope:
   - iconițe status topicuri MyBB;
   - topic normal / hot / new / closed;
   - fallback premium pentru forumdisplay/threadlist.
========================================================= */


/* =========================================================
   01. THREAD STATUS BASE
========================================================= */

.thread_status{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	margin-left:2px;
	vertical-align:middle;
	border-radius:50%;
	background:rgba(255,255,255,.035);
	border:1px solid rgba(255,255,255,.07);
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
}

.thread_status::after{
	content:"\f27a";
	display:inline-block;
	color:var(--cs-muted, #8da096);
	font-family:"Font Awesome 5 Free", "FontAwesome", Arial, Sans-Serif;
	font-size:12px;
	font-weight:900;
	line-height:1;
	opacity:.62;
	text-rendering:auto;
}


/* =========================================================
   02. HOT THREAD
========================================================= */

[class*="hot"]::after{
	content:"\f27a";
	color:var(--cs-orange, #fb923c);
	opacity:1;
}

.thread_status[class*="hot"]{
	background:rgba(251,146,60,.10);
	border-color:rgba(251,146,60,.22);
	box-shadow:
		inset 0 0 0 1px rgba(0,0,0,.12),
		0 0 14px rgba(251,146,60,.10);
}


/* =========================================================
   03. NEW THREAD
========================================================= */

[class*="new"]::after{
	color:var(--cs-green, #39ff14);
	opacity:1;
	font-weight:900;
}

.thread_status[class*="new"]{
	background:rgba(57,255,20,.10);
	border-color:rgba(57,255,20,.28);
	box-shadow:
		inset 0 0 0 1px rgba(0,0,0,.12),
		0 0 16px rgba(57,255,20,.16);
}


/* =========================================================
   04. CLOSED THREAD
========================================================= */

[class*="closefolder"]::after{
	content:"\f023";
	color:var(--cs-red, #ef4444);
	opacity:1;
	font-weight:900;
}

.thread_status[class*="closefolder"]{
	background:rgba(239,68,68,.10);
	border-color:rgba(239,68,68,.24);
	box-shadow:
		inset 0 0 0 1px rgba(0,0,0,.12),
		0 0 14px rgba(239,68,68,.10);
}


/* =========================================================
   05. HOVER POLISH
========================================================= */

.thread_status{
	transition:
		background .18s ease,
		border-color .18s ease,
		box-shadow .18s ease,
		transform .18s ease;
}

.thread_status:hover{
	transform:translateY(-1px) scale(1.03);
	border-color:rgba(57,255,20,.30);
	box-shadow:
		inset 0 0 0 1px rgba(0,0,0,.12),
		0 0 18px rgba(57,255,20,.12);
}


/* =========================================================
   06. RESPONSIVE
========================================================= */

@media (max-width:600px){
	.thread_status{
		width:20px;
		height:20px;
	}

	.thread_status::after{
		font-size:11px;
	}
}