/* REDWatch upcoming-event banner — one slim strip above the header.
   Accent #8B0000 to match the GeneratePress-child theme; white-on-dark-red is a
   contrast ratio of ~10.5:1, so the text stays legible without relying on colour. */

.rwe-banner {
	background: #8B0000;
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
}

.rwe-banner-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 6px 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 10px;
}

.rwe-banner-tag {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 11px;
	font-weight: bold;
	opacity: 0.85;
	flex: none;
}

.rwe-banner-link,
.rwe-banner-link:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.rwe-banner-link:hover,
.rwe-banner-link:focus {
	color: #fff;
	text-decoration: none;
}

/* Keyboard focus must stay visible against the dark red. */
.rwe-banner-link:focus {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.rwe-banner-when {
	opacity: 0.9;
	flex: none;
}

/* On a phone the title wraps to its own line rather than being squeezed. */
@media (max-width: 600px) {
	.rwe-banner-inner {
		padding: 6px 12px;
	}
}