/* =============================================================================
   Google Business Profile (GBP)
   ============================================================================= */

/* 1 - Bandeau */
.gbp.section {
    text-align: center;
    background: var(--fond-bandeau);
    color: var(--typo-sur-fond-sombre);
}

.gbp .h1 {
    color: var(--typo-sur-fond-sombre);
}

/* 2 - Note */
.note-avis {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-block-end: 2rem;
}

.nbr-note {
    font-family: var(--family-titre);
    font-size: var(--taille-font-3xl);
    line-height: 1;
}

/* 3 - Étoiles */
.gbp-stars {
    position: relative;
    width: clamp(10rem, 18vw, 16.5rem);
    aspect-ratio: 264 / 42;
    background: url(../images/etoiles-1.png) no-repeat left center / auto 100%;
}

.gbp-stars-fill {
    position: absolute;
    inset: 0 auto 0 0;
    background: url(../images/etoiles-2.png) no-repeat left center / auto 100%;
}

/* 4 - Responsive */
@media (max-width: 767px) {
    .note-avis {
        flex-direction: column;
    }

    .nbr-note {
        font-size: var(--taille-font-2xl);
    }
}