/**
 * Top bar: template-parts/header/top-bar.php (Homepage 2060:13).
 * Orange strip, 12px vertical padding, gift image and Label/M text in white.
 * White on orange is below WCAG AA for 16px text: docs/designer-questions.md item 7.
 */

.top-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px var(--container-gutter);
	background: var(--color-orange);
	color: var(--color-white);
}

.top-bar__icon {
	flex: none;
	width: 19px;
	height: 23px;
}

.top-bar__text {
	margin: 0;
	font-size: var(--text-label-m);
	font-weight: var(--weight-semibold);
	line-height: var(--leading-label-m);
	text-align: center;
}