/* Copyright (c) 2026 Web Upp Limited. Licensed under the GPL-2.0-or-later; see LICENSE. */
/*
 * The announcement strip (webupp/announce in the parent's header part,
 * WebUpp Platform Theme 3.14.0; style handle webupp-announce, loaded only
 * on a page that draws the strip). Its colours, type and spacing are the
 * --wu-announce-* slots, the inverse ground and text when unset.
 */
.wu-announce {
	background: var(--wu-announce-ground, var(--wu-inverse-ground));
	color: var(--wu-announce-text, var(--wu-inverse-text));
	font: var(--wu-announce-font, 500 14px/1.4 var(--wu-body, inherit));
}

.wu-announce[hidden] {
	display: none;
}

.wu-announce__inner {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	min-height: var(--wu-announce-h, 40px);
	padding-block: 6px;
}

.wu-announce__text {
	margin: 0;
	text-align: center;
}

.wu-announce__link {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.wu-announce__close {
	display: inline-grid;
	flex: none;
	place-items: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.wu-announce__close:hover {
	background: color-mix(in srgb, currentColor 14%, transparent);
}

.wu-announce__close:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}