/* =========================================================
   Opinie Google — sekcja na froncie.
   Kolory i odstępy biorą się ze zmiennych motywu; wartości po
   przecinku to zapas na wypadek użycia wtyczki w innym motywie.
   ========================================================= */

.gg-opinie__head {
    text-align: center;
    margin-bottom: var(--gg-sp-6, 3rem);
}

.gg-opinie__summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gg-sp-1, .5rem);
    margin-top: var(--gg-sp-2, 1rem);
}

.gg-opinie__score {
    margin: 0;
    font-size: var(--gg-text-base, 1rem);
    color: var(--gg-text-muted, #5C4140);
}

.gg-opinie__score strong {
    font-family: var(--gg-font-display, sans-serif);
    font-size: var(--gg-text-xl, 1.5rem);
    color: var(--gg-dark, #5C0E04);
    margin-right: .35em;
}

/* --- Gwiazdki --- */

.gg-opinie__stars {
    display: inline-flex;
    gap: 2px;
}

.gg-opinie__star {
    width: 20px;
    height: 20px;
    fill: #D9D2D0;
    stroke: none;
    flex-shrink: 0;
}

.gg-opinie__star.is-on {
    fill: #F5A623;
}

/* --- Siatka kafelków --- */

.gg-opinie__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gg-sp-4, 2rem);
}

@media (max-width: 1024px) {
    .gg-opinie__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .gg-opinie__grid {
        grid-template-columns: 1fr;
    }
}

.gg-opinie__card {
    display: flex;
    flex-direction: column;
    gap: var(--gg-sp-2, 1rem);
    background: var(--gg-white, #fff);
    border: 1px solid var(--gg-border-light, #F5E5E2);
    border-radius: var(--gg-radius-lg, 20px);
    padding: var(--gg-sp-4, 2rem);
    box-shadow: var(--gg-shadow-sm, 0 2px 8px rgba(92,14,4,.08));
}

.gg-opinie__text {
    margin: 0;
    font-size: var(--gg-text-base, 1rem);
    line-height: 1.65;
    color: var(--gg-text, #1C0A08);
    max-width: none;
}

/* Nazwisko dosunięte do dołu — kafelki w rzędzie kończą się równo
   mimo różnej długości opinii. */
.gg-opinie__meta {
    margin-top: auto;
    padding-top: var(--gg-sp-2, 1rem);
    border-top: 1px solid var(--gg-border-light, #F5E5E2);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--gg-sp-1, .5rem);
    flex-wrap: wrap;
}

.gg-opinie__author {
    font-family: var(--gg-font-display, sans-serif);
    font-weight: 700;
    color: var(--gg-dark, #5C0E04);
}

.gg-opinie__date {
    font-size: var(--gg-text-sm, .875rem);
    color: var(--gg-text-muted, #5C4140);
}

/* --- Przycisk --- */

.gg-opinie__cta {
    text-align: center;
    margin-top: var(--gg-sp-6, 3rem);
}

.gg-opinie__cta-note {
    /* auto po bokach — globalne p{max-width:70ch} inaczej dosuwa akapit do lewej */
    margin: var(--gg-sp-1, .5rem) auto 0;
    font-size: var(--gg-text-sm, .875rem);
    color: var(--gg-text-muted, #5C4140);
}