/* National Day of Mourning: 2026-09-25, 00:00-22:00 (Kazakhstan, UTC+5) */
html.mourning-period body:not(.modal-open) {
	filter: grayscale(100%);
}

/* A filtered <body> becomes the containing block for Bootstrap's fixed modal.
   While a modal is open, filter the page children and fixed layers separately
   so modal-dialog-centered continues to use the viewport height. */
html.mourning-period body.modal-open > :not(.modal):not(.modal-backdrop),
html.mourning-period body.modal-open > .modal,
html.mourning-period body.modal-open > .modal-backdrop {
	filter: grayscale(100%);
}

.mourning-topbar {
	display: none;
	width: 100%;
	background: #000;
	color: #fff;
}

html.mourning-period .mourning-topbar {
	display: block;
}

.mourning-topbar__inner {
	max-width: 1320px;
	margin: 0 auto;
	padding: 12px 24px;
	text-align: center;
}

.mourning-topbar__message {
	display: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
}

html[lang^="ru"] .mourning-topbar__message--ru,
html[lang^="kk"] .mourning-topbar__message--kk,
html[lang^="en"] .mourning-topbar__message--en,
html:not([lang^="ru"]):not([lang^="kk"]):not([lang^="en"]) .mourning-topbar__message--en {
	display: inline;
}

@media (max-width: 575.98px) {
	.mourning-topbar__inner {
		padding: 10px 16px;
	}

	.mourning-topbar__message {
		font-size: 14px;
	}
}