/*
 * Сайтовые дополнения к вёрстке.
 *
 * styles.css — это НЕТРОНУТАЯ копия файла Инны (_verst/autoasia-verst/css/styles.css),
 * прогнанная через css/to_site.js (../images/ -> /images/!/). Править его нельзя:
 * при следующей вёрстке он перезаписывается целиком.
 *
 * Всё, что нужно сайту сверх вёрстки, живёт здесь. Файл подключается ПОСЛЕ styles.css,
 * поэтому переопределения работают без !important и без повышения специфичности.
 */

/* --- Мессенджеры в контактах: иконки у номеров телефонов --- */
.ico_contact_viber{
	background: url("/images/!/ico_viber_gray.svg") 51px 2px no-repeat;
	background-size: 18px 18px !important;
}
.ico_contact_telegram{
	background: url("/images/!/ico_telegram_gray.svg") 53px 3px no-repeat;
	background-size: 15px 14px !important;
}
.phone_type_label{
	display: block;
	font-size: 10px;
	color: #999;
	text-align: left;
	padding: 2px 0 0 0;
	line-height: 1;
}

.ico_telegram{
	position: relative;
}
.ico_telegram:before{
	position: absolute;
	top: 1px;
	right: 100%;
	content: "";
	width: 16px;
	height: 16px;
	margin: 0 10px 0 0;
	background: url("/images/!/ico_telegram.svg") left top no-repeat;
	background-size: 16px 16px !important;
}

/* --- Мессенджеры в футере --- */
/* в вёрстке у .ul_phone li стоит float: left; width: 163px — под список мессенджеров это не годится */
.block_address_footer .ul_phone li{
	float: none;
	width: auto;
}
.block_address_footer .ul_phone_messengers{
	padding-top: 10px;
}
.block_address_footer .ul_phone_messengers:before,
.block_address_footer .ul_phone_messengers:after{
	display: none !important;
}
.block_address_footer .ul_phone_messengers li{
	float: none;
	width: auto;
	padding: 0 0 10px 30px;
	position: relative;
}
.ico_viber_white:before,
.ico_telegram_white:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 18px;
	height: 18px;
	background-size: contain !important;
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
}
.ico_viber_white:before{
	background-image: url("/images/!/ico_viber_outline.svg");
}
.ico_telegram_white:before{
	background-image: url("/images/!/ico_telegram.svg");
	width: 16px;
	height: 16px;
	top: 1px;
}
.block_address_footer .phone_type_label{
	color: rgba(255,255,255,0.5);
}

/* --- Попап запроса авиадоставки --- */
/* в вёрстке ширина и падинги перечислены поимённо для каждого попапа
   (.popup_call, .popup_mail, ...), новый в тот список не входит и падал
   на дефолтные min-width: 300px без падингов — подписи вылезали за края */
.popup_air_delivery{
	width: 418px;
	padding: 45px 45px 55px 45px;
	text-align: center;
}
@media screen and (max-width: 480px){
	.popup_air_delivery{
		left: 10px;
		right: 10px;
		width: auto;
		padding: 45px 20px 30px 20px;
		transform: translateX(0);
	}
}
.popup_air_delivery:before{
	position: absolute;
	top: -38px;
	left: 50%;
	content: "";
	width: 70px;
	height: 70px;
	border-radius: 50%;
	transform: translateX(-50%);
	background: #d80818 url("/images/!/ico_mail_white.svg") center center no-repeat;
	background-size: 32px 22px !important;
}