/**
 * Emergency alert: a fixed strip above the header.
 *
 * Its height is --me-alert-height (0 in style.css when there is no alert): the header, the menus
 * and the content offset add it. The values below hold until emergency-alert.js measures the strip.
 *
 * @package medexpress
 */

:root:has(.me-emergency-alert) {
	--me-alert-height: 56px;
}

.me-emergency-alert {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1010;
	padding: 10px var(--content-side-padding);
	background: #FFD66B;
	color: var(--font-color);
	text-align: center;
}

.me-emergency-alert__text {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
}

@media (max-width: 768px) {
	:root:has(.me-emergency-alert) {
		--me-alert-height: 84px;
	}

	.me-emergency-alert {
		padding: 8px 16px;
		text-align: left;
	}

	.me-emergency-alert__text {
		font-size: 13px;
		line-height: 17px;
	}
}