.ct-google-reviews {
    padding: 88px 0;
    background: transparent;
    color: var(--ct-gr-heading);
}

.ct-google-reviews__inner {
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}

.ct-google-reviews__header {
    text-align: center;
    max-width: 860px;
    margin: 0 auto 42px;
}

.ct-google-reviews__eyebrow {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ct-gr-eyebrow);
    opacity: 0.95;
}

.ct-google-reviews__title {
    margin: 0;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.08;
    color: var(--ct-gr-heading);
}

.ct-google-reviews__summary {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.ct-google-reviews__summary-meta {
    font-size: 16px;
    line-height: 1.5;
    color: var(--ct-gr-summary_text);
    opacity: 0.92;
}

/* ---------------------------------------------------------
 * Google Reviews - SVG star system
 * SVG: /assets/icons/ct-star.svg
 * Boja se nasleđuje iz globalne Accent boje.
 * --------------------------------------------------------- */

.ct-google-reviews__stars {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ct-google-reviews__stars--summary .ct-google-reviews__star {
    width: 26px;
    height: 26px;
}

.ct-google-reviews__stars--card .ct-google-reviews__star {
    width: 19px;
    height: 19px;
}

.ct-google-reviews__star {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    color: var(--ct-gr-star_fill);
    line-height: 1;
}

.ct-google-reviews__star-icon {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;

    background-color: currentColor;

    -webkit-mask-image: url("../icons/ct-star.svg");
    mask-image: url("../icons/ct-star.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}


/* Prazna zvezdica */
.ct-google-reviews__star--empty {
    opacity: 0.28;
}


/* Half-star: puna forma u pozadini + 50% accent sloja */
.ct-google-reviews__star--half {
    position: relative;
}

.ct-google-reviews__star--half .ct-google-reviews__star-icon--base {
    position: absolute;
    inset: 0;
    opacity: 0.28;
}

.ct-google-reviews__star--half .ct-google-reviews__star-icon--fill {
    position: absolute;
    inset: 0;
    clip-path: inset(0 50% 0 0);
}


/* Full star ostaje potpuno popunjena */
.ct-google-reviews__star--full .ct-google-reviews__star-icon {
    opacity: 1;
}

.ct-google-reviews__grid {
    display: grid;
    justify-content: center;
    align-items: stretch;
    gap: 34px;
}

.ct-google-reviews__grid--count-1 {
    grid-template-columns: minmax(0, 390px);
}

.ct-google-reviews__grid--count-2 {
    grid-template-columns: repeat(2, minmax(0, 390px));
}

.ct-google-reviews__grid--count-3 {
    grid-template-columns: repeat(3, minmax(0, 390px));
}

.ct-google-reviews__card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 34px 34px 30px;
    border-radius: 24px;
    background: var(--ct-gr-card_bg);
    color: var(--ct-gr-card_text);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.08);
}

.ct-google-reviews__card-top {
    margin-bottom: 18px;
}

.ct-google-reviews__quote-wrap {
    flex: 1 1 auto;
    margin-bottom: 28px;
}

.ct-google-reviews__quote {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--ct-gr-card_text);
    display: -webkit-box;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ct-google-reviews__card-bottom {
    margin-top: auto;
}

.ct-google-reviews__author {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ct-google-reviews__avatar {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ct-gr-button_primary_bg);
    color: var(--ct-gr-button_primary_text);
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.ct-google-reviews__avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ct-google-reviews__author-content {
    min-width: 0;
}

.ct-google-reviews__author-name {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--ct-gr-card_name);
}

.ct-google-reviews__author-name a {
    color: inherit;
    text-decoration: none;
}

.ct-google-reviews__author-name a:hover {
    text-decoration: underline;
}

.ct-google-reviews__author-meta {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--ct-gr-card_meta);
    opacity: 0.95;
}

.ct-google-reviews__review-link-wrap {
    margin-top: 16px;
}

.ct-google-reviews__review-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--ct-gr-card_link);
    text-decoration: none;
}

.ct-google-reviews__review-link:hover {
    text-decoration: underline;
}

.ct-google-reviews__footer {
    margin-top: 28px;
    text-align: center;
}

.ct-google-reviews__note {
    max-width: 980px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 1.6;
    color: var(--ct-gr-note_text);
    opacity: 0.82;
}

.ct-google-reviews__actions {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.ct-google-reviews__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    transition: transform 0.18s ease, opacity 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.ct-google-reviews__button:hover {
    transform: translateY(-1px);
    opacity: 0.96;
}

.ct-google-reviews__button--primary {
    background: var(--ct-gr-button_primary_bg);
    color: var(--ct-gr-button_primary_text);
    border: 1px solid var(--ct-gr-button_primary_bg);
}

.ct-google-reviews__button--secondary {
    background: transparent;
    color: var(--ct-gr-button_secondary_text);
    border: 1px solid var(--ct-gr-button_secondary_border);
}

.ct-google-reviews__place-name {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--ct-gr-note_text);
    opacity: 0.78;
}

.ct-google-reviews__notice {
    margin: 20px 0;
    padding: 14px 16px;
    border-radius: 12px;
    background: #fff3cd;
    color: #664d03;
    font-size: 14px;
    line-height: 1.5;
}


@media (max-width: 767px) {
    .ct-google-reviews {
        padding: 28px 0;
    }

    .ct-google-reviews__inner {
        width: min(100%, calc(100% - 16px));
    }

    .ct-google-reviews__header {
        margin-bottom: 30px;
    }

    .ct-google-reviews__review-link-wrap {
        display: none;
    }

    /* Mobile reviews swipe */
    .ct-google-reviews__grid {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 16px;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;
        scroll-padding-inline: 0;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;

        scrollbar-width: none;
    }

    /* Sakrij scrollbar u WebKit browserima */
    .ct-google-reviews__grid::-webkit-scrollbar {
        display: none;
    }

    /*
 * Standardno ostavljamo deo sledeće kartice vidljivim
 * kako bi korisniku bilo jasno da može da prevuče.
 */


    .ct-google-reviews__card {
        flex: 0 0 calc(100% - 44px);
        width: auto;
        max-width: none;
        height: 310px;
        box-sizing: border-box;

        scroll-snap-align: start;
        scroll-snap-stop: always;

        padding: 26px 22px 24px;
        border-radius: 20px;
    }

    /*
 * Ako postoji samo jedna recenzija,
 * nema razloga da simuliramo slider/peek.
 */
    .ct-google-reviews__grid--count-1 {
        overflow-x: visible;
        justify-content: center;
    }

    .ct-google-reviews__grid--count-1 .ct-google-reviews__card {
        flex-basis: 100%;
    }

    .ct-google-reviews__card {
        padding: 26px 22px 24px;
        border-radius: 20px;
    }

    .ct-google-reviews__quote {
        font-size: 15px;
        line-height: 1.55;
        line-clamp: 5;
        -webkit-line-clamp: 5;
    }

    .ct-google-reviews__avatar {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
        font-size: 22px;
    }

    .ct-google-reviews__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ct-google-reviews__button {
        width: 100%;
    }
}

.ct-google-reviews a.ct-google-reviews__button--primary,
.ct-google-reviews a.ct-google-reviews__button--primary:visited {
    color: var(--ct-gr-button_primary_text) !important;
}

.ct-google-reviews a.ct-google-reviews__button--primary:hover,
.ct-google-reviews a.ct-google-reviews__button--primary:focus {
    color: var(--ct-gr-button_primary_text) !important;
}

.ct-google-reviews__translation-note {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--ct-gr-card_meta);
    opacity: 0.72;
}