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

   File: star_rating.css / Thread Rating fallback
   Version: v1 FINAL CLEAN

   Scope:
   - rating topicuri MyBB;
   - păstrează compatibilitatea cu images/star_rating.png;
   - polish premium dark/neon fără să rupă sistemul stock.
========================================================= */


/* =========================================================
   01. STAR RATING BASE
========================================================= */

.star_rating,
.star_rating li a:hover,
.star_rating .current_rating{
	background:url(../../../images/star_rating.png) left -1000px repeat-x;
	vertical-align:middle;
}

.star_rating{
	position:relative;
	width:80px;
	height:16px;
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	background-position:left top;
	filter:
		drop-shadow(0 0 6px rgba(57,255,20,.08))
		drop-shadow(0 2px 4px rgba(0,0,0,.28));
}

td .star_rating{
	margin:auto;
}

.star_rating li{
	display:inline;
}


/* =========================================================
   02. STAR RATING LINKS
========================================================= */

.star_rating li a,
.star_rating .current_rating{
	position:absolute;
	top:0;
	left:0;
	height:16px;
	line-height:16px;
	overflow:hidden;
	border:0;
	outline:0;
	text-indent:-1000px;
}

.star_rating_notrated li a:hover{
	background-position:left bottom;
	filter:drop-shadow(0 0 6px rgba(57,255,20,.28));
}

.star_rating li a.one_star{
	width:20%;
	z-index:6;
}

.star_rating li a.two_stars{
	width:40%;
	z-index:5;
}

.star_rating li a.three_stars{
	width:60%;
	z-index:4;
}

.star_rating li a.four_stars{
	width:80%;
	z-index:3;
}

.star_rating li a.five_stars{
	width:100%;
	z-index:2;
}

.star_rating .current_rating{
	z-index:1;
	background-position:left center;
	filter:drop-shadow(0 0 5px rgba(57,255,20,.18));
}


/* =========================================================
   03. STAR RATING FEEDBACK
========================================================= */

.star_rating_success,
.success_message{
	margin-bottom:10px;
	color:var(--cs-green, #39ff14);
	font-size:11px;
	font-weight:900;
	text-shadow:0 0 10px rgba(57,255,20,.16);
}

.inline_rating{
	float:left;
	padding-right:6px;
	background:url(../../../images/star_rating.png) left -1000px repeat-x;
	vertical-align:middle;
	filter:drop-shadow(0 0 6px rgba(57,255,20,.08));
}


/* =========================================================
   04. RESPONSIVE
========================================================= */

@media (max-width:600px){
	.star_rating{
		transform:scale(.95);
		transform-origin:left center;
	}

	td .star_rating{
		transform-origin:center center;
	}
}