/**
 * Sobar Choice Checkout — Mobile-first premium Bangla COD UI
 *
 * @package SobarChoiceCheckout
 */

/* --------------------------------------------------------------------------
   Design tokens
   -------------------------------------------------------------------------- */
.scc-checkout-page {
	--scc-bg: #eef1f5;
	--scc-surface: #ffffff;
	--scc-text: #111827;
	--scc-muted: #6b7280;
	--scc-border: #cfd5de;
	--scc-border-strong: #9aa3b2;
	--scc-border-soft: #e4e7ec;
	--scc-card-shadow: 0 2px 4px rgba(17, 24, 39, 0.04), 0 8px 24px rgba(17, 24, 39, 0.07);
	--scc-radius: 14px;
	--scc-radius-sm: 10px;
	--scc-btn: #1a1a1a;
	--scc-btn-hover: #000000;
	--scc-accent: #22c55e;
	--scc-radio: #6d28d9;
	--scc-focus: #6d28d9;
	--scc-input-border: #b8c0cc;
	--scc-font: "Hind Siliguri", "Noto Sans Bengali", system-ui, sans-serif;
	--scc-sticky-h: 88px;
}

body.scc-checkout-page,
.scc-checkout-page {
	background: var(--scc-bg) !important;
}

.scc-checkout-page .site-content,
.scc-checkout-page .entry-content,
.scc-checkout-page #content,
.scc-checkout-page .ast-container,
.scc-checkout-page .content-area,
.scc-checkout-page #primary {
	max-width: 100% !important;
	width: 100% !important;
}

.scc-checkout-page .woocommerce,
.scc-checkout-page .scc-checkout-wrap {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
	font-family: var(--scc-font);
	color: var(--scc-text);
}

.scc-checkout-page .woocommerce {
	padding-bottom: 120px;
}

/* Kill theme floats that break checkout columns */
.scc-checkout-page .woocommerce::before,
.scc-checkout-page .woocommerce::after,
.scc-checkout-page form.checkout::before,
.scc-checkout-page form.checkout::after,
.scc-checkout-page .scc-checkout-grid::before,
.scc-checkout-page .scc-checkout-grid::after {
	content: none !important;
	display: none !important;
}

.scc-checkout-page form.checkout {
	display: block !important;
	width: 100% !important;
	float: none !important;
}

.scc-checkout-page .entry-header,
.scc-checkout-page .page-header,
.scc-checkout-page .woocommerce-products-header {
	display: none;
}

/* --------------------------------------------------------------------------
   Trust bar
   -------------------------------------------------------------------------- */
.scc-trust-bar {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin: 12px auto 20px;
	max-width: 1080px;
	padding: 0 16px;
	box-sizing: border-box;
}

.scc-trust-item {
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--scc-surface);
	border: 1.5px solid var(--scc-border);
	border-radius: 12px;
	padding: 14px 14px;
	font-size: 13px;
	line-height: 1.75;
	color: var(--scc-muted);
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.05);
	overflow: visible !important;
	min-width: 0;
}

.scc-trust-icon {
	flex-shrink: 0;
	font-size: 16px;
	line-height: 1.2;
}

.scc-trust-label {
	display: block;
	font-weight: 500;
	color: #374151;
	line-height: 1.75 !important;
	padding: 3px 0 2px;
	overflow: visible !important;
	word-break: normal;
	overflow-wrap: break-word;
	text-overflow: clip !important;
	-webkit-line-clamp: unset !important;
}

/* Bengali ১ exceeds em-box — give room so ১০০% does not clip */
.scc-trust-pct {
	display: inline !important;
	white-space: nowrap;
	line-height: 1.75 !important;
	padding: 0.2em 0.06em 0.1em;
	letter-spacing: 0.02em;
	overflow: visible !important;
	vertical-align: baseline;
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.scc-checkout-wrap {
	width: 100%;
}

.scc-checkout-header {
	text-align: center;
	margin: 8px 0 22px;
}

.scc-checkout-title {
	margin: 0 0 6px;
	font-size: 1.65rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--scc-text);
	font-family: var(--scc-font);
}

