/* Variables */

:root {
    --google-reviews-badge-text1: #333;
    --google-reviews-badge-text2: #777;
    --google-reviews-badge-accent: #e7711b;
    --google-reviews-badge-background: #fff;
    --google-reviews-badge-background2: #e5e7e9;
    

}

/* Badge */

.google-reviews-link{
    display:inline-block;
}

.google-reviews-badge {
    padding: 12px 20px 12px 15px;
    background-color: var(--google-reviews-badge-background);
    display: flex;
    width: fit-content;
    gap: 10px;
}


.google-reviews-badge .review-title,
.google-reviews-badge .review-total{
    font-size:14px;
}

.google-reviews-badge .review-title{
    color:var(--google-reviews-badge-text1);
}

.google-reviews-badge .review-total{
    color:var(--google-reviews-badge-text2);
}

.google-reviews-badge .review-rating{
    display: flex;
    align-items: center;
    gap: 5px;
}

.google-reviews-badge .review-rating-score{
    font-size:22px;
    color:var(--google-reviews-badge-accent);
}

/* Etoiles */

.rating-stars {
    font-size: 26px;
    line-height: 20px;
}

.star {
    color: var(--google-reviews-badge-accent);
    display: inline-block;
}

.full-star {
    transform: rotateY(0deg);
}

.half-star {
    position: relative;
    display: inline-block;
    transform: rotateY(180deg);
}

.half-star:before {
    content: "\2605"; /* Code Unicode de l'étoile pleine */
    position: absolute;
    overflow: hidden;
    width: 50%;
}

.empty-star {
    color: var(--google-reviews-badge-background2);
}