/* =========================================================
   Компонент: логотип
   Готовий файл замовниці — знак і текст одним зображенням.
   ========================================================= */

.phm-logo {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
}

/* Висоту задаємо, ширину рахує браузер: пропорція лого 6.3:1.
   Два класи — бо Elementor має власне `.elementor img { height: auto }`,
   яке інакше перебиває висоту всередині віджета шапки. */
.phm-logo .phm-logo__img {
	display: block;
	height: 52px;
	width: auto;
	transition: height var(--phm-dur) var(--phm-ease);
}

/* ---- Варіант «footer» ----
   Окремий світлий файл, фон прозорий: плашка під лого різала темний
   підвал білим прямокутником (правка від 29.08, п.1). */

.phm-logo--footer .phm-logo__img {
	height: 44px;
}

/* ---- Вузькі екрани ----
   На телефоні поруч із лого лишається тільки кнопка меню, тож 40px
   вистачає, щоб рядок не переносився. */

@media (max-width: 767px) {
	.phm-logo--header .phm-logo__img {
		height: 42px;
	}
}

@media (max-width: 480px) {
	.phm-logo--header .phm-logo__img {
		height: 36px;
	}

	.phm-logo--footer .phm-logo__img {
		height: 36px;
	}
}