/*
 * ===============================================
 * Style pour le shortcode [mdz_rating] (V9 - Final)
 * Suppression du 'width: 5.2em' qui était incorrect.
 * ===============================================
 */

/* 1. Le conteneur Flex principal (pour la ligne) */
.acf-star-rating {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1;
}

/* 2. Le wrapper d'étoiles (SANS largeur fixe) */
.acf-star-wrap {
    position: relative;
    display: inline-block; /* Se rétrécit pour s'adapter au contenu */
    font-size: 20px;
    line-height: 1;
    /* On a SUPPRIMÉ 'width: 5.2em;' */
}

/* 3. La couche de base (étoiles vides) */
.acf-star-wrap .stars-base {
    position: relative;
    z-index: 1;
    color: #ccc;
    line-height: 1;
    white-space: nowrap;
}

/* 4. La couche de remplissage (étoiles pleines) */
.acf-star-wrap .stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: #f8c325;
    overflow: hidden; /* Coupe les étoiles */
    line-height: 1;
    white-space: nowrap;
    
    /* 'width: 65%' est maintenant 65% de la largeur des 5 étoiles (ce qui est correct) */
}

/* 5. Le texte */
.acf-star-rating .rating-text {
    font-size: 18px;
    color: #666;
    margin-left: 10px;
    line-height: 1;
}