/*
 * Телефоны-ссылки — ТЗ десктоп 28.08, дополнение от 31.08.
 * Разметку создаёт assets/js/phone-links.js.
 *
 * Цвет в покое наследуется от окружения: номер выглядит ровно так же,
 * как когда был текстом. Меняется только курсор и поведение на ховере.
 */
.ev-phone-link {
	color: inherit;
	text-decoration: none;
	transition: color 250ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

/*
 * Цвета ховера по общему правилу: на тёмном фоне светлеем, на светлом
 * уходим в фирменный красный.
 */
.top-header .ev-phone-link:hover,
.top-header .ev-phone-link:focus-visible {
	color: #CDCDCD;
}

.elementor-location-footer .ev-phone-link:hover,
.elementor-location-footer .ev-phone-link:focus-visible {
	color: #960A19;
}

/*
 * В попапе — тот же #7B1E28, что у иконок мессенджеров рядом: номер и
 * иконка это одна строка контакта, разного цвета на ховере им быть не за что.
 */
#elementor-popup-modal-37 .ev-phone-link:hover,
#elementor-popup-modal-37 .ev-phone-link:focus-visible {
	color: #7B1E28;
}

@media (prefers-reduced-motion: reduce) {
	.ev-phone-link {
		transition: none;
	}
}