/* CSS for reviews */
.halls-card-stars {
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    color: #ddd;
    unicode-bidi: bidi-override;
}

.halls-card-stars .stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #0c0c0c; /* Gold color for filled stars */
    width: 0; /* Dynamically updated via JS */
}

.halls-card-stars .stars-hover {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.halls-card-stars::before {
    content: '★★★★★'; /* Empty stars */
    display: block;
    color: inherit;
}

.halls-card-stars .stars-inner::before,
.halls-card-stars .stars-hover::before {
    content: '★★★★★'; /* Filled stars */
    display: block;
}

.not-clickable {
    pointer-events: none; /* Disable pointer events (click, hover) */
    opacity: 1; /* Optional: Dim the element to indicate it's inactive */
}
.halls-page-ratings-title-stars {
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    color: #ddd; /* Empty stars color */
    unicode-bidi: bidi-override;
}

.halls-page-ratings-title-stars .stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: black; /* Gold color for filled stars */
    width: 0; /* Dynamically updated via JS */
}

.halls-page-ratings-title-stars::before {
    content: '★★★★★'; /* Empty stars */
    display: block;
    color: inherit;
}

.halls-page-ratings-title-stars .stars-inner::before {
    content: '★★★★★'; /* Filled stars */
    display: block;
}