/* Promo bar above the header - template-parts/promo-bar-part.php.
   Design: Figma "Nawigacja" -> PromoBanner.

   The variant picked under Opcje -> Pasek komunikatów lands on <body>
   (sportlab_promo_bar_body_class) as --header-accent, which the header
   badges use too. White text passes AA on all three: 17:1, 8.4:1, 7.5:1. */

body {
	--header-accent: var(--sl-grey-900);
}

body.header-accent-tertiary {
	--header-accent: var(--sl-tertiary-600);
}

body.header-accent-primary {
	--header-accent: var(--sl-primary-600);
}

.promo-bar {
	padding: 0.75rem var(--grid-margin);
	background: var(--header-accent);
	text-align: center;
}

.promo-bar__text {
	margin: 0;
	font-family: var(--theme-font);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--sl-white);
}

.promo-bar__separator {
	margin-inline: 1em;
}

.promo-bar__text--mobile {
	display: none;
}

@media (max-width: 991.98px) {
	.promo-bar {
		padding: 0.875rem 1.25rem;
	}

	.promo-bar__text--desktop {
		display: none;
	}

	.promo-bar__text--mobile {
		display: block;
	}

	.promo-bar__separator {
		margin-inline: 0.5em;
	}
}