/* Cyara 2026 — announcement bar on the current site ("banner only" mode, inc/cy26/chrome.php cy26_setup_legacy_banner()).
   Loaded only when the 2026 header & footer are off and "Show it on the current site too" is on. The bar sits in the
   page flow above the theme's (sticky, cobalt) header, so it scrolls away and the header keeps its place. Same look as the
   2026 bar (chrome.css), plus a light bottom border to separate it from the cobalt nav (Sidney, 2026-10-28). */
body.cy26-legacy-banner .cy26.cy26-banner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	min-height: var(--cy26-banner-h, 40px);
	margin: 0;
	padding: 6px 16px;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	background: var(--cy26-cta);
	box-shadow: none;
	color: var(--cy26-on-cta);
	font-family: Montserrat, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 1.35;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transition: background-color 0.2s;
}
body.cy26-legacy-banner a.cy26.cy26-banner:hover,
body.cy26-legacy-banner a.cy26.cy26-banner:focus {
	background: var(--cy26-cta-strong);
	color: var(--cy26-on-cta);
	text-decoration: none;
	box-shadow: none;
}
body.cy26-legacy-banner a.cy26.cy26-banner:focus-visible { outline: 2px solid var(--cy26-on-cta); outline-offset: -4px; }
body.cy26-legacy-banner .cy26-banner .cy26-icon { display: inline-block; flex: none; vertical-align: middle; }
body.cy26-legacy-banner .cy26-banner__short,
body.cy26-legacy-banner .cy26-banner__long {
	min-width: 0;
	overflow: hidden;
	color: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	white-space: normal;
}
body.cy26-legacy-banner .cy26-banner__long,
body.cy26-legacy-banner .cy26-banner__cta { display: none; }
body.cy26-legacy-banner .cy26-banner__cta { align-items: center; gap: 4px; white-space: nowrap; color: inherit; }

@media (min-width: 640px) {
	body.cy26-legacy-banner .cy26.cy26-banner { font-size: 12px; }
	body.cy26-legacy-banner .cy26-banner__short { display: none; }
	body.cy26-legacy-banner .cy26-banner__long { display: -webkit-box; }
	body.cy26-legacy-banner .cy26-banner__cta { display: inline-flex; }
}