/*
 * Собственные стили темы. Подключаются последними.
 *
 * Правило одно: сюда попадает только то, чего в оригинале не было,
 * и то, что нужно для редактируемости. Никаких переопределений
 * существующей вёрстки — иначе потеряем совпадение 1:1.
 */

/*
 * Акцентный цвет в заголовках баннера.
 * В оригинале был инлайновый style="color:#283c9d" прямо в разметке.
 * Менеджер не должен писать инлайн-стили, поэтому даём ему класс.
 */
.banner_title .accent,
.banner_desc .accent {
	color: #283c9d;
}

.banner_title .accent-red,
.banner_desc .accent-red {
	color: #e31e23;
}

/*
 * Переключатель языков в шапке.
 * Вписан в существующую сетку .iq_header, отдельным блоком между
 * соцсетями и телефонами.
 */
.dmc-lang {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0 8px;
}

.dmc-lang__item {
	display: inline-block;
	padding: 3px 8px;
	font-size: 13px;
	line-height: 1.4;
	border-radius: 3px;
	color: #283c9d;
	text-decoration: none;
	transition: background-color .15s, color .15s;
}

a.dmc-lang__item:hover {
	background: #eef1f7;
}

.dmc-lang__item_active {
	background: #283c9d;
	color: #fff;
	font-weight: 700;
}

@media (max-width: 991px) {
	.dmc-lang {
		margin: 0 4px;
	}

	.dmc-lang__item {
		padding: 2px 6px;
		font-size: 12px;
	}
}

/*
 * Фотогалерея на главной. Значения те же, что были инлайном в разметке
 * оригинала, — просто вынесены в стили. Высоту блока они не определяют:
 * она задаётся flex-строкой .divided_block, поэтому при переключении
 * на галерею блок вырастает с 390 до 412px. На исходном сайте это
 * происходит точно так же.
 */
.dmc-gallery-slide {
	height: 100%;
	background: #fff;
}

.dmc-gallery-slide img {
	width: 100%;
	height: 314px;
	background: #fff;
}

/*
 * Запасной вид карты: если API Яндекс.Карт не загрузился (блокировщик
 * рекламы, недоступность сети), вместо пустого прямоугольника показываем
 * адрес со ссылкой.
 */
.dmc-map_fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #eef1f7;
	padding: 20px;
}

.dmc-map_fallback a {
	color: #283c9d;
	font-size: 16px;
	line-height: 1.6;
}