/* ==========================================================================
   PDGA Foundation: Label Pill
   Small reusable contextual label / eyebrow
   ========================================================================== */

.pdga-label-pill {
	align-items: center;
	background: #dee9fc;
	border-radius: 999px;
	color: var(--wp--preset--color--highlight-blue);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 0.75rem;
	font-weight: 700;
	gap: 0.5rem;
	letter-spacing: 0.06em;
	line-height: 1.2;
	margin: 0;
	padding: 0.45rem 1rem;
	text-transform: uppercase;
	width: fit-content;
}

/* Blue pill variant
   ========================================================================== */

.pdga-label-pill--blue {
	background: var(--wp--preset--color--highlight-blue);
	color: #ffffff;
}


/* Globe icon
   ========================================================================== */

.pdga-label-pill--globe::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23007DA4' stroke-width='1.8'/%3E%3Cpath d='M3 12h18M12 3c2.3 2.5 3.5 5.5 3.5 9S14.3 18.5 12 21M12 3c-2.3 2.5-3.5 5.5-3.5 9S9.7 18.5 12 21' fill='none' stroke='%23007DA4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	flex: 0 0 16px;
	height: 16px;
	width: 16px;
}

.pdga-label-pill--flag::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 21V4m0 1h10l-2 3 2 3H6' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	flex: 0 0 16px;
	height: 16px;
	width: 16px;
}


/* People / leadership pill icon
   ========================================================================== */

.pdga-label-pill--people::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3' fill='none' stroke='%23007DA4' stroke-width='1.8'/%3E%3Ccircle cx='17' cy='9' r='2.5' fill='none' stroke='%23007DA4' stroke-width='1.8'/%3E%3Cpath d='M3.5 19c.5-4 2.5-6 5.5-6s5 2 5.5 6M14 14c.8-.7 1.8-1 3-1 2.4 0 3.9 1.6 4.3 4.5' fill='none' stroke='%23007DA4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	flex: 0 0 16px;
	height: 16px;
	width: 16px;
}