/* Star Rating Inputs for Overall Rating, CSAT, CES, and NPS */
.rating-group {
    display: inline-flex;
    /* CRITICAL: Force the correct ordering for the CSS selection logic to work */
    flex-direction: row-reverse !important; 
    line-height: 1; 
}

/* The rest of the CSS (default color, active/hover logic) remains the same */
.rating-group input[type="radio"] {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

/* 1. DEFAULT STAR COLOR: Light Gray (Using new specific class) */
.rating-group label.survey-star {
    cursor: pointer;
    font-size: 2rem;
    padding: 0 0.1rem;
    transition: color 0.2s;
    color: #ccc !important; 
}

/* 2. ACTIVE/HOVER LOGIC: Golden Star Color (Using new specific class) */
/* Selects the stars based on the checked hidden input */
.rating-group input[type="radio"]:checked ~ label.survey-star,
/* Selects the star being hovered over AND all stars before it */
.rating-group label.survey-star:hover,
.rating-group label.survey-star:hover ~ label.survey-star {
    color: #ffc107 !important; /* Golden star color */
}

/* The previous .nps-rating-group styles have been removed. */