/* Garantir que o estilo do WooCommerce não interfira */
.custom-star-rating {
    position: relative;
    display: inline-flex;
    gap: 5px;
    font-size: 24px;
    line-height: 1;
}

.custom-star-rating::before,
.custom-star-rating .star::before {
    content: none !important; /* Remove o "sssss" do WooCommerce */
}

/* Estilizar as estrelas */
.custom-star-rating .star {
    display: inline-block;
    width: 24px; /* Tamanho fixo para evitar sobreposição */
    height: 24px;
    cursor: pointer;
    color: #d3ced2; /* Cor das estrelas vazias (cinza claro) */
    transition: color 0.2s ease;
}

.custom-star-rating .star.dashicons-star-filled {
    color: #ffb300; /* Cor das estrelas preenchidas (amarelo) */
}

/* Efeito de hover */
.custom-star-rating .star:hover,
.custom-star-rating .star:hover ~ .star {
    color: #ffb300; /* Cor ao passar o mouse */
}