/* "Proudly Canadian" header badge. Hidden unless canada-badge.js sets html.is-canada. */

.canada-badge {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 999px;
	background: #FDF3EA;
	color: #333333;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
}

.canada-badge .canada-badge__leaf {
	display: block;
	flex-shrink: 0;
	color: #D93900;
	fill: #D93900;
}

/* Desktop: beside the logo. Hidden on narrower desktops where the nav needs the room,
   and when the sticky header shrinks on scroll. */
@media (min-width: 1280px) {
	.is-canada .canada-badge--desktop {
		display: inline-flex;
	}

	.is-canada .site-header__logo:has(+ .canada-badge--desktop) {
		margin-right: 18px;
	}

	.is-sticky .canada-badge--desktop {
		display: none !important;
	}

	.is-canada .is-sticky .site-header__logo:has(+ .canada-badge--desktop) {
		margin-right: auto;
	}
}

/* Mobile: inside the slide-out menu. */
.is-canada .canada-badge--mobile {
	display: inline-flex;
	margin: 0 0 var(--navbar-link-vpadding, 16px);
}