.scc-checkout-subtitle {
	margin: 0;
	font-size: 0.95rem;
	color: var(--scc-muted);
}

/* --------------------------------------------------------------------------
   MOBILE — Order → Form → Payment
   -------------------------------------------------------------------------- */
.scc-checkout-grid {
	display: flex !important;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

/* Unwrap sidebar so flex-order works on mobile */
.scc-col-sidebar {
	display: contents;
}

.scc-col-order {
	order: 1;
	width: 100%;
	min-width: 0;
}

.scc-col-customer {
	order: 2;
	width: 100%;
	min-width: 0;
}

.scc-col-payment {
	order: 3;
	width: 100%;
	min-width: 0;
	display: block !important;
	visibility: visible !important;
}

.scc-card-payment,
.scc-checkout-page #payment,
.scc-checkout-page .woocommerce-checkout-payment {
	display: block !important;
	visibility: visible !important;
}

/* --------------------------------------------------------------------------
   Cards — clear borders so sections are easy to tell apart
   -------------------------------------------------------------------------- */
.scc-card {
	background: var(--scc-surface);
	border: 1.5px solid var(--scc-border-strong);
	border-radius: var(--scc-radius);
	box-shadow: var(--scc-card-shadow);
	overflow: visible;
}

.scc-card-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	border-bottom: 1.5px solid var(--scc-border);
	background: linear-gradient(180deg, #f7f8fa 0%, #ffffff 100%);
	border-radius: var(--scc-radius) var(--scc-radius) 0 0;
}

.scc-card-icon {
	font-size: 1.15rem;
	line-height: 1;
}

.scc-card-title,
.scc-payment-title {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	font-family: var(--scc-font);
	color: var(--scc-text);
}

.scc-card-body {
	padding: 16px;
}

.scc-card-customer {
	border-color: #94a3b8;
}

.scc-card-order {
	border: none !important;
	box-shadow: var(--scc-card-shadow);
}

.scc-card-payment {
	background: #ffffff;
	border: 1.5px solid #7c8594;
	box-shadow: var(--scc-card-shadow);
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}

.scc-payment-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	border-bottom: 1.5px dashed var(--scc-border);
	margin: 0;
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   Form fields
   -------------------------------------------------------------------------- */
.scc-checkout-page #customer_details .col-1,
.scc-checkout-page #customer_details .col-2,
.scc-checkout-page .col2-set,
.scc-checkout-page .col2-set .col-1,
.scc-checkout-page .col2-set .col-2 {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.scc-checkout-page .woocommerce-billing-fields h3,
.scc-checkout-page .woocommerce-shipping-fields h3,
.scc-checkout-page .woocommerce-additional-fields h3 {
	display: none;
}

.scc-checkout-page .form-row {
	margin: 0 0 14px;
	padding: 0;
	width: 100% !important;
	float: none !important;
}

.scc-checkout-page .form-row label {
	display: block;
	font-size: 0.92rem;
	font-weight: 600;
	margin-bottom: 6px;
	color: #374151;
	font-family: var(--scc-font);
}

.scc-checkout-page .form-row .required {
	color: #ef4444;
	text-decoration: none;
}

.scc-checkout-page .form-row input.input-text,
.scc-checkout-page .form-row textarea,
.scc-checkout-page .form-row select {
	width: 100%;
	min-height: 48px;
	padding: 12px 14px;
	border: 1.5px solid var(--scc-input-border) !important;
	border-radius: var(--scc-radius-sm);
	background: #fff !important;
	font-size: 16px;
	font-family: var(--scc-font);
	color: var(--scc-text);
	box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.04);
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.scc-checkout-page .form-row textarea {
	min-height: 96px;
	resize: vertical;
}

.scc-checkout-page .form-row input.input-text:focus,
.scc-checkout-page .form-row textarea:focus,
.scc-checkout-page .form-row select:focus {
	outline: none;
	border-color: var(--scc-focus) !important;
	box-shadow: 0 0 0 3px rgba(109, 40, 217, 0.18) !important;
}

.scc-checkout-page .select2-container .select2-selection--single {
	height: 50px;
	border: 1.5px solid var(--scc-input-border) !important;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(17, 24, 39, 0.05);
}

/* Native select — modern chevron (fallback if Select2 off) */
.scc-checkout-page .form-row select,
.scc-checkout-page select.scc-district,
.scc-checkout-page select.scc-thana,
.scc-checkout-page #billing_state,
.scc-checkout-page #billing_city {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	display: flex !important;
	align-items: center !important;
	min-height: 50px !important;
	height: 50px !important;
	padding: 0 44px 0 14px !important;
	line-height: 1.4 !important;
	background-color: #fff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236d28d9' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 18px 18px !important;
	cursor: pointer !important;
	font-weight: 500 !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(17, 24, 39, 0.05) !important;
}

.scc-checkout-page .form-row select:hover,
.scc-checkout-page #billing_state:hover,
.scc-checkout-page #billing_city:hover {
	border-color: #8b5cf6 !important;
}

