/**
 * Удобство форм JoomShopping.
 *
 * @version  1.1.0
 * @date     2026-08-22
 * @author   Claude (Anthropic)
 */

/* Кнопка продолжения: в неё должен попадать палец, а не курсор.
   44 px — общепринятый минимум для касания.

   Кнопке подтверждения заказа тема магазина задаёт свой вид правилом
   `.rp-brooksite input.btn.list-btn.finish_registration` — капс, увеличенные
   поля и отступ сверху. Оно специфичнее обычного селектора, поэтому кнопки
   перечислены ещё и по id: так все четыре шага выглядят одинаково. */
.jshop form .jscheckoutux-go,
#payment_submit.jscheckoutux-go,
#finish_registration.jscheckoutux-go {
	min-height: 44px;
	margin-top: 0;
	padding: .6em 1.4em;
	font-size: 1em;
	text-transform: none;
}

@media (max-width: 767px) {
	.jshop form .jscheckoutux-go,
	#payment_submit.jscheckoutux-go,
	#finish_registration.jscheckoutux-go {
		display: block;
		width: 100%;
		min-height: 48px;
		font-size: 1.05em;
	}

	/* Кнопка подтверждения заказа лежит в ячейке таблицы: без ширины
	   у таблицы она растянется только по содержимому ячейки. */
	.jshop form table {
		width: 100%;
	}

	.jshop form td > .jscheckoutux-go {
		width: 100%;
		box-sizing: border-box;
	}

	/* Поля тоже удобнее делать выше: на телефоне 38 px — это мало.
	   box-sizing обязателен: без него min-height складывается с полями
	   и отступами, и поле раздувается до 62 px. */
	.jshop form .control-group .controls > input[type],
	.jshop form .control-group .controls > select {
		box-sizing: border-box;
		min-height: 44px;
	}

	/* Подпись над полем, а не сбоку: так поле получает всю ширину экрана.
	   Вместе с подписью убираем и отступ, который тема оставила под неё. */
	.jshop form .control-group .control-label {
		float: none;
		width: 100%;
		text-align: left;
		padding-bottom: .25em;
	}

	.jshop form .control-group .controls {
		margin-left: 0;
		width: 100%;
	}
}

/* Ссылка «Уже покупали у нас? Войти» над формой адреса. */
.jscheckoutux-login {
	margin: 0 0 1em;
	font-size: .92em;
}

.jscheckoutux-login a {
	text-decoration: underline;
}

/* Строки выбора оплаты и доставки — целиком нажимаемые, поэтому им нужен
   и запас по высоте, и заметный кружок. */
#table_payments td,
#table_shippings td {
	cursor: pointer;
}

#table_payments .jshop_payment_method,
#table_shippings .shipping_form {
	cursor: auto;
}

@media (max-width: 767px) {
	.jshop form input[type="radio"],
	.jshop form input[type="checkbox"] {
		width: 20px;
		height: 20px;
		vertical-align: middle;
		margin-right: .35em;
	}

	#table_payments > tbody > tr > td,
	#table_shippings > tbody > tr > td {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}