/* ===========================================================
   Телефон в контактах.

   Появился потому, что объявления в Директе зовут «Звоните!»,
   а на сайте номера не было вообще — только e-mail. Человек
   приходил по рекламе, искал телефон, не находил и уходил.

   Номер тот же, что указан контактом оператора в consent.html:
   расхождений между сайтом и юридическими документами быть не
   должно.

   Отдельный файл, а не правка style.css: тот не подключён к
   странице (index.html грузит style.min.css) и исключён из
   деплоя, так что изменения в нём до сервера не доедут.
   =========================================================== */

/* Десктоп: почта и телефон столбиком у правого края footer-main.
   Отступ auto переезжает сюда с .footer__email — иначе почта
   осталась бы прижата вправо, а телефон встал бы отдельно. */
.footer__contacts {
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.75rem;
}

.footer__contacts .footer__email {
	margin: 0;
}

/* Цвет задаём явно и с запасом по весу селектора. Глобальное правило
   style.min.css задаёт ссылкам color: inherit, а унаследованный цвет
   в футере — чёрный: белым текст почты делает класс .h2, которого у
   телефона нет. Без этой строки номер был чёрным по фону #191919, то
   есть попросту не виден. Два класса вместо одного — страховка от
   правил в style.min.css, который минифицирован и в котором подобное
   легко не заметить. */
.footer .footer__phone {
	color: #fff;
}

.footer__phone {
	font-family: "Lorenzo Sans", sans-serif;
	font-weight: 500;
	font-size: clamp(1.0625rem, 1.5vw, 1.5rem);
	letter-spacing: 0.02em;
	white-space: nowrap;
	transition: color 0.3s ease-out;
}

.footer .footer__phone:hover {
	color: #3840ff;
}

.footer__phone--mobile {
	display: none;
}

/* Тот же порог, на котором style.css прячет десктопную почту и
   показывает мобильную (max-width: 47.99875em). */
@media (max-width: 47.99875em) {
	.footer__contacts {
		display: none;
	}

	.footer__phone--mobile {
		display: block;
		width: 100%;
		margin: 0 0 1.25rem;
		font-size: 7vw;
	}
}