.scc-hidden-field,
.scc-checkout-page .form-row.scc-hidden-field,
.scc-checkout-page .woocommerce-shipping-fields,
.scc-checkout-page #ship-to-different-address {
	display: none !important;
}

/* Order notes — never show required asterisk or English (optional) */
.scc-checkout-page #order_comments_field label .required,
.scc-checkout-page #order_comments_field label abbr.required,
.scc-checkout-page .form-row.scc-notes label .required,
.scc-checkout-page .form-row.scc-notes label abbr.required,
.scc-checkout-page span.optional,
.scc-checkout-page .optional {
	display: none !important;
}

/* District must stay visible on mobile */
.scc-checkout-page #billing_state_field,
.scc-checkout-page .form-row.scc-district {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
}

.scc-checkout-page .select2-container {
	width: 100% !important;
	max-width: 100% !important;
}

/* Select2 — flex-centered text + arrow */
.scc-checkout-page .select2-container--default .select2-selection--single,
.scc-checkout-page .scc-district-container .select2-selection--single,
.scc-checkout-page .scc-thana-container .select2-selection--single,
.scc-checkout-page #billing_state_field .select2-selection--single,
.scc-checkout-page #billing_city_field .select2-selection--single {
	display: flex !important;
	align-items: center !important;
	position: relative !important;
	min-height: 50px !important;
	height: 50px !important;
	padding: 0 44px 0 16px !important;
	border: 1.5px solid var(--scc-input-border) !important;
	border-radius: 12px !important;
	background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
	box-shadow: 0 1px 2px rgba(17, 24, 39, 0.05) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
	cursor: pointer !important;
	outline: none !important;
	box-sizing: border-box !important;
}

.scc-checkout-page .select2-container--default .select2-selection--single:hover,
.scc-checkout-page .select2-container--default.select2-container--open .select2-selection--single,
.scc-checkout-page .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: #8b5cf6 !important;
	box-shadow: 0 0 0 3px rgba(109, 40, 217, 0.16), 0 2px 8px rgba(109, 40, 217, 0.08) !important;
}

.scc-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered {
	display: flex !important;
	align-items: center !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.4 !important;
	font-family: var(--scc-font) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: var(--scc-text) !important;
	box-sizing: border-box !important;
}

.scc-checkout-page .select2-container--default .select2-selection--single .select2-selection__placeholder {
	display: flex !important;
	align-items: center !important;
	color: #9ca3af !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.scc-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 44px !important;
	height: auto !important;
	margin: 0 !important;
}

.scc-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow b {
	position: static !important;
	display: block !important;
	border: none !important;
	margin: 0 !important;
	width: 18px !important;
	height: 18px !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236d28d9' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
	transform: none !important;
}

