/* Star rating styles for reviews */
.star-rating label:before {
  content: '★';
  font-size: 1.75rem;
  color: #d1d5db !important; 
}

/* Make selected/hovered stars yellow */
.star-rating input:checked ~ label:before,
.star-rating label:hover:before,
.star-rating label:hover ~ label:before {
  color: #FFD700 !important;
}

/* Fix for older browsers */
.star-rating .selected:before {
  color: #FFD700 !important;
}

/* Ensure proper spacing */
.star-rating {
  display: flex;
  gap: 0.25rem;
}

/* Hide the actual radio buttons */
.star-rating input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* Ensure labels are clickable */
.star-rating label {
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  display: block;
}

/* Improve focus accessibility */
.star-rating input[type="radio"]:focus + label:before {
  outline: 2px solid #4f46e5;
  outline-offset: 2px;
}