/**
 * simcheckout — только сетка и отступы.
 *
 * Ни одного цвета: фон, текст и кнопки красит тема через свои классы
 * (.sc-btn-primary, .content-block, .dark-text, .error_style) и через
 * dynamic_stylesheet, где .oct-checkout-block #button-confirm уже получает
 * основной цвет сайта из настроек шаблона. Поэтому чек-аут выглядит «своим»
 * на любом сайте на этой теме без правки этого файла.
 */

#simcheckout .sc-block {
	padding: 1.25rem;
}

#simcheckout .sc-block-title {
	border-bottom: 1px solid rgba(0, 0, 0, .06);
	padding-bottom: .75rem;
}

#simcheckout .sc-field.d-none {
	display: none !important;
}

#simcheckout .sc-cart-item + .sc-cart-item {
	border-top: 1px solid rgba(0, 0, 0, .06);
}

#simcheckout .sc-cart-item-image img {
	object-fit: contain;
}

#simcheckout .sc-cart-totals {
	border-top: 1px solid rgba(0, 0, 0, .06);
}

#simcheckout .sc-module-quantity .sc-qty {
	width: 3.25rem;
	text-align: center;
	padding-left: .25rem;
	padding-right: .25rem;
}

#simcheckout .sc-coupon .form-control {
	max-width: 16rem;
}

#simcheckout #button-confirm {
	min-width: 14rem;
}

#simcheckout #button-confirm.disabled,
#simcheckout #button-confirm:disabled {
	opacity: .55;
	pointer-events: none;
}

/* Ловушка для ботов: человек её не видит и не сфокусирует табом. */
#simcheckout .sc-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Подсказки Новой Почты. Цвета и рамка — из класса темы .content-block,
   здесь только позиционирование и поведение списка. */
#simcheckout .sc-np-wrap {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
}

#simcheckout .sc-np-list {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 30;
	width: 100%;
	max-height: 16rem;
	overflow-y: auto;
	padding: .25rem 0;
	margin-top: 2px;
}

#simcheckout .sc-np-item {
	padding: .4rem .75rem;
	cursor: pointer;
	font-size: .875rem;
	line-height: 1.3;
}

#simcheckout .sc-np-item:hover {
	background: rgba(0, 0, 0, .05);
}

#simcheckout .sc-np-empty {
	padding: .4rem .75rem;
	font-size: .875rem;
	opacity: .7;
}

/* Поле с иконкой вместо подписи: иконка и ввод в одну строку.
   Ширину задаём здесь, цвета — по-прежнему тема.

   Ширина именно ФИКСИРОВАННАЯ, а не минимальная: иконки разной ширины, да
   ещё и звёздочка обязательного поля появляется не у всех — от этого блоки
   разъезжались и поля начинались на разном расстоянии от края. */
#simcheckout .sc-with-icon .input-group-text {
	position: relative;
	box-sizing: border-box;
	width: 48px;
	min-width: 48px;
	max-width: 48px;
	flex: 0 0 48px;
	justify-content: center;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

/* Звёздочку уводим в угол, чтобы она не влияла на ширину блока. */
#simcheckout .sc-with-icon .sc-field-icon .sc-required-mark {
	position: absolute;
	top: .15rem;
	right: .25rem;
	font-size: .7em;
	line-height: 1;
}

/* Переключатели доставки и оплаты: текст по центру кружка, а не под ним.
   Штатная разметка Bootstrap кладёт input во float и подпирает лейбл
   отступом — при крупном шрифте темы строка съезжает вниз. */
#simcheckout .sc-methods .form-check {
	display: flex;
	align-items: center;
	gap: .5rem;
	padding-left: 0;
}

#simcheckout .sc-methods .form-check-input {
	float: none;
	margin: 0;
	flex: 0 0 auto;
}

/* display:block обязателен: тема задаёт лейблу inline-block, и во флексе
   он выравнивался по базовой линии, а не по центру кружка. */
#simcheckout .sc-methods .form-check-label {
	display: block;
	margin: 0;
	cursor: pointer;
	line-height: 1.2;
}

/* У поля без подписи под ним остаётся лишний отступ подписи — убираем. */
#simcheckout .sc-field[data-type="textarea"] .form-group {
	padding-bottom: .75rem;
}