/* 
 * Star Rating System CSS
 * Provides styling for the star rating component and modal fixes
 */

:root {
  --star-color: #ffc107;
  --star-inactive: #e4e5e9;
}

/* Star Rating Base Styles */
.star-rating {
  direction: rtl;
  display: inline-block;
  padding: 10px 0;
}

.star-rating input[type="radio"] {
  display: none;
}

.star-rating label {
  color: var(--star-inactive);
  font-size: 30px;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type="radio"]:checked ~ label {
  color: var(--star-color);
}

/* Star Display for existing ratings */
.rating-stars {
  white-space: nowrap;
}

.rating-stars .fas.fa-star {
  color: var(--star-color);
}

.rating-stars .far.fa-star {
  color: var(--star-inactive);
}

/* Legacy class support */
.text-warning.fas.fa-star {
  color: var(--star-color) !important;
}

.text-warning.far.fa-star {
  color: var(--star-inactive) !important;
}