.igrb-badge {
    display: inline-block;
    width: 300px;
    max-width: 100%;
    color: #202124;
    text-decoration: none !important;
    font-family: inherit;
    line-height: 1.25;
    padding: 10px 12px;
    margin: 0;
    background: #ffffff;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
}

.igrb-badge:hover,
.igrb-badge:focus,
.igrb-badge:active {
    color: #202124;
    text-decoration: none !important;
    outline: none;
}

.igrb-title {
    display: block;
    margin: 0 0 1px;
    color: #202124;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    white-space: normal;
	margin-bottom: 5px;
}

.igrb-rating-row {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 1px;
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
	margin-bottom: 5px;
}

.igrb-rating-number {
    color: #70757a;
    font-size: 12px;
    font-weight: 400;
}

.igrb-stars {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    color: #fbbc04;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0;
    transform: translateY(-1px);
}

.igrb-star {
    display: inline-block;
    color: #dadce0;
    font-size: 12px;
    line-height: 1;
}

.igrb-star.is-filled {
    color: #fbbc04;
}

.igrb-review-count {
    color: #1a0dab;
    font-size: 12px;
    font-weight: 400;
}

.igrb-meta {
    display: block;
    margin: 0;
    color: #70757a;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
}


.igrb-badge:hover,
.igrb-badge:focus {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}

/* Google Rating card layout: [google_reviews_badge layout="rating"] */
.igrb-badge.igrb-layout-rating,
.igrb-badge.igrb-layout-rating-card,
.igrb-badge.igrb-layout-google-rating {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
/*     min-height: 117px; */
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    color: #222222;
    font-family: inherit;
    text-decoration: none !important;
}

.igrb-rating-topbar {
    display: block;
    width: 100%;
    height: 11px;
    background: #51c765;
}

.igrb-rating-card-inner {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 15px;
}

.igrb-google-logo {
    display: inline-flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.igrb-google-logo svg {
    display: block;
    width: 40px;
    height: 40px;
}

.igrb-rating-card-content {
    display: block;
    min-width: 0;
}

.igrb-google-rating-title {
    display: block;
    margin: 0 0 6px;
    color: #222222;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    white-space: nowrap;
}

.igrb-google-rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px;
    white-space: nowrap;
}

.igrb-google-rating-number {
    color: #e65b20;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.igrb-google-rating-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    line-height: 1;
    transform: none;
}

.igrb-google-rating-stars .igrb-star {
    color: #e65b20;
    font-size: 16px;
    line-height: 1;
}

.igrb-google-rating-stars .igrb-star.is-filled {
    color: #e65b20;
}

.igrb-google-rating-reviews {
    display: block;
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    white-space: nowrap;
}

.igrb-badge.igrb-layout-rating:hover,
.igrb-badge.igrb-layout-rating:focus,
.igrb-badge.igrb-layout-rating-card:hover,
.igrb-badge.igrb-layout-rating-card:focus,
.igrb-badge.igrb-layout-google-rating:hover,
.igrb-badge.igrb-layout-google-rating:focus {
    color: #222222;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);
}

/* Transparent layout: [google_reviews_badge layout="transparent"] */
.igrb-badge.igrb-layout-transparent,
.igrb-badge.igrb-layout-minimal,
.igrb-badge.igrb-layout-inline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: auto;
    max-width: 100%;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    font-family: inherit;
    line-height: 1.2;
    text-decoration: none !important;
}

.igrb-badge.igrb-layout-transparent:hover,
.igrb-badge.igrb-layout-transparent:focus,
.igrb-badge.igrb-layout-minimal:hover,
.igrb-badge.igrb-layout-minimal:focus,
.igrb-badge.igrb-layout-inline:hover,
.igrb-badge.igrb-layout-inline:focus {
    color: inherit;
    background: none;
    box-shadow: none;
    text-decoration: none !important;
}

/* Colour overrides: color="light" on dark backgrounds, color="dark" on light ones. */
.igrb-badge.igrb-color-light,
.igrb-badge.igrb-color-light:hover,
.igrb-badge.igrb-color-light:focus {
    color: #ffffff;
}

.igrb-badge.igrb-color-dark,
.igrb-badge.igrb-color-dark:hover,
.igrb-badge.igrb-color-dark:focus {
    color: #202124;
}

