.cf7-star-rating {
    display: inline-block;
}

.cf7-star-rating .star {
    font-size: 2.5em; /* Veľkosť hviezdičiek */
    color: #ccc; /* Farba neaktívnej hviezdičky */
    cursor: pointer;
    transition: color 0.2s;
    line-height: 1;
}

/* Štýl pre hviezdičky, ktoré sú vybrané alebo ponad ktoré prechádza myš */
.cf7-star-rating .star.selected,
.cf7-star-rating:hover .star {
    color: #1c77fe; /* Vaša modrá farba */
}

/* Zabezpečí, že sa pri hoveri zafarbí len hviezdička a všetky pred ňou */
.cf7-star-rating .star:hover ~ .star {
    color: #ccc;
}

/* Ak je pole nevalidné, pridá červený okraj */
.wpcf7-form-control-wrap .wpcf7-not-valid .cf7-star-rating {
    border: 1px solid #f00;
    padding: 5px;
}