/* MS Opinie Google – odznaka [ms_opinie_odznaka]. Ładowana tylko tam, gdzie jest shortcode. Bez JS poza tlo="auto". */
.ms-odznaka{
	--k:var(--ms-kolor,var(--wp--preset--color--primary,var(--global-palette1,#1f6f4a)));
	--muted:rgba(128,128,128,.9);
	--line:rgba(128,128,128,.3);
	--surface:#fff;
	--surface-fg:#1f2a24;
	--star:#f4b400;
	display:inline-grid;gap:8px;justify-items:center;font-size:1rem;line-height:1.4;text-align:center
}
.ms-odznaka[data-tlo="ciemne"]{--surface:rgba(255,255,255,.07);--surface-fg:currentColor;--line:rgba(255,255,255,.18)}
@supports (color:color-mix(in oklab,red,blue)){
	.ms-odznaka{
		--muted:color-mix(in oklab,currentColor 60%,transparent);
		--line:color-mix(in oklab,var(--k) 22%,transparent);
		--surface:color-mix(in oklab,var(--k) 3%,#fff);
		--surface-fg:color-mix(in oklab,var(--k) 10%,#1f2a24);
	}
	.ms-odznaka[data-tlo="ciemne"]{
		--surface:color-mix(in oklab,var(--k) 16%,rgb(255 255 255 / 5%));
		--surface-fg:currentColor;
		--line:color-mix(in oklab,var(--k) 35%,rgb(255 255 255 / 14%));
	}
}
/* tlo="#hex": własny kolor pudełka bez odcienia akcentu; tekst jasny/ciemny wg jasności hexu (data-tlo) */
.ms-odznaka.ms-odznaka--tlo{--surface:var(--ms-tlo);--line:rgba(0,0,0,.14);--surface-fg:#1f2a24}
.ms-odznaka.ms-odznaka--tlo[data-tlo="ciemne"]{--line:rgba(255,255,255,.2);--surface-fg:#fff;--muted:rgba(255,255,255,.72)}
.ms-odznaka__box{display:grid;justify-items:center;gap:8px;padding:16px 24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--surface-fg);text-decoration:none;box-sizing:border-box}
a.ms-odznaka__box:hover{border-color:var(--k);color:var(--surface-fg)}
.ms-odznaka__head{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.ms-odznaka__head svg{width:22px;height:22px;flex:none}
.ms-odznaka__row{display:inline-flex;align-items:center;gap:10px}
.ms-odznaka__score{font-weight:700;font-size:1.25em;line-height:1;font-variant-numeric:tabular-nums}
.ms-odznaka__score small{font-size:.6em;color:var(--muted);font-weight:600;margin-left:2px}
.ms-odznaka__text{font-size:.9em;color:var(--muted)}
.ms-odznaka__text strong{color:var(--surface-fg);text-decoration:underline;text-underline-offset:3px}
.ms-odznaka__all{font-size:.85em;font-weight:600;color:var(--k)}

/* gwiazdki z ułamkiem – szerokość na sztywno (jak w module głównym) */
.ms-odznaka .ms-stars{position:relative;display:inline-block;width:118px;height:22px;line-height:0}
.ms-odznaka .ms-stars svg{height:22px;width:118px;max-width:none;display:block}
.ms-odznaka .ms-stars__fill{position:absolute;inset:0;overflow:hidden;color:var(--star)}
.ms-odznaka .ms-stars__bg{color:var(--line)}