/* Cosmed Google rating. Override the variables below in
   Appearance > Customize > Additional CSS to match the site. */
.cgr {
	--cgr-accent: #1a1a1a;
	--cgr-star: #fbbc04;
	--cgr-star-empty: #dadce0;
	--cgr-card-bg: #fff;
	--cgr-border: #e8e8e8;
	--cgr-muted: #70757a;
	--cgr-radius: 12px;
	font: inherit;
	color: inherit;
}

.cgr *, .cgr *::before, .cgr *::after { box-sizing: border-box; }
.cgr-g { flex: none; }
.cgr-muted { color: var(--cgr-muted); font-size: .9em; }

.cgr-stars { display: inline-flex; gap: 2px; vertical-align: middle; }
.cgr-star {
	width: 16px;
	height: 16px;
	background: linear-gradient(90deg, var(--cgr-star) var(--cgr-fill), var(--cgr-star-empty) var(--cgr-fill));
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Badge: [cosmed_rating] */
.cgr-badge {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	background: var(--cgr-card-bg);
	border: 1px solid var(--cgr-border);
	border-radius: 999px;
	text-decoration: none !important;
	line-height: 1.2;
}
a.cgr-badge:hover { box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.cgr-badge .cgr-g { width: 20px; height: 20px; }
.cgr-badge-score { font-weight: 700; font-size: 1.1em; }

/* Section: [cosmed_rating style="section"] */
.cgr-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	text-align: center;
}
.cgr-summary { display: flex; align-items: center; gap: 14px; text-align: left; }
.cgr-summary .cgr-g { width: 40px; height: 40px; }
.cgr-summary-score { font-size: 2.6em; font-weight: 700; line-height: 1; }
.cgr-summary .cgr-star { width: 22px; height: 22px; }
.cgr-summary .cgr-muted { margin-top: 4px; }

.cgr-locations {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
	width: 100%;
}
.cgr-location {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 20px;
	background: var(--cgr-card-bg);
	border: 1px solid var(--cgr-border);
	border-radius: var(--cgr-radius);
}
.cgr-location-name { font-weight: 600; }
.cgr-location-score { display: flex; align-items: center; gap: 6px; }
.cgr-link {
	color: var(--cgr-accent) !important;
	font-size: .9em;
	text-decoration: underline;
}