.scc-checkout-page .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 15l-6-6-6 6' stroke='%236d28d9' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Select2 — open dropdown panel */
.scc-district-dropdown,
.scc-thana-dropdown,
.select2-dropdown.scc-district-dropdown,
.select2-dropdown.scc-thana-dropdown {
	border: 1.5px solid #c4b5fd !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	box-shadow: 0 12px 36px rgba(17, 24, 39, 0.16), 0 2px 8px rgba(109, 40, 217, 0.08) !important;
	font-family: var(--scc-font) !important;
	z-index: 100050 !important;
	margin-top: 6px !important;
	background: #fff !important;
}

.scc-district-dropdown .select2-search--dropdown,
.scc-thana-dropdown .select2-search--dropdown {
	padding: 12px !important;
	background: linear-gradient(180deg, #f5f3ff 0%, #f9fafb 100%) !important;
	border-bottom: 1px solid #e9e5ff !important;
	display: block !important;
}

.scc-district-dropdown .select2-search__field,
.scc-thana-dropdown .select2-search__field {
	width: 100% !important;
	min-height: 44px !important;
	padding: 10px 14px !important;
	border: 1.5px solid #a78bfa !important;
	border-radius: 10px !important;
	font-size: 15px !important;
	font-family: var(--scc-font) !important;
	box-sizing: border-box !important;
	outline: none !important;
	background: #fff !important;
	color: var(--scc-text) !important;
}

.scc-district-dropdown .select2-search__field:focus,
.scc-thana-dropdown .select2-search__field:focus {
	border-color: #6d28d9 !important;
	box-shadow: 0 0 0 3px rgba(109, 40, 217, 0.18) !important;
}

.scc-district-dropdown .select2-results__options,
.scc-thana-dropdown .select2-results__options {
	max-height: 260px !important;
	padding: 6px !important;
}

.scc-district-dropdown .select2-results__option,
.scc-thana-dropdown .select2-results__option {
	padding: 11px 14px !important;
	font-size: 15px !important;
	font-family: var(--scc-font) !important;
	border-radius: 8px !important;
	margin: 2px 0 !important;
	color: #1f2937 !important;
}

.scc-district-dropdown .select2-results__option--highlighted,
.scc-thana-dropdown .select2-results__option--highlighted {
	background: #6d28d9 !important;
	color: #fff !important;
}

.scc-district-dropdown .select2-results__option[aria-selected="true"],
.scc-thana-dropdown .select2-results__option[aria-selected="true"] {
	background: #ede9fe !important;
	color: #5b21b6 !important;
	font-weight: 600 !important;
}

.scc-district-dropdown .select2-results__option[aria-selected="true"].select2-results__option--highlighted,
.scc-thana-dropdown .select2-results__option[aria-selected="true"].select2-results__option--highlighted {
	background: #6d28d9 !important;
	color: #fff !important;
}

/* Thana / Upazila field visibility */
.scc-checkout-page #billing_city_field,
.scc-checkout-page .form-row.scc-thana {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
}

/* --------------------------------------------------------------------------
   Order review table — full width from LEFT, no theme squeeze/clip
   -------------------------------------------------------------------------- */
.scc-checkout-page .scc-card-order {
	overflow: visible !important;
}

.scc-checkout-page .scc-card-order .scc-card-body,
.scc-checkout-page #order_review {
	overflow: visible !important;
	padding: 14px 16px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
}

.scc-review-table,
.scc-checkout-page table.shop_table.woocommerce-checkout-review-order-table,
.scc-checkout-page .woocommerce-checkout-review-order table {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-collapse: collapse !important;
	table-layout: auto !important;
	direction: ltr !important;
	float: none !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	font-family: var(--scc-font);
	box-sizing: border-box !important;
}

