/* ==========================================
   GOOGLE REVIEW BADGE - Site-Wide Component
   Location: /asset/css/templates/google-review-badge.css
   
   NOTE: This badge uses the existing .city-hero-badge class
   from city-service.css. This CSS file is only needed if
   you want to use the badge on pages that don't load
   city-service.css.
   ========================================== */

/* Matches .city-hero-badge from city-service.css exactly */
.city-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 14px;
    color: #166534;
    font-family: AvertaPESemiBold, sans-serif;
    margin-bottom: 14px;
}

.city-hero-badge img {
    height: 20px;
    width: auto;
}