/* Basic layout */
.ccr-rating-container {
    margin: 8px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: inherit;
}

.ccr-rating-label {
    font-weight: 600;
    margin-right: 6px;
}

/* star input */
.ccr-star-input {
    display: inline-flex;
    direction: ltr;
    user-select: none;
}

.ccr-star, .ccr-comment-star, .ccr-avg-stars span {
    font-size: 24px;
    padding: 0 3px;
    transition: color .15s ease;
    cursor: pointer;
}

/* default colors */
.ccr-star { color: #cccccc; }
.ccr-star.selected { color: #f5b50a; }

/* stars shown under comments (non-interactive) */
.ccr-comment-stars {
    margin-bottom: 6px;
    line-height: 1;
}
.ccr-comment-stars .ccr-comment-star {
    cursor: default;
    font-size: 18px;
}

/* average stars */
.ccr-avg-stars { font-size: 22px; color: #f5b50a; }
.ccr-avg-num { margin-left: 8px; font-weight: 600; font-size: 16px; color: #333; }

/* Accessibility: visually hide old-style default input if any (we use unique ids now) */
input[type="hidden"][id^="ccr_rating_"] {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* small tweak for reply form hide/show */
.ccr-rating-container { transition: opacity .12s ease; }