/* Kill theme product-image gutter that leaves empty left space */
.scc-checkout-page .woocommerce-checkout-review-order-table .product-thumbnail,
.scc-checkout-page .woocommerce-checkout-review-order-table td.product-thumbnail,
.scc-checkout-page .woocommerce-checkout-review-order-table th.product-thumbnail,
.scc-checkout-page .woocommerce-checkout-review-order-table img,
.scc-checkout-page .woocommerce-checkout-review-order-table .attachment-woocommerce_thumbnail {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.scc-checkout-page .woocommerce-checkout-review-order-table colgroup col {
	width: auto !important;
}

.scc-review-table th,
.scc-review-table td,
.scc-checkout-page .woocommerce-checkout-review-order-table th,
.scc-checkout-page .woocommerce-checkout-review-order-table td {
	padding: 10px 0 !important;
	padding-left: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--scc-border-soft) !important;
	font-size: 0.95rem !important;
	vertical-align: top !important;
	background: transparent !important;
	float: none !important;
	display: table-cell !important;
	position: static !important;
	box-sizing: border-box !important;
}

.scc-review-table thead th,
.scc-checkout-page .woocommerce-checkout-review-order-table thead th {
	font-size: 0.78rem !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--scc-muted) !important;
	font-weight: 600 !important;
	padding-top: 0 !important;
}

/* Product name — take remaining width FROM THE LEFT */
.scc-review-table .product-name,
.scc-review-table thead th.product-name,
.scc-checkout-page .woocommerce-checkout-review-order-table .product-name,
.scc-checkout-page .woocommerce-checkout-review-order-table tfoot th {
	text-align: left !important;
	font-weight: 500 !important;
	width: auto !important;
	max-width: none !important;
	padding-right: 12px !important;
	padding-left: 0 !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
	white-space: normal !important;
	hyphens: none !important;
	line-height: 1.45 !important;
}

.scc-product-name {
	display: inline !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
	white-space: normal !important;
}

/* Price column — shrink to content, never clip */
.scc-review-table .product-total,
.scc-review-table thead th.product-total,
.scc-review-table tfoot td,
.scc-checkout-page .woocommerce-checkout-review-order-table .product-total,
.scc-checkout-page .woocommerce-checkout-review-order-table tfoot td {
	text-align: right !important;
	white-space: nowrap !important;
	width: 1% !important;
	min-width: 5.5rem !important;
	padding-left: 8px !important;
	padding-right: 2px !important;
	vertical-align: top !important;
	word-break: keep-all !important;
}

.scc-review-table .product-quantity {
	color: var(--scc-muted);
	font-weight: 600;
	white-space: nowrap;
}

.scc-review-table .order-total th,
.scc-review-table .order-total td,
.scc-checkout-page .woocommerce-checkout-review-order-table .order-total th,
.scc-checkout-page .woocommerce-checkout-review-order-table .order-total td {
	border-bottom: 0 !important;
	padding-top: 14px !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: var(--scc-text) !important;
}

.scc-review-table .order-total .amount,
.scc-checkout-page .woocommerce-checkout-review-order-table .amount {
	color: var(--scc-text);
	font-size: 1.05rem;
	white-space: nowrap !important;
}

.scc-review-table tfoot th,
.scc-checkout-page .woocommerce-checkout-review-order-table tfoot th {
	text-align: left !important;
	font-weight: 500 !important;
	color: #4b5563 !important;
}

/* Shipping method rows inside table */
.scc-checkout-page .woocommerce-checkout-review-order-table .woocommerce-shipping-methods {
	list-style: none;
	margin: 0;
	padding: 0;
}

.scc-checkout-page .woocommerce-checkout-review-order-table .woocommerce-shipping-methods li {
	margin: 0;
	padding: 0;
	text-align: right;
}

/* --------------------------------------------------------------------------
   Payment — aligned padding, no overflow, clean COD box
   -------------------------------------------------------------------------- */
.scc-checkout-page .scc-card-payment #payment,
.scc-checkout-page #payment.scc-payment,
.scc-checkout-page .woocommerce-checkout-payment.scc-payment {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	background: transparent !important;
	border: 0 !important;
}

