/* Badge family */

/* Pill — compact inline */
.kgr-widget.kgr-style-badge-pill {
	background: transparent; /* the pill itself draws the chrome */
}
.kgr-widget.kgr-style-badge-pill .kgr-badge-pill {
	display: inline-flex; align-items: center;
	gap: var(--kgr-sp-2);
	padding: 8px 14px;
	background: var(--kgr-card-bg);
	border: 1px solid var(--kgr-border);
	border-radius: var(--kgr-radius-pill);
	box-shadow: var(--kgr-shadow-soft);
	font-size: var(--kgr-fs-body);
	color: var(--kgr-fg);
	transition: background-color .15s ease, border-color .15s ease;
}
.kgr-widget.kgr-style-badge-pill .kgr-badge-pill:hover {
	background: var(--kgr-accent-soft);
	border-color: var(--kgr-accent);
	text-decoration: none;
}
.kgr-widget.kgr-style-badge-pill .kgr-pill-google-text {
	font-weight: 600;
	background: linear-gradient(90deg, #4285F4 0%, #EA4335 30%, #FBBC05 60%, #34A853 100%);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: transparent;
}
.kgr-widget.kgr-style-badge-pill .kgr-pill-score { font-weight: 700; }
.kgr-widget.kgr-style-badge-pill .kgr-pill-count { color: var(--kgr-muted); font-size: var(--kgr-fs-small); }

/* Stack — larger summary block with breakdown bars */
.kgr-widget.kgr-style-badge-stack .kgr-badge-stack {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--kgr-sp-6);
	padding: var(--kgr-sp-5);
	background: var(--kgr-card-bg);
	border: 1px solid var(--kgr-border);
	border-radius: var(--kgr-radius);
	box-shadow: var(--kgr-shadow-soft);
	align-items: center;
}
@media (max-width: 600px) {
	.kgr-widget.kgr-style-badge-stack .kgr-badge-stack { grid-template-columns: 1fr; gap: var(--kgr-sp-4); }
}
.kgr-widget.kgr-style-badge-stack .kgr-badge-stack-summary {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	column-gap: var(--kgr-sp-3); row-gap: 4px;
}
.kgr-widget.kgr-style-badge-stack .kgr-badge-google { grid-row: 1; grid-column: 1; }
.kgr-widget.kgr-style-badge-stack .kgr-badge-stack-score {
	grid-row: 1; grid-column: 2;
	font-size: 36px; font-weight: 700; line-height: 1;
}
.kgr-widget.kgr-style-badge-stack .kgr-badge-stack-stars {
	grid-row: 2; grid-column: 1 / span 2;
}
.kgr-widget.kgr-style-badge-stack .kgr-badge-stack-stars .kgr-star { font-size: 18px; }
.kgr-widget.kgr-style-badge-stack .kgr-badge-stack-count {
	grid-row: 3; grid-column: 1 / span 2;
	color: var(--kgr-muted); font-size: var(--kgr-fs-small);
}
.kgr-widget.kgr-style-badge-stack .kgr-badge-stack-link {
	grid-row: 4; grid-column: 1 / span 2;
	margin-top: var(--kgr-sp-2);
	font-size: var(--kgr-fs-small);
	color: var(--kgr-accent);
}