.igrb-transparent-logo {
    display: inline-flex;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.igrb-transparent-logo svg {
    display: block;
    width: 20px;
    height: 20px;
}

.igrb-transparent-content {
    display: block;
    min-width: 0;
}

.igrb-transparent-row {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 2px;
    white-space: nowrap;
}

.igrb-transparent-rating {
    color: inherit;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
}

.igrb-transparent-stars {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    line-height: 1;
}

.igrb-transparent-stars .igrb-star {
    color: rgba(128, 128, 128, 0.45);
    font-size: 18px;
    line-height: 1;
}

.igrb-transparent-stars .igrb-star.is-filled {
    color: #f5a623;
}

.igrb-transparent-reviews {
    display: block;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
}

/* Capsule layout: [google_reviews_badge layout="capsule"] */
.igrb-badge.igrb-layout-capsule,
.igrb-badge.igrb-layout-pill {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    width: auto;
    max-width: 100%;
    padding: 12px 30px 12px 22px;
    background: #ffffff;
    border: 0;
    border-radius: 999px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
    color: #4a4a4a;
    font-family: inherit;
    line-height: 1.2;
    text-decoration: none !important;
}

.igrb-badge.igrb-layout-capsule:hover,
.igrb-badge.igrb-layout-capsule:focus,
.igrb-badge.igrb-layout-pill:hover,
.igrb-badge.igrb-layout-pill:focus {
    color: #4a4a4a;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
    text-decoration: none !important;
}

.igrb-capsule-logo {
    display: inline-flex;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
}

.igrb-capsule-logo svg {
    display: block;
    width: 46px;
    height: 46px;
}

.igrb-capsule-content {
    display: block;
    min-width: 0;
}

.igrb-capsule-title {
    display: block;
    margin: 0 0 4px;
    color: #4a4a4a;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
}

.igrb-capsule-row {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.igrb-capsule-rating {
    color: #f5921e;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.igrb-capsule-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    line-height: 1;
}

.igrb-capsule-stars .igrb-star {
    color: #e2e2e2;
    font-size: 24px;
    line-height: 1;
}

.igrb-capsule-stars .igrb-star.is-filled {
    color: #f5921e;
}

/* Bar layout: [google_reviews_badge layout="bar"] */
.igrb-badge.igrb-layout-bar,
.igrb-badge.igrb-layout-wide {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    width: auto;
    max-width: 100%;
    padding: 13px 30px;
    background: #ffffff;
    border: 0;
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(10, 22, 48, 0.16);
    color: #16294d;
    font-family: inherit;
    line-height: 1.2;
    text-decoration: none !important;
}

.igrb-badge.igrb-layout-bar:hover,
.igrb-badge.igrb-layout-bar:focus,
.igrb-badge.igrb-layout-wide:hover,
.igrb-badge.igrb-layout-wide:focus {
    color: #16294d;
    box-shadow: 0 5px 18px rgba(10, 22, 48, 0.22);
    text-decoration: none !important;
}

.igrb-bar-logo {
    display: inline-flex;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
}

.igrb-bar-logo svg {
    display: block;
    width: 32px;
    height: 32px;
}

.igrb-bar-stars {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    line-height: 1;
}

.igrb-bar-stars .igrb-star {
    color: #dfe3ea;
    font-size: 23px;
    line-height: 1;
}

.igrb-bar-stars .igrb-star.is-filled {
    color: #fbbc04;
}

.igrb-bar-rating {
    color: #16294d;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.igrb-bar-divider {
    display: block;
    flex: 0 0 1px;
    width: 1px;
    height: 30px;
    margin: 0 8px;
    background: #dfe3ea;
}

.igrb-bar-reviews {
    color: #16294d;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
}

/* The bar is wide by nature; let it wrap rather than overflow on phones. */
@media (max-width: 480px) {
    .igrb-badge.igrb-layout-bar,
    .igrb-badge.igrb-layout-wide {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 10px;
        padding: 14px 22px;
        border-radius: 22px;
    }

    .igrb-bar-divider {
        display: none;
    }

    .igrb-bar-reviews {
        flex-basis: 100%;
        text-align: center;
    }
}

/* Large layout: [google_reviews_badge layout="large"] */
/* Same metrics as the rating card — only the structure differs: the G spans
   both text rows and there is no review-count line. */
.igrb-badge.igrb-layout-large,
.igrb-badge.igrb-layout-rating-large {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    color: #3c4043;
    font-family: inherit;
    line-height: 1.2;
    text-decoration: none !important;
}

.igrb-badge.igrb-layout-large:hover,
.igrb-badge.igrb-layout-large:focus,
.igrb-badge.igrb-layout-rating-large:hover,
.igrb-badge.igrb-layout-rating-large:focus {
    color: #3c4043;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);
    text-decoration: none !important;
}

.igrb-large-topbar {
    display: block;
    width: 100%;
    height: 11px;
    background: #51c765;
}

.igrb-large-inner {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 15px;
}

.igrb-large-logo {
    display: inline-flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.igrb-large-logo svg {
    display: block;
    width: 40px;
    height: 40px;
}

.igrb-large-content {
    display: block;
    min-width: 0;
}

.igrb-large-title {
    display: block;
    margin: 0 0 6px;
    color: #3c4043;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    white-space: nowrap;
}

.igrb-large-row {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.igrb-large-rating {
    color: #e8710a;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
}

.igrb-large-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    line-height: 1;
}

.igrb-large-stars .igrb-star {
    color: #e3e3e3;
    font-size: 17px;
    line-height: 1;
}

.igrb-large-stars .igrb-star.is-filled {
    color: #e8710a;
}