.scc-payment-methods,
.scc-checkout-page #payment ul.payment_methods,
.scc-checkout-page #payment ul.wc_payment_methods {
	list-style: none !important;
	margin: 0 !important;
	padding: 16px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	border: 0 !important;
	overflow: hidden !important;
}

.scc-payment-methods li.wc_payment_method,
.scc-checkout-page #payment ul.payment_methods li.wc_payment_method {
	display: block !important;
	position: relative !important;
	margin: 0 !important;
	padding: 14px 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	background: #f8fafc !important;
	border: 1.5px solid var(--scc-border) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	overflow: hidden !important;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.scc-payment-methods li.wc_payment_method.scc-selected,
.scc-checkout-page #payment ul.payment_methods li.wc_payment_method.scc-selected {
	border-color: #c4b5fd !important;
	background: #faf8ff !important;
	box-shadow: none !important;
}

.scc-payment-methods li.wc_payment_method > input[type="radio"] {
	accent-color: var(--scc-radio);
	width: 18px;
	height: 18px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	flex-shrink: 0;
}

.scc-payment-methods li.wc_payment_method > label {
	display: inline;
	font-weight: 600;
	font-size: 1rem;
	font-family: var(--scc-font);
	color: var(--scc-text);
	vertical-align: middle;
	cursor: pointer;
}

.scc-payment-methods .payment_box,
.scc-checkout-page #payment .payment_box {
	margin: 12px 0 0 !important;
	padding: 10px 12px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
	border: 1px solid var(--scc-border-soft) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.scc-payment-methods .payment_box::before,
.scc-checkout-page #payment .payment_box::before {
	display: none !important;
}

.scc-payment-methods .payment_box p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.45;
	color: var(--scc-muted);
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* COD desc: desktop keeps short copy; mobile shows total + larger type */
.scc-cod-desc-mobile {
	display: none !important;
}

.scc-cod-desc-desktop {
	display: inline !important;
}

@media (max-width: 767px) {
	.scc-cod-desc-desktop {
		display: none !important;
	}

	.scc-cod-desc-mobile {
		display: inline !important;
	}

	.scc-checkout-page #payment .payment_box,
	.scc-payment-methods .payment_box {
		padding: 12px 14px !important;
	}

	.scc-checkout-page #payment .payment_box p,
	.scc-payment-methods .payment_box p,
	.scc-cod-desc-mobile {
		font-size: 15px !important;
		line-height: 1.6 !important;
		color: #374151 !important;
	}

	.scc-cod-pay-amount {
		display: inline !important;
		font-size: 1.22em !important;
		font-weight: 700 !important;
		color: #111827 !important;
		line-height: 1.45 !important;
		white-space: nowrap;
	}

	.scc-cod-total {
		font-weight: 800 !important;
		color: #6d28d9 !important;
	}
}

.scc-place-order,
.scc-checkout-page #payment .form-row.place-order,
.scc-checkout-page #payment .scc-place-order {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 16px !important;
	box-sizing: border-box !important;
	border: 0 !important;
	border-top: 1.5px dashed var(--scc-border) !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	background: transparent !important;
}

.scc-order-btn#place_order,
.scc-checkout-page button.scc-order-btn,
.scc-checkout-page #place_order {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 64px;
	margin: 0 !important;
	padding: 14px 18px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: var(--scc-btn) !important;
	color: #fff !important;
	font-family: var(--scc-font) !important;
	font-weight: 700 !important;
	font-size: 1.15rem !important;
	line-height: 1.25 !important;
	cursor: pointer;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
	text-transform: none !important;
	letter-spacing: normal !important;
	box-sizing: border-box !important;
}

.scc-order-btn#place_order:hover,
.scc-checkout-page button.scc-order-btn:hover {
	background: var(--scc-btn-hover) !important;
	color: #fff !important;
}

.scc-btn-inner {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 12px;
	text-align: left;
}

