@charset "UTF-8";

/* Different font sizes for the stars */
.rated-stars-s .star-ratings-css {
    font-size: 1rem;
}

.rated-stars-m .star-ratings-css {
    font-size: 2rem;
}

.rated-stars-l .star-ratings-css {
    font-size: 2.5rem;
}

/* Container width */
.rated-stars {
    width: 70px;
}

/* Star container styles */
.star-ratings-css {
    unicode-bidi: bidi-override;
    color: #FEB528; /* Default color for full stars */
    font-size: 1rem;
    height: 25px;
    position: relative;
    display: inline-block;
}

/* Empty stars (background) */
.star-ratings-css::before {
    content: "★★★★★"; /* 5 empty stars */
    opacity: 0.3;
}

/* Filled stars (foreground) */
.star-ratings-css::after {
    content: "★★★★★"; /* Full stars */
    color: #FEB528; /* Filled stars color */
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Default width to 0 */
    overflow: hidden;
    z-index: 1;
}

/* Width mappings for star ratings */
.star-ratings-css[data-rate="0"]::after {
    width: 0%;
}

.star-ratings-css[data-rate="0.5"]::after {
    width: 10%;
}

.star-ratings-css[data-rate="1"]::after {
    width: 20%;
}

.star-ratings-css[data-rate="1.5"]::after {
    width: 30%;
}

.star-ratings-css[data-rate="2"]::after {
    width: 40%;
}

.star-ratings-css[data-rate="2.5"]::after {
    width: 50%;
}

.star-ratings-css[data-rate="3"]::after {
    width: 60%;
}

.star-ratings-css[data-rate="3.5"]::after {
    width: 70%;
}

.star-ratings-css[data-rate="4"]::after {
    width: 80%;
}

.star-ratings-css[data-rate="4.5"]::after {
    width: 90%;
}

.star-ratings-css[data-rate="5"]::after {
    width: 100%;
}


.rating-text
{
    color: #FEB528;
}