/* ============================================================
   Reviews Banner – Elementor Widget Styles
   ============================================================ */

.grw-banner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    /* Elementor overrides margin, padding, border radius, box shadow */
    border-radius: 8px; /* Default */
    overflow: hidden;
    background: #ffffff; /* Default */
}

/* ── Top Section ── */
.grw-banner__top {
    display: flex;
    align-items: center;
    justify-content: center; /* Default can be overridden */
    padding: 20px 30px; /* Default */
    gap: 20px; /* Default */
}

/* Google Logo */
.grw-banner__logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.grw-banner__logo img {
    /* Set size via elementor */
    width: 50px;
    height: auto;
    object-fit: contain;
}

/* ── Content Section ── */
.grw-banner__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Default */
    justify-content: center;
    gap: 8px; /* Default */
}

/* ── Stars ── */
.grw-banner__stars {
    display: inline-flex;
    align-items: center;
    gap: 2px; /* Default */
}

.grw-banner .grw-star {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 0;
}

.grw-banner .grw-star__bg {
    display: block;
    width: 100%;
    height: 100%;
    filter: grayscale(100%) brightness(1.8);
    opacity: 0.35;
}

.grw-banner .grw-star__fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    line-height: 0;
}

.grw-banner .grw-star__fill img {
    display: block;
    width: 24px;
    height: 24px;
    filter: none;
}

/* ── Text ── */
.grw-banner__text {
    display: flex;
    align-items: baseline;
    gap: 6px; /* spacing between score and desc */
}

.grw-banner__score {
    font-size: 1.8rem;
    font-weight: 700;
    color: #202124;
    line-height: 1;
}

.grw-banner__desc {
    font-size: 1.4rem;
    color: #3c4043;
    line-height: 1;
    font-weight: 400; /* Regular google font style */
}

/* ── Bottom Section ── */
.grw-banner__bottom {
    display: block;
    width: 100%;
    background-color: #1A73E8; /* Elementor overridable */
    color: #ffffff;
    text-align: center;
    padding: 12px 20px; /* Elementor overridable */
    font-size: 1.25rem;
    font-weight: 500;
}