.scc-btn-check {
	display: inline-flex !important;
	flex-shrink: 0;
}

.scc-btn-copy {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.scc-btn-label {
	display: block !important;
	font-size: 1.15rem;
	font-weight: 700;
	color: #fff !important;
}

.scc-btn-total {
	display: block !important;
	font-size: 0.92rem !important;
	font-weight: 500 !important;
	color: rgba(255, 255, 255, 0.9) !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.scc-checkout-page .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 12px;
	font-size: 0.85rem;
	color: var(--scc-muted);
}

/* Sticky mobile CTA */
.scc-sticky-active .scc-place-order,
.scc-sticky-active .scc-checkout-page #payment .scc-place-order {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	margin: 0 !important;
	padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	background: rgba(255, 255, 255, 0.97) !important;
	border-top: 1px solid var(--scc-border) !important;
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(8px);
	overflow: visible !important;
}

.scc-sticky-active .scc-order-btn#place_order,
.scc-sticky-active .scc-checkout-page #place_order {
	min-height: 58px;
}

.scc-sticky-active .scc-btn-total {
	display: block !important;
}

.scc-checkout-page.scc-sticky-active .woocommerce {
	padding-bottom: calc(var(--scc-sticky-h) + 40px);
}

.scc-sticky-spacer {
	display: none;
	height: var(--scc-sticky-h);
}

.scc-sticky-active .scc-sticky-spacer {
	display: block;
}

/* --------------------------------------------------------------------------
   Notices / coupon
   -------------------------------------------------------------------------- */
.scc-checkout-page .woocommerce-notices-wrapper,
.scc-checkout-page .woocommerce-error,
.scc-checkout-page .woocommerce-message,
.scc-checkout-page .woocommerce-info {
	border-radius: var(--scc-radius-sm);
	font-family: var(--scc-font);
}

.scc-checkout-page .checkout_coupon {
	background: var(--scc-surface);
	border: 1px solid var(--scc-border);
	border-radius: var(--scc-radius);
	padding: 14px;
	margin-bottom: 16px;
}

/* --------------------------------------------------------------------------
   TABLET
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
	.scc-trust-bar {
		grid-template-columns: repeat(4, 1fr);
		gap: 12px;
	}

	.scc-checkout-title {
		font-size: 2rem;
	}
}

/* --------------------------------------------------------------------------
   LAPTOP / DESKTOP — Form left | Order+Payment right (tight stack)
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
	.scc-checkout-page .woocommerce,
	.scc-checkout-page .scc-checkout-wrap {
		padding-left: 24px;
		padding-right: 24px;
		padding-bottom: 48px;
	}

	.scc-trust-bar {
		padding: 0 24px;
	}

	.scc-checkout-grid {
		display: grid !important;
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
		gap: 24px;
		align-items: start;
	}

	/* Real sidebar column — prevents huge gap under order card */
	.scc-col-sidebar {
		display: flex !important;
		flex-direction: column;
		gap: 16px;
		min-width: 0;
		position: sticky;
		top: 20px;
	}

	.scc-col-customer,
	.scc-col-order,
	.scc-col-payment {
		order: unset;
		width: 100%;
	}

	.scc-col-customer {
		position: sticky;
		top: 20px;
	}

	/* No sticky bottom bar on laptop */
	.scc-sticky-active .scc-place-order {
		position: static !important;
		margin: 16px !important;
		padding: 0 0 16px !important;
		background: transparent;
		border: 0;
		box-shadow: none;
		backdrop-filter: none;
	}

	.scc-sticky-active .scc-sticky-spacer {
		display: none;
	}

	.scc-checkout-page.scc-sticky-active .woocommerce {
		padding-bottom: 48px;
	}
}

/* Wide laptop */
@media (min-width: 1200px) {
	.scc-checkout-page .woocommerce,
	.scc-checkout-page .scc-checkout-wrap,
	.scc-trust-bar {
		max-width: 1120px;
	}
}