/**
 * Extra Fields for ACF — Star Rating Field Styles
 */

.efacf-star-rating-wrap {
	display: inline-flex;
	flex-direction: row-reverse;
	gap: 2px;
}

.efacf-star-rating-wrap input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

.efacf-star-rating-wrap label {
	font-size: 28px;
	color: #d1d5db;
	cursor: pointer;
	line-height: 1;
	transition: color 0.1s ease;
	padding: 0 1px;
}

/* Highlight checked star and all stars before it (which come after in reverse flex) */
.efacf-star-rating-wrap input[type="radio"]:checked ~ label,
.efacf-star-rating-wrap input[type="radio"]:checked + label {
	color: #f59e0b;
}

/* Hover: highlight hovered star and all stars before it */
.efacf-star-rating-wrap label:hover,
.efacf-star-rating-wrap label:hover ~ label {
	color: #f59e0b;
}

/* Focus ring for accessibility */
.efacf-star-rating-wrap input[type="radio"]:focus-visible + label {
	outline: 2px solid #3b82f6;
	outline-offset: 2px;
	border-radius: 2px;
}