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

   File: thread_tools.css / ShowThread tools fallback
   Version: v1 FINAL CLEAN

   Scope:
   - Thread Tools stock MyBB;
   - iconițe print / send thread / subscribe;
   - spinner fallback;
   - ShowThread Premium rămâne în showthread_premium.css.
========================================================= */


/* =========================================================
   01. THREAD TOOLS LIST RESET
========================================================= */

ul.thread_tools,
ul.thread_tools li{
	margin:0;
	padding:0;
	list-style:none;
}

ul.thread_tools{
	display:flex;
	flex-direction:column;
	gap:6px;
}


/* =========================================================
   02. THREAD TOOLS ITEMS
========================================================= */

ul.thread_tools li{
	position:relative;
	display:flex;
	align-items:center;
	min-height:32px;
	padding:7px 10px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:12px;
	background:rgba(14,23,32,.72);
	color:var(--cs-muted, #8da096);
	font-size:13px;
	font-weight:800;
	line-height:1.3;
	transition:
		background .18s ease,
		border-color .18s ease,
		color .18s ease,
		box-shadow .18s ease,
		transform .18s ease;
}

ul.thread_tools li:hover{
	background:rgba(57,255,20,.09);
	border-color:rgba(57,255,20,.28);
	color:#ffffff;
	box-shadow:0 0 16px rgba(57,255,20,.08);
	transform:translateX(2px);
}

ul.thread_tools li a{
	color:inherit !important;
	text-decoration:none !important;
}

ul.thread_tools li a:hover{
	color:#ffffff !important;
}


/* =========================================================
   03. THREAD TOOLS ICONS
========================================================= */

ul.thread_tools li::before{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:22px;
	min-width:22px;
	height:22px;
	margin-right:8px;
	padding:0;
	border-radius:50%;
	background:rgba(57,255,20,.08);
	color:var(--cs-green, #39ff14);
	font-family:"Font Awesome 5 Free", "FontAwesome", Arial, Sans-Serif;
	font-size:12px;
	font-weight:900;
	text-rendering:auto;
	box-shadow:0 0 12px rgba(57,255,20,.08);
}

ul.thread_tools li.printable::before{
	content:"\f02f";
}

ul.thread_tools li.sendthread::before{
	content:"\f1d9";
}

ul.thread_tools li.subscription_add::before{
	content:"\f067";
}

ul.thread_tools li.subscription_remove::before{
	content:"\f068";
	color:var(--cs-red, #ef4444);
	background:rgba(239,68,68,.10);
	box-shadow:0 0 12px rgba(239,68,68,.08);
}


/* =========================================================
   04. SHOWTHREAD SPINNER
========================================================= */

.showthread_spinner{
	display:block;
	width:100%;
	margin:0 auto;
	padding:24px;
	text-align:center;
	color:var(--cs-muted, #8da096);
}

.showthread_spinner::before{
	content:"";
	display:inline-block;
	width:34px;
	height:34px;
	border:3px solid rgba(57,255,20,.16);
	border-top-color:var(--cs-green, #39ff14);
	border-radius:50%;
	box-shadow:0 0 18px rgba(57,255,20,.12);
	animation:csThreadToolsSpin .75s linear infinite;
	vertical-align:middle;
}


/* =========================================================
   05. RESPONSIVE
========================================================= */

@media (max-width:700px){
	ul.thread_tools{
		gap:7px;
	}

	ul.thread_tools li{
		min-height:34px;
		padding:8px 10px;
		font-size:12px;
	}

	.showthread_spinner{
		padding:18px;
	}
}


/* =========================================================
   06. ANIMATIONS
========================================================= */

@keyframes csThreadToolsSpin{
	to{
		transform:rotate(360deg);
	}
}