/* Раскладка футера: стили только при выводе компонента footer_print */

/* Маркеры composite (bxdynamic_*_end) между колонками не участвуют в flex */
.footer-row [id^="bxdynamic_"] {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 0 !important;
	overflow: hidden !important;
}

.footer-row .footer-left.footer-print-menu {
	width: 260px;
	padding-right: 20px;
	flex-shrink: 0;
}

.footer-row .footer-print-menu ~ .footer-right {
	width: auto;
	flex: 1;
	min-width: 0;
}

.footer-row .footer-print-menu ~ .footer-bottom .footer-socials {
	width: auto;
	flex: 1;
	max-width: calc((100% - 520px) / 3);
	min-width: 200px;
}

/* Планшет и мобилка: один столбец, разделение между меню */
@media screen and (max-width: 1200px) {
	.footer-row .footer-left,
	.footer-row .footer-left.footer-print-menu,
	.footer-row .footer-print-menu ~ .footer-right,
	.footer-row .footer-print-menu ~ .footer-bottom {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		min-width: 0;
		padding-right: 0;
	}

	.footer-row .footer-left.footer-print-menu {
		border-top: 1px solid rgba(38, 36, 38, 0.2);
		margin-top: 24px;
		padding-top: 24px;
	}

	.footer-row .footer-print-menu .title {
		display: block;
		font-size: 20px;
		margin-bottom: 15px;
	}

	.footer-row .footer-print-menu ~ .footer-right {
		margin-top: 16px;
	}

	.footer-row .footer-print-menu ~ .footer-bottom {
		margin-top: 16px;
	}

	.footer-row .footer-print-menu ~ .footer-bottom .footer-socials {
		width: 100%;
		max-width: 100%;
	}
}