/* =========================================================
   TrendCave – Checkout & cart design + responsiveness
   Loaded by TrendCave Toolkit (Simple checkout) on cart + checkout only
   
   ========================================================= */

/* ---- Remove distractions ---- */
.woocommerce-checkout .wd-page-title-el,
.woocommerce-cart .wd-page-title-el,
.woocommerce-checkout .wd-checkout-login,
.woocommerce-checkout .wd-toolbar {            /* mobile bottom bar */
	display: none !important;
}
/* Store ships to India only, so the country row is just noise */
#billing_country_field,
#shipping_country_field {
	display: none !important;
}

/* ---- Page width & breathing room ---- */
.woocommerce-checkout .wd-content-area {
	padding-top: 32px;
}
.woocommerce-checkout form.wd-checkout-form {
	max-width: 1120px;
	margin: 0 auto;
}

/* ---- Two clean cards: form (left) + summary (right) ---- */
.wd-checkout-form .elementor-col-50 > .elementor-widget-wrap {
	background: #fff;
	border: 1px solid var(--tct-line, #ebe6dc);
	border-radius: 16px;
	padding: 24px !important;
}
.wd-checkout-form .elementor-col-50:last-child > .elementor-widget-wrap {
	background: var(--tct-panel, #f6f2ea);
}
/* Summary follows you while scrolling on desktop */
@media (min-width: 1025px) {
	.wd-checkout-form .elementor-col-50:last-child > .elementor-widget-wrap {
		position: sticky;
		top: 110px;
	}
}

/* ---- Fields ---- */
.woocommerce-checkout .form-row label {
	font-size: 13px;
	font-weight: 600;
	color: #1c1917;
	margin-bottom: 6px;
}
.woocommerce-checkout .form-row .input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container .select2-selection--single {
	height: 48px;
	border: 1px solid #d6cec1;
	border-radius: 10px;
	font-size: 16px;                /* 16px stops iPhone zooming in */
	background: #fff;
	box-shadow: none;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 46px;
	padding-left: 12px;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow {
	height: 46px;
}
.woocommerce-checkout .form-row .input-text:focus,
.woocommerce-checkout .select2-container--focus .select2-selection--single {
	border-color: var(--tct-brown, #662710);
	outline: 2px solid color-mix(in srgb, var(--tct-brown, var(--tct-brown, #662710)) 15%, transparent);
	outline-offset: 0;
}
.woocommerce-checkout .form-row {
	margin-bottom: 14px;
}

/* ---- Payment options as tappable cards ---- */
#payment ul.wc_payment_methods {
	padding: 0;
	margin: 0 0 16px;
	border: 0;
}
#payment .wc_payment_method {
	list-style: none;
	border: 1px solid #d6cec1;
	border-radius: 12px;
	padding: 14px 16px;
	margin-bottom: 10px;
	background: #fff;
}
#payment .wc_payment_method:has(> input:checked) {
	border: 2px solid var(--tct-brown, #662710);
	background: var(--tct-selected, #fbf6f1);
}
#payment .wc_payment_method > label {
	font-weight: 600;
	cursor: pointer;
}
#payment .wc_payment_method input[type="radio"] {
	accent-color: var(--tct-brown, #662710);
	width: 18px;
	height: 18px;
}
#payment .payment_box {
	background: transparent !important;
	padding: 6px 0 0 !important;
	margin: 0 !important;
	font-size: 13px;
	color: #6b645a;
}
#payment .payment_box::before {
	display: none;
}

/* ---- Place order button ---- */
#place_order {
	width: 100%;
	min-height: 56px;
	border-radius: 12px;
	background: var(--tct-brown, #662710);
	color: var(--tct-cream, #fdfdf6);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
}
#place_order:hover {
	background: var(--tct-brown-dark, #4d1d0c);
}
.woocommerce-privacy-policy-text {
	font-size: 12px;
	color: #6b645a;
	text-align: center;
}

/* ---- Order summary ---- */
.woocommerce-checkout-review-order-table {
	font-size: 14px;
}
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total th {
	font-size: 18px;
	font-weight: 700;
}

/* ---- Tablet & mobile: stack, summary first-glance friendly ---- */
@media (max-width: 1024px) {
	.wd-checkout-form .elementor-col-50 {
		width: 100% !important;
	}
	.wd-checkout-form .elementor-col-50 + .elementor-col-50 {
		margin-top: 16px;
	}
}
@media (max-width: 767px) {
	.woocommerce-checkout .wd-content-area {
		padding-top: 12px;
	}
	.wd-checkout-form .elementor-col-50 > .elementor-widget-wrap {
		padding: 16px !important;
		border-radius: 14px;
	}
	/* Place order stays reachable at the bottom of the screen */
	#payment .place-order {
		position: sticky;
		bottom: 0;
		z-index: 5;
		background: var(--tct-sticky, #f6f2ea);
		padding: 12px 0 16px !important;
		margin: 0;
	}
}

/* =========================================================
   v1.1 — same look on cart + checkout, brand buttons
   ========================================================= */

/* WoodMart colours its main buttons from one theme-wide "accent" colour (cream on this site).
   Use the brand brown for that colour on cart + checkout only. */
.woocommerce-checkout,
.woocommerce-cart {
	--btn-accented-bgcolor: var(--tct-brown, #662710);
	--btn-accented-bgcolor-hover: var(--tct-brown-dark, #4d1d0c);
	--btn-accented-color: var(--tct-cream, #fdfdf6);
	--btn-accented-color-hover: var(--tct-cream, #fdfdf6);
}
.woocommerce-checkout #place_order,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	background-color: var(--tct-brown, #662710) !important;
	color: var(--tct-cream, #fdfdf6) !important;
	border-radius: 12px;
	min-height: 54px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0.02em;
}
.woocommerce-checkout #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
	background-color: var(--tct-brown-dark, #4d1d0c) !important;
}

/* Step numbers (1 Billing Details, 2 Your Order, 3 Payment) in brand brown instead of orange */
.woocommerce-checkout .elementor-widget-wd_text_block:has(+ .elementor-widget-wd_title) > .elementor-widget-container {
	background-color: var(--tct-brown, #662710) !important;
	color: var(--tct-cream, #fdfdf6) !important;
}
.woocommerce-checkout .elementor-widget-wd_text_block:has(+ .elementor-widget-wd_title) p {
	color: var(--tct-cream, #fdfdf6) !important;
}

/* Cart page: cards like the checkout */
.woocommerce-cart .elementor-widget-wd_cart_table,
.woocommerce-cart .elementor-widget-wd_cart_totals {
	background: #fff;
	border: 1px solid var(--tct-line, #ebe6dc);
	border-radius: 16px;
	padding: 20px;
}
.woocommerce-cart .elementor-widget-wd_cart_totals {
	background: var(--tct-panel, #f6f2ea);
}
.woocommerce-cart .shop_table img {
	border-radius: 10px;
}
.woocommerce-cart .coupon .input-text {
	height: 46px;
	border-radius: 10px;
	border: 1px solid #d6cec1;
}
/* "Payment methods:" heading with no image under it */
.woocommerce-cart .elementor-widget-wd_title:has(+ .elementor-widget-wd_image_or_svg):not(:has(+ .elementor-widget-wd_image_or_svg img)):not(:has(+ .elementor-widget-wd_image_or_svg svg)) {
	display: none;
}
@media (max-width: 767px) {
	.woocommerce-cart .elementor-widget-wd_cart_table,
	.woocommerce-cart .elementor-widget-wd_cart_totals {
		padding: 14px;
		border-radius: 14px;
	}
}

/* No page banner on cart and checkout (the theme's page-title image) */
.woocommerce-checkout .wd-page-title,
.woocommerce-cart .wd-page-title {
	display: none !important;
}