/**
 * Correctifs CSS pour le bandeau Google Reviews
 * Résout les problèmes de superposition et d'affichage
 */

/* Fix pour éviter la superposition des étoiles sur le logo Google */
.google-reviews-banner-smart .reviews-stats {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; /* Espacement suffisant entre les éléments */
    white-space: nowrap; /* Empêche le retour à la ligne */
}

.google-reviews-banner-smart .google-logo-mini {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important; /* Largeur minimale */
    margin-right: 4px !important; /* Marge de sécurité */
}

.google-reviews-banner-smart .rating-stars {
    display: inline-block !important;
    margin: 0 6px !important; /* Marges de chaque côté */
    line-height: 1 !important;
    vertical-align: middle !important;
}

.google-reviews-banner-smart .rating-number {
    margin-left: 4px !important;
}

/* Assurer qu'un seul bandeau est visible */
.google-reviews-banner,
.google-reviews-widget {
    display: none !important; /* Cache les anciens bandeaux */
}

.google-reviews-banner-smart {
    display: block !important; /* Affiche uniquement le nouveau */
}

/* Responsive - Éviter les chevauchements sur mobile */
@media (max-width: 480px) {
    .google-reviews-banner-smart .reviews-stats {
        font-size: 12px !important;
    }
    
    .google-reviews-banner-smart .rating-stars {
        font-size: 14px !important;
        letter-spacing: -1px !important;
    }
    
    .google-reviews-banner-smart .google-logo-mini {
        width: 16px !important;
        height: 16px !important;
    }
}