// Component settings: Top bar
// ------------------------------------------

$o-top-bar: (
	'bgcolor':    palette(neutral, 1000),
	'color':  		palette(neutral, 0),
);

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

.o-top-bar {
	@include mq($max: $bp-header-large) {
		display: none;
	}
	color: map-get($o-top-bar, 'color');
	background-color: map-get($o-top-bar, 'bgcolor');
}

.o-top-bar__main {
	@include contain;
	text-align: right;
}

.o-top-bar__list {
	list-style: none;
	margin-left: 0;
	padding: space(1) 0;
}

.o-top-bar__link {
	@include font-size(xs);
	display: inline-block;
	padding: space(1) 0;
	text-decoration: none;
	color: map-get($o-top-bar, 'color');

	&:hover {
		text-decoration: underline;
	}
}