.rating-card-bg {
	background-color:#c03b34;
}

.rating-container {
    display: flex;
    flex-direction: column; /* Položí prvky pod sebe */
    align-items: flex-start;
    gap: 5px;
}

.stars {
    display: flex;
    flex-wrap: nowrap;
    gap: 3px;
}

.stars span {
    font-size: 24px;
    padding: 2px;
    color: #ccc;
    transition: color 0.2s;
    cursor: pointer;
}

.stars span.active,
.stars span.hover {
    color: gold;
}

.rating-scale {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
}

.rating-scale div {
    width: 24px;
    height: 24px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.2s;
    background: rgba(0, 0, 0, 0.1);
}

.rating-scale div:hover {
    /*background: rgba(0, 0, 0, 0.1);*/
    background: #ccc;
}

.rating-scale div.selected {
    /*background: #007bff;*/
    background: gold;
    /*color: white;*/
    font-weight: bold;
}