/* minhadj: переопределения поверх prosilver. Каждая секция — одна зона сайта. */

/* Адаптивное видео из BBCode [youtube]/[rutube] */
.mh-video {
	position: relative;
	max-width: 720px;
	aspect-ratio: 16 / 9;
	margin: 8px 0;
	background: #000;
}
.mh-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Логотип в шапке: знак из shared/brand/logo-white.svg (копия theme/images/site_logo.svg,
   переносится скриптом phpbb/sync-style.sh). prosilver задаёт 149×52 под свой логотип. */
.site_logo {
	background-image: url("./images/site_logo.svg");
	background-size: contain;
	background-position: center;
	width: 52px;
	height: 52px;
}
@media (max-width: 700px) {
	/* prosilver прячет .logo на узких экранах — показываем знак над названием */
	.logo { display: inline-block; }
}

/* Соцсети в шапке */
.mh-social {
	list-style: none;
	margin: 6px 0 0;
	padding: 0;
	display: flex;
	gap: 8px;
}
.mh-social__item { margin: 0; }
.mh-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
	font-size: 17px;
	transition: background 0.15s;
}
.mh-social__link:hover, .mh-social__link:focus {
	background: rgba(255, 255, 255, 0.35);
	color: #fff;
	text-decoration: none;
}
.mh-social__svg { width: 18px; height: 18px; }
@media (max-width: 700px) {
	.mh-social { justify-content: center; margin-top: 4px; }
}

/* Полоса календаря под логотипом и поиском */
.mh-calendar-bar {
	clear: both;
	padding: 6px 10px 2px;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	margin-top: 4px;
	min-height: 1.6em;
}
@media (max-width: 700px) {
	.mh-calendar-bar { padding: 4px 4px 0; }
}