/*
 * Checkout customization — v2.21.0 (17.08.2026, v3 после приёмки #2)
 * Цель: упрощение формы оформления заявки для роста конверсии.
 *
 * Скоуп: страница /oformlenie-zajavki/.
 *
 * История:
 *  - v1 селекторы промахнулись
 *  - v2 !important + input-name селекторы — заработало
 *  - v3 (текущая): убран отдельный блок «Цена зафиксирована» (переехал в карточку курса),
 *    добавлена компактная карточка курса, приватность мелко под кнопкой,
 *    мобильный кегль H1 меньше, inputmode=tel на телефон.
 */

/* ============ H1 «Оформление заявки» — мобильный кегль ============ */
@media (max-width: 700px) {
	.woocommerce-checkout h1.entry-title,
	.woocommerce-checkout .w-post-elm.post_title h1,
	.woocommerce-checkout h1 {
		font-size: 26px !important;
		line-height: 1.2 !important;
	}
}

/* ============ УБИРАЕМ таблицу товара сверху ============ */

.woocommerce-cart-form,
.woocommerce-cart-form__contents,
table.shop_table.cart,
table.woocommerce-cart-form__contents,
.woocommerce-cart .cart-collaterals,
.cart_totals,
.cart-collaterals {
	display: none !important;
}

/* Стандартная review-order таблица тоже дублирует нашу карточку — скрываем */
.woocommerce-checkout-review-order-table,
#order_review .shop_table,
.woocommerce-checkout table.shop_table {
	display: none !important;
}

/* ============ УБИРАЕМ купон ============ */

form.checkout_coupon,
form.woocommerce-form-coupon,
.woocommerce-form-coupon,
.woocommerce-form-coupon-toggle,
.checkout_coupon,
.coupon,
input[name="coupon_code"],
button[name="apply_coupon"],
input[name="apply_coupon"],
button[name="update_cart"],
input[name="update_cart"] {
	display: none !important;
}

/* ============ УБИРАЕМ login-toggle ============ */

.woocommerce-form-login-toggle,
.woocommerce-form-login,
.woocommerce-info.woocommerce-info--login {
	display: none !important;
}

/* ============ УБИРАЕМ уведомление «Вы отложили X в свою корзину. Просмотр корзины» ============ */
/* Это стандартный WC .woocommerce-info notice — на checkout не нужен, юзер уже в корзине. */
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-checkout > .woocommerce-info,
.woocommerce > .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-info {
	display: none !important;
}

/* ============ УБИРАЕМ заголовки лишних секций ============ */

.woocommerce-additional-fields h3,
#order_review_heading,
h3#ship-to-different-address {
	display: none !important;
}

/* ============ УБИРАЕМ payment method selector ============ */

.woocommerce-checkout-payment ul.wc_payment_methods,
.woocommerce-checkout-payment .wc_payment_methods,
ul.payment_methods,
.wc_payment_methods {
	display: none !important;
}

/* ============ УБИРАЕМ стандартный privacy text перед кнопкой (у нас свой ниже) ============ */

.woocommerce-privacy-policy-text {
	display: none !important;
}

/* ============ КОМПАКТНАЯ карточка курса ============ */

.mmcmed-checkout-courses {
	max-width: 720px;
	margin: 20px auto 24px;
}
.mmcmed-checkout-course {
	display: flex;
	gap: 16px;
	align-items: center;
	background: #F8FAFC;
	border-radius: 12px;
	padding: 14px 18px;
}
.mmcmed-checkout-course + .mmcmed-checkout-course {
	margin-top: 12px;
}
.mmcmed-checkout-course__img {
	flex-shrink: 0;
	width: 72px;
	height: 72px;
	border-radius: 8px;
	overflow: hidden;
	background: #E2E8F0;
	display: block;
}
.mmcmed-checkout-course__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.mmcmed-checkout-course__body {
	flex: 1;
	min-width: 0;
}
.mmcmed-checkout-course__title {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #0F172A;
	text-decoration: none;
	line-height: 1.35;
	margin-bottom: 6px;
}
.mmcmed-checkout-course__title:hover {
	color: #2563EB;
	text-decoration: none;
}
.mmcmed-checkout-course__price {
	font-size: 18px;
	font-weight: 700;
	color: #0F172A;
	margin-bottom: 6px;
}
.mmcmed-checkout-course__price .woocommerce-Price-amount {
	color: #0F172A;
}
.mmcmed-checkout-course__pricefix {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #EFF6FF;
	color: #1E40AF;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 20px;
	line-height: 1.3;
}
.mmcmed-checkout-course__pricefix svg {
	color: #2563EB;
	flex-shrink: 0;
}

/* ============ Поля формы ============ */

/* Основная кнопка «Записаться на курс» */
#place_order {
	font-size: 17px !important;
	font-weight: 700 !important;
	padding: 16px 32px !important;
	border-radius: 8px !important;
	width: 100% !important;
	margin-top: 12px !important;
}

/* Строка «После заявки…» — сразу под кнопкой */
.mmcmed-checkout-note {
	font-size: 13px;
	color: #64748B;
	text-align: center;
	margin: 12px 0 14px;
	line-height: 1.5;
}

/* Приватность — мелким шрифтом под note */
.mmcmed-checkout-privacy {
	font-size: 11px;
	color: #94A3B8;
	text-align: center;
	line-height: 1.5;
	margin: 0 auto 18px;
	max-width: 560px;
}
.mmcmed-checkout-privacy a {
	color: #64748B;
	text-decoration: underline;
}

/* Трастовая строка — внизу */
.mmcmed-checkout-trust {
	margin-top: 20px;
	padding: 14px 0;
	font-size: 12px;
	color: #94A3B8;
	text-align: center;
	line-height: 1.6;
	border-top: 1px solid #E2E8F0;
}

/* ============ Мобильная адаптация ============ */
@media (max-width: 600px) {
	.woocommerce-checkout .col2-set .col-1,
	.woocommerce-checkout .col2-set .col-2 {
		width: 100% !important;
		float: none !important;
	}
	#billing_first_name_field,
	#billing_phone_field {
		width: 100% !important;
	}
	#place_order {
		font-size: 16px !important;
		padding: 14px 24px !important;
	}
	.mmcmed-checkout-course {
		padding: 12px 14px;
		gap: 12px;
	}
	.mmcmed-checkout-course__img {
		width: 64px;
		height: 64px;
	}
	.mmcmed-checkout-course__title {
		font-size: 14px;
	}
	.mmcmed-checkout-course__price {
		font-size: 16px;
	}
}