/* KraftMetal — дрібні правки інтерфейсу */

/* Іконки біля адрес і телефонів (Контакти/Склади, Виготовлення металоконструкцій).
   SVG у плаваючому img із max-width:100% у Safari отримував ширину 0 — задаємо розмір явно. */
img.km-contact-icon {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px;
	max-width: none !important;
	margin: 3px 10px 0 0;
	object-fit: contain;
}

/* Мобільна шапка: мова + місто (секція km-mob-switchers, на десктопі прихована класом d-lg-none). */
#header .km-mob-switchers {
	padding: 8px 0 6px;
}

#header .km-mob-switchers .elementor-widget-wrap {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

#header .km-mob-switchers .elementor-widget-wrap > .elementor-element {
	width: auto !important;
	max-width: none;
	margin: 0 !important;
}

#header .km-mob-switchers .porto-view-switcher > li.menu-item > a {
	min-width: 0 !important;
	font-size: 13px;
}

#header .km-mob-switchers .porto-city-switcher-wrapper .porto-view-switcher > li.menu-item > a {
	min-width: 110px !important;
}

/* Випадаючі списки не ховаються за рядком меню; пункти — зручні для пальця. */
#header .km-mob-switchers .porto-view-switcher .popup {
	z-index: 1002;
}

#header .km-mob-switchers .porto-view-switcher .popup li.menu-item > a {
	padding: 9px 16px !important;
	font-size: 14px;
	line-height: 1.3;
}

@media (min-width: 992px) {
	#header .km-mob-switchers {
		display: none !important;
	}
}