// Component settings: Trademark
// ------------------------------------------

$o-trademark: (
	'logo-width':		100px
);

// ------------------------------------------

.c-trademark {
	@include disableOutlineForMouse;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: color 200ms ;

	&:hover {
		color: palette(neutral, 0);
	}

	&:focus {
		outline-color: currentColor;
		outline-style: solid;
		outline-offset: 1px;
		outline-width: 2px;
	}
}

.c-trademark__text {
	margin-right: 7px;
	white-space: nowrap;
}

.c-trademark__icon {
	width: map-get($o-trademark, 'logo-width');
	max-height: 32px;
	opacity: .75;
	transition: opacity 200ms;
	transform: translateY(-1px);

	.c-trademark:hover & {
		opacity: 1;
	}
}