/* Sketch Suite — Google Reviews widget (header pill) */

.skgr-widget {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 16px 8px 14px;
	background: #ffffff;
	border: 1.5px solid #f4c4be;
	border-radius: 9999px;
	color: #1d2327;
	text-decoration: none;
	font-family: var(--sk-font, "Saans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	font-size: 13px;
	line-height: 1.2;
	white-space: nowrap;
	flex-shrink: 0;
	transition:
		transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
		box-shadow 0.22s ease,
		border-color 0.18s ease;
}
a.skgr-widget:hover {
	transform: translateY(-1px);
	border-color: #ec5446;
	box-shadow: 0 6px 18px rgba(236, 84, 70, 0.15);
}

.skgr-widget__logo {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

/* Stars — overlay technique so we can do half/decimal ratings */
.skgr-widget__stars {
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
}
.skgr-widget__stars-bg,
.skgr-widget__stars-fill {
	display: inline-flex;
	gap: 1px;
	line-height: 0;
}
.skgr-widget__stars-bg {
	color: #e5e7eb;
}
.skgr-widget__stars-fill {
	position: absolute;
	inset: 0 auto 0 0;
	color: #fbbf24;
	overflow: hidden;
	white-space: nowrap;
}

.skgr-widget__text {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
}
.skgr-widget__count {
	color: #1d2327;
}

/* When sticky header gets the frosted-glass class, lift the widget border slightly */
.skgh--scrolled .skgr-widget {
	background: rgba(255, 255, 255, 0.85);
}

/* Hide the header-slot widget on desktop — with the two-pill layout it floats in
   the gap between the pills, so we keep it out of the bar. The mobile drawer keeps
   its own copy (.skgh__mobile-reviews .skgr-widget), which this rule doesn't touch. */
.skgh__inner > .skgr-widget {
	display: none;
}

/* Hide on mobile — header collapses to hamburger there */
@media (max-width: 980px) {
	.skgr-widget { display: none; }
}