/* Делаем так, чтобы флаги отображались поверх поля ввода */
.iti {
	display: block !important;
	width: 100% !important;
}

.iti__flag-container {
	z-index: 10;
}

/* Добавляем внутренний отступ для текста внутри поля телефона, чтобы он не налезал на флаг */
.woocommerce-checkout #billing_phone {
	padding-left: 50px !important;
}

/* ==========================================================================
   Ультра-адаптив для блока купонов Modeway на мобильных устройствах
   ========================================================================== */

/* 1. Жестко скрываем крестик удаления купона */
.woocommerce-checkout-review-order-table .cart-discount .woocommerce-remove-coupon {
	display: none !important;
}

/* 2. Перенос кода купона на новую строку на мобильных (экраны до 768px) */
@media (max-width: 768px) {

	/* Находим строку купона в таблице вашего чекаута */
	.woocommerce-checkout-review-order-table tr.cart-discount th {
		display: flex !important;
		flex-direction: column !important;
		/* Включаем вертикальный стек */
		align-items: flex-start !important;
		/* Выравниваем по левому краю */
		gap: 4px !important;
		/* Небольшой отступ между заголовком и кодом */
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Делаем сам сгенерированный код купона блочным элементом для гарантированного переноса */
	.woocommerce-checkout-review-order-table tr.cart-discount th data-coupon {
		display: block !important;
		word-break: break-all !important;
		/* Защита от слишком длинных кодов */
	}
}