/*
 * Фикс формы оформления заказа (checkout) и других форм WooCommerce.
 *
 * Тема look содержит правило `.woocommerce form .form-row span { float: left; }`
 * (look/style.css), написанное до WooCommerce 3.6. Плагин Checkout Field Editor
 * оборачивает каждое поле в span.woocommerce-input-wrapper (разметка новых WC),
 * и этот float схлопывает обёртку до ширины содержимого: текстовые поля
 * сжимаются до ~160px, а select2-селект страны — до квадратика 30px,
 * поверх которого раскрывался список стран.
 *
 * Убираем float с обёртки и всех span внутри неё (вся разметка select2 — span)
 * и возвращаем обёртке полную ширину. Селекторы специфичнее правила темы,
 * поэтому побеждают в каскаде без !important.
 */
.woocommerce form .form-row .woocommerce-input-wrapper,
.woocommerce form .form-row .woocommerce-input-wrapper span {
	float: none;
}

.woocommerce form .form-row .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

/*
 * Высота select2 («Страна» на чекауте) под остальные поля формы:
 * текстовые инпуты темы — 39px (20px line-height + 9/8px padding + границы),
 * дефолт select2 — 28px.
 */
.woocommerce form .form-row .select2-container--default .select2-selection--single {
	height: 39px;
}

.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 37px;
}

.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 37px;
}

/*
 * Чекбоксы с подписью («правила и условия», «Зарегистрировать вас?»):
 * те же флоаты темы складывали галочку, текст и звёздочку «*» в столбик
 * на мобильном. Возвращаем инлайн-поток: галочка и начало текста на одной
 * строке, звёздочка сразу за текстом.
 */
.woocommerce form .form-row label.checkbox .input-checkbox,
.woocommerce form .form-row label.checkbox span {
	float: none;
	display: inline;
}

.woocommerce form .form-row label.checkbox .input-checkbox {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}