/* ===========================================================================
   gtc-checkout — Shopify-style checkout & cart (renders when Fluid inactive)
   GTCKSA teal accent #0fa39a. Renders only when Fluid is deactivated.
   =========================================================================== */

.gtc-co, .gtc-cart {
	--gtc-border: #d9d9d9;
	--gtc-hair: #e6e8eb;
	--gtc-focus: #0fa39a;
	--gtc-text: #1a1a1a;
	--gtc-muted: #6b7280;
	--gtc-soft: #fafbfc;
}

/* ---------- Page layout: form left, sticky summary right ---------- */
form.checkout.gtc-co {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: 40px;
	align-items: start;
	max-width: 1120px;
	margin: 0 auto;
}
.gtc-co__main { min-width: 0; }
.gtc-co__aside { position: sticky; top: 24px; }
@media (max-width: 1024px) {
	form.checkout.gtc-co { display: block !important; }
	.gtc-co__aside { position: static; margin-top: 28px; }
}

/* ---------- Sections ---------- */
.gtc-co .woocommerce-billing-fields,
.gtc-co .woocommerce-shipping-fields,
.gtc-co .woocommerce-additional-fields,
.gtc-co #payment {
	background: #fff;
	border: 1px solid var(--gtc-hair);
	border-radius: 12px;
	padding: 24px;
	margin: 0 0 20px;
}
.gtc-co h3,
.gtc-co #order_review_heading,
.gtc-co .woocommerce-additional-fields h3,
.gtc-co #ship-to-different-address {
	font-size: 1.0625rem;
	font-weight: 650;
	color: var(--gtc-text);
	margin: 0 0 18px;
	line-height: 1.3;
}

/* ---------- Field grid: single column; pair name + city/state ---------- */
.gtc-co .woocommerce-billing-fields__field-wrapper,
.gtc-co .woocommerce-shipping-fields__field-wrapper,
.gtc-co .woocommerce-additional-fields__field-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 16px;
}
.gtc-co .form-row {
	float: none !important;
	width: auto !important;
	min-width: 0;
	padding: 0 !important;
	margin: 0 0 16px !important;
	grid-column: 1 / -1;
	box-sizing: border-box;
}
.gtc-co #billing_first_name_field { grid-column: 1 / 2; }
.gtc-co #billing_last_name_field  { grid-column: 2 / 3; }
.gtc-co #billing_city_field       { grid-column: 1 / 2; }
.gtc-co #billing_state_field      { grid-column: 2 / 3; }
.gtc-co #shipping_first_name_field { grid-column: 1 / 2; }
.gtc-co #shipping_last_name_field  { grid-column: 2 / 3; }
.gtc-co #shipping_city_field       { grid-column: 1 / 2; }
.gtc-co #shipping_state_field      { grid-column: 2 / 3; }
/* Conditional (company/VAT) hidden until needed — no empty grid cell */
.gtc-co .thwcfe-disabled-field-wrapper { display: none !important; }
@media (max-width: 560px) {
	.gtc-co .woocommerce-billing-fields__field-wrapper,
	.gtc-co .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
	.gtc-co .form-row { grid-column: 1 / -1 !important; }
}

/* ---------- Labels & help text ---------- */
.gtc-co .form-row > label {
	display: block;
	font-size: .8125rem;
	font-weight: 600;
	color: var(--gtc-muted);
	margin: 0 0 6px;
}
.gtc-co .form-row .optional { font-weight: 400; color: #9ca3af; }
.gtc-co .form-row .description,
.gtc-co .form-row span.description,
.gtc-co .form-row small { display: block; font-size: .75rem; color: var(--gtc-muted); margin-top: 5px; }
.gtc-co .required { color: #dc2626; border: 0; }

/* ---------- Inputs ---------- */
.gtc-co input.input-text,
.gtc-co textarea,
.gtc-co select,
.gtc-co .select2-container--default .select2-selection--single {
	width: 100%;
	box-sizing: border-box;
	height: 46px;
	border: 1px solid var(--gtc-border);
	border-radius: 8px;
	padding: 0 13px;
	font-size: .95rem;
	background: #fff;
	color: var(--gtc-text);
	transition: border-color .12s, box-shadow .12s;
}
.gtc-co textarea { height: auto; min-height: 92px; padding: 12px 13px; line-height: 1.5; }
.gtc-co .select2-container { width: 100% !important; }
.gtc-co .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; padding: 0; color: var(--gtc-text); }
.gtc-co .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }
.gtc-co input.input-text:focus,
.gtc-co textarea:focus,
.gtc-co select:focus,
.gtc-co .select2-container--default.select2-container--focus .select2-selection--single,
.gtc-co .select2-container--default.select2-container--open .select2-selection--single {
	outline: 0;
	border-color: var(--gtc-focus);
	box-shadow: 0 0 0 3px rgba(15, 163, 154, .18);
}
.gtc-co input.input-text::placeholder, .gtc-co textarea::placeholder { color: #aeb4bd; }

/* ---------- Checkboxes (newsletter / consent / create-account / ship-to) ---------- */
.gtc-co .form-row.kl_newsletter_checkbox_field,
.gtc-co .form-row.wd-email-sub-main,
.gtc-co .form-row.create-account,
.gtc-co .woocommerce-account-fields,
.gtc-co .woocommerce-shipping-fields > h3 { grid-column: 1 / -1; }
.gtc-co label.checkbox,
.gtc-co .form-row.create-account label,
.gtc-co .woocommerce-account-fields label.checkbox {
	display: flex; align-items: flex-start; gap: 9px;
	font-weight: 400; font-size: .9rem; color: var(--gtc-text); margin: 0;
}
.gtc-co label.checkbox input[type="checkbox"],
.gtc-co .create-account input[type="checkbox"] { width: 18px; height: 18px; margin-top: 1px; flex: 0 0 auto; accent-color: var(--gtc-focus); }
.gtc-co #ship-to-different-address label { display: flex; align-items: center; gap: 9px; font-size: .95rem; font-weight: 600; }

/* ---------- Login / coupon toggles above the form ---------- */
body.woocommerce-checkout .woocommerce-form-login-toggle,
body.woocommerce-checkout .woocommerce-form-coupon-toggle { max-width: 1120px; margin: 0 auto 12px; }
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	background: var(--gtc-soft); border: 1px solid var(--gtc-hair); border-left: 3px solid var(--gtc-focus);
	border-radius: 8px; padding: 12px 16px; font-size: .9rem; color: var(--gtc-text);
}
body.woocommerce-checkout form.login,
body.woocommerce-checkout form.checkout_coupon { max-width: 1120px; margin: 0 auto 18px; border: 1px solid var(--gtc-hair); border-radius: 12px; padding: 22px; }

/* ---------- Payment ---------- */
.gtc-co #payment { background: #fff; }
.gtc-co #payment ul.payment_methods { list-style: none; margin: 0 0 4px; padding: 0; border: 0; }
.gtc-co #payment li.wc_payment_method { border: 1px solid var(--gtc-hair); border-radius: 10px; padding: 14px 16px; margin: 0 0 12px; list-style: none; }
.gtc-co #payment li.wc_payment_method > label { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--gtc-text); margin: 0; }
.gtc-co #payment li.wc_payment_method img { margin-left: auto; max-height: 24px; }
.gtc-co #payment .payment_box { background: var(--gtc-soft); border-radius: 8px; margin: 10px 0 0; padding: 14px; font-size: .85rem; color: var(--gtc-muted); }
.gtc-co #payment .payment_box::before { display: none; }
.gtc-co #place_order {
	background: #111; color: #fff; border: 0; border-radius: 10px;
	padding: 16px 20px; font-weight: 700; font-size: 1rem; width: 100%; margin-top: 6px; cursor: pointer;
	transition: background .15s;
}
.gtc-co #place_order:hover { background: var(--gtc-focus); }
.gtc-co .woocommerce-privacy-policy-text { font-size: .78rem; color: var(--gtc-muted); margin: 4px 0 14px; }

/* ---------- Order summary (right) — Shopify light panel ---------- */
.gtc-co__aside #order_review { background: var(--gtc-soft); border: 1px solid var(--gtc-hair); border-radius: 12px; padding: 24px; }
.gtc-co__aside .shop_table { width: 100%; border: 0; margin: 0; }
.gtc-co__aside .shop_table thead { display: none; }
.gtc-co__aside .shop_table td,
.gtc-co__aside .shop_table th { border: 0; padding: 9px 0; font-size: .9rem; color: var(--gtc-text); vertical-align: top; }
.gtc-co__aside .shop_table .product-name { color: var(--gtc-text); }
.gtc-co__aside .shop_table .product-total { text-align: right; white-space: nowrap; }
.gtc-co__aside .cart_item td { border-bottom: 1px solid var(--gtc-hair); }
.gtc-co__aside .cart-subtotal th, .gtc-co__aside .cart-subtotal td,
.gtc-co__aside .shipping th, .gtc-co__aside .shipping td,
.gtc-co__aside .tax-total th, .gtc-co__aside .tax-total td { color: var(--gtc-muted); font-weight: 500; }
.gtc-co__aside .order-total th, .gtc-co__aside .order-total td { font-size: 1.1rem; font-weight: 800; padding-top: 14px; border-top: 1px solid var(--gtc-border); }
.gtc-co__aside .order-total td { text-align: right; }
.gtc-co__aside #order_review_heading { margin-bottom: 16px; }

/* ============ Cart page ============ */
.gtc-cart {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 40px;
	align-items: start;
	max-width: 1120px;
	margin: 0 auto;
}
.gtc-cart__main, .gtc-cart__aside { min-width: 0; }
.gtc-cart__main .shop_table { max-width: 100%; }
@media (max-width: 1024px) { .gtc-cart { grid-template-columns: minmax(0, 1fr); } }

.gtc-cart__main .shop_table { width: 100%; border-collapse: collapse; border: 0; }
.gtc-cart__main .shop_table thead th {
	text-align: left; font-size: .75rem; text-transform: uppercase; letter-spacing: .04em;
	color: var(--gtc-muted); border-bottom: 1px solid var(--gtc-hair); padding: 0 8px 12px;
}
.gtc-cart__main .cart_item td { padding: 16px 8px; border-bottom: 1px solid var(--gtc-hair); vertical-align: middle; }
.gtc-cart__main .product-thumbnail img { width: 64px; height: auto; border-radius: 8px; }
.gtc-cart__main .product-remove .remove { color: var(--gtc-muted); font-size: 20px; }
.gtc-cart__main .quantity input.qty { width: 64px; height: 40px; border: 1px solid var(--gtc-border); border-radius: 8px; text-align: center; }
.gtc-cart__main .actions { padding: 18px 8px 0; }
.gtc-cart__main .coupon { display: flex; gap: 10px; }
.gtc-cart__main .coupon input#coupon_code { height: 44px; border: 1px solid var(--gtc-border); border-radius: 8px; padding: 0 14px; }
.gtc-cart__main .actions .button { height: 44px; border-radius: 8px; }

.gtc-cart__aside .cart_totals {
	background: var(--gtc-soft); border: 1px solid var(--gtc-hair); border-radius: 12px; padding: 24px;
}
.gtc-cart__aside .cart_totals h2 { font-size: 1.0625rem; font-weight: 650; margin: 0 0 16px; }
.gtc-cart__aside .cart_totals table { width: 100%; border: 0; }
.gtc-cart__aside .cart_totals th, .gtc-cart__aside .cart_totals td { border: 0; padding: 9px 0; font-size: .9rem; }
.gtc-cart__aside .cart_totals .order-total th, .gtc-cart__aside .cart_totals .order-total td { font-size: 1.1rem; font-weight: 800; border-top: 1px solid var(--gtc-border); padding-top: 14px; }
.gtc-cart__aside .wc-proceed-to-checkout { padding: 16px 0 0; }
.gtc-cart__aside .wc-proceed-to-checkout .checkout-button {
	background: #111; color: #fff; border-radius: 10px; padding: 16px 20px;
	font-weight: 700; width: 100%; display: block; text-align: center; box-sizing: border-box;
}
.gtc-cart__aside .wc-proceed-to-checkout .checkout-button:hover { background: var(--gtc-focus); }

/* ---------- Cart line items: stack into cards on mobile (shop_table_responsive) ---------- */
@media (max-width: 768px) {
	.gtc-cart__main table.shop_table { border: 0; }
	.gtc-cart__main table.shop_table thead { display: none; }
	.gtc-cart__main table.shop_table tbody,
	.gtc-cart__main table.shop_table tr.cart_item,
	.gtc-cart__main table.shop_table tr.woocommerce-cart-form__cart-item { display: block; width: 100%; }
	.gtc-cart__main table.shop_table tr.cart_item {
		position: relative; border: 1px solid var(--gtc-hair); border-radius: 12px;
		padding: 14px 14px 8px; margin: 0 0 12px;
	}
	.gtc-cart__main table.shop_table tr.cart_item td {
		display: flex; align-items: center; justify-content: space-between; gap: 12px;
		width: 100%; border: 0; padding: 6px 0; text-align: right;
	}
	.gtc-cart__main table.shop_table tr.cart_item td::before {
		content: attr(data-title); font-weight: 600; font-size: .8rem; color: var(--gtc-muted); text-align: left;
	}
	/* Remove: WoodMart locks its absolute `left` (unbeatable from a stylesheet) — checkout.js
	   forces position:static inline so it flows as a normal labelled row ("Remove ... x"). */
	.gtc-cart__main table.shop_table td.product-remove::before { content: "Remove"; display: inline !important; }
	[dir="rtl"] .gtc-cart__main table.shop_table td.product-remove::before { content: "إزالة"; }
	.gtc-cart__main table.shop_table td.product-remove a.remove::before { display: none !important; }
	.gtc-cart__main table.shop_table td.product-remove a.remove { font-size: 20px; line-height: 1; color: var(--gtc-muted); text-decoration: none; }
	.gtc-cart__main table.shop_table td.product-thumbnail { justify-content: flex-start; }
	.gtc-cart__main table.shop_table td.product-thumbnail::before { display: none; }
	.gtc-cart__main table.shop_table td.product-thumbnail img { width: 72px; }
}

/* ---------- Fix: WooCommerce/WoodMart col2-set floats billing to ~48%.
   Force billing/shipping to fill the main column (no empty gap). ---------- */
.gtc-co #customer_details.col2-set { display: block; width: 100%; }
.gtc-co #customer_details > .woocommerce-billing-fields,
.gtc-co #customer_details > .woocommerce-shipping-fields {
	width: 100% !important;
	float: none !important;
	margin: 0 0 20px;
}
.gtc-co .create-account { clear: both; }

/* ---------- Distraction-free checkout chrome ---------- */
body.gtc-co-clean header.whb-header,
body.gtc-co-clean .wd-footer,
body.gtc-co-clean footer.footer-container,
body.gtc-co-clean .gtc-wa,
body.gtc-co-clean .wd-prefooter,
body.gtc-co-clean .woocommerce-breadcrumb,
body.gtc-co-clean .gtc-appstrip,
body.gtc-co-clean .login-form-side,
body.gtc-co-clean .wd-search-full-screen,
body.gtc-co-clean .cart-widget-side,
body.gtc-co-clean .mobileMenu,
body.gtc-co-clean .wd-close-side { display: none !important; }
.gtc-co-header { background: #fff; border-bottom: 1px solid #e6e8eb; }
.gtc-co-header__in { max-width: 1120px; margin: 0 auto; padding: 18px 16px; display: flex; align-items: center; justify-content: space-between; }
.gtc-co-header__logo img { height: 34px; width: auto; display: block; }
.gtc-co-header__cart { color: #1a1a1a; display: inline-flex; align-items: center; }

/* Section headings — clean Title Case (not uppercase) */
.gtc-co h3, .gtc-co #order_review_heading { text-transform: none; letter-spacing: 0; }

/* ---------- Inline hints + sticky mobile place-order bar ---------- */
.gtc-co .gtc-hint { font-size: .75rem; color: var(--gtc-muted); margin-top: 5px; }
.gtc-co .gtc-row-error .gtc-hint { color: #dc2626; }
.gtc-co .gtc-row-error input.input-text,
.gtc-co .gtc-row-error select,
.gtc-co .gtc-row-error textarea { border-color: #dc2626; }
.gtc-co .gtc-hint a.gtc-fix { color: var(--gtc-focus); text-decoration: underline; }

/* Shipping method card (relocated from the summary by checkout.js) */
.gtc-co .gtc-co-shipping { background: #fff; border: 1px solid var(--gtc-hair); border-radius: 12px; padding: 24px; margin: 0 0 20px; }
.gtc-co .gtc-co-shipping h3 { font-size: 1.0625rem; font-weight: 650; margin: 0 0 16px; color: var(--gtc-text); }
.gtc-co .gtc-ship-target ul#shipping_method,
.gtc-co .gtc-ship-target ul.woocommerce-shipping-methods { list-style: none; margin: 0; padding: 0; }
.gtc-co .gtc-ship-target li { border: 1px solid var(--gtc-hair); border-radius: 10px; padding: 14px 16px; margin: 0 0 10px; display: flex; align-items: flex-start; gap: 10px; }
.gtc-co .gtc-ship-target li:last-child { margin-bottom: 0; }
.gtc-co .gtc-ship-target li:has(input:checked) { border-color: var(--gtc-focus); box-shadow: 0 0 0 2px rgba(15, 163, 154, .15); }
.gtc-co .gtc-ship-target label { margin: 0; min-width: 0; flex: 1 1 auto; font-weight: 600; color: var(--gtc-text); cursor: pointer; line-height: 1.4; overflow-wrap: anywhere; word-break: break-word; }
.gtc-co .gtc-ship-target label a { overflow-wrap: anywhere; word-break: break-all; }
.gtc-co .gtc-ship-target input[type="radio"] { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--gtc-focus); flex: 0 0 auto; }
.gtc-co .gtc-ship-target .amount { font-weight: 700; }
.gtc-co .gtc-ship-empty, .gtc-co .gtc-ship-target > p { color: var(--gtc-muted); font-size: .9rem; margin: 0; }

.gtc-mobile-bar { display: none; }
@media (max-width: 1024px) {
	.gtc-mobile-bar {
		display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
		background: #fff; border-top: 1px solid #e6e8eb; align-items: center; gap: 12px;
		padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
		box-shadow: 0 -4px 16px rgba(0, 0, 0, .07);
	}
	.gtc-mobile-bar__total { font-weight: 800; font-size: 1.05rem; white-space: nowrap; }
	.gtc-mobile-bar__btn { margin-left: auto; background: #111; color: #fff; border: 0; border-radius: 10px; padding: 14px 22px; font-weight: 700; }
	[dir="rtl"] .gtc-mobile-bar__btn { margin-left: 0; margin-right: auto; }
	body.gtc-co-clean { padding-bottom: 84px; }
}

/* Always-open coupon in the order summary */
.gtc-co__aside .gtc-co-coupon { margin: 0 0 18px; }
.gtc-co-coupon__row { display: flex; gap: 8px; }
.gtc-co-coupon__row input#coupon_code { flex: 1 1 auto; min-width: 0; height: 44px; border: 1px solid var(--gtc-border); border-radius: 8px; padding: 0 13px; font-size: .9rem; background: #fff; box-sizing: border-box; }
.gtc-co-coupon__btn { flex: 0 0 auto; height: 44px; border: 1px solid var(--gtc-border); background: #fff; color: var(--gtc-text); border-radius: 8px; padding: 0 18px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.gtc-co-coupon__btn:hover { background: #f3f4f6; }
/* Coupon row inside the summary table (between items and subtotal) */
.gtc-co__aside .gtc-co-coupon-row td { padding: 14px 0 4px; border: 0; }
.gtc-co-coupon-row .gtc-co-coupon { margin: 0; }

/* Hide the native coupon toggle + form (kept as the hidden AJAX engine). */
body.gtc-co-clean .woocommerce-form-coupon-toggle,
body.gtc-co-clean form.checkout_coupon { display: none !important; }

/* ===========================================================================
   gpt-taste polish pass — craft fixes (2026-06-18)
   =========================================================================== */

/* [2] Section headings: force consistent Title Case (theme sets h3 uppercase). */
.gtc-co h3,
.gtc-co #order_review_heading,
.gtc-co .woocommerce-billing-fields > h3,
.gtc-co .woocommerce-additional-fields > h3 {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 650;
}

/* [1] Full-height summary panel (Nudient-style band behind the right column),
   so the short summary card never floats over a tall empty void on desktop. */
@media (min-width: 1025px) {
	form.checkout.gtc-co { position: relative; }
	form.checkout.gtc-co::before {
		content: "";
		position: absolute;
		top: 0; bottom: 0; right: 0;
		width: 400px;
		background: var(--gtc-soft);
		border: 1px solid var(--gtc-hair);
		border-radius: 14px;
		z-index: 0;
	}
	[dir="rtl"] form.checkout.gtc-co::before { right: auto; left: 0; }
	.gtc-co__main, .gtc-co__aside { position: relative; z-index: 1; }
	/* The band IS the panel now — drop the inner card's own chrome. */
	.gtc-co__aside #order_review { background: transparent; border: 0; padding: 24px; }
	.gtc-co__aside { padding-bottom: 8px; }
}

/* [3] Free-shipping progress bar: rebrand WoodMart blue + candy-stripe to calm teal. */
.gtc-co .wd-shipping-progress-bar,
.gtc-cart .wd-shipping-progress-bar,
body.woocommerce-cart .wd-shipping-progress-bar { border-color: var(--gtc-hair); border-radius: 12px; }
.gtc-co .wd-free-progress-bar .progress-msg,
body.woocommerce-cart .wd-free-progress-bar .progress-msg { color: var(--gtc-text); font-weight: 600; font-size: .92rem; }
/* Free shipping is Riyadh-only — clarify under the bar message (both states, EN/AR). */
.gtc-co .wd-free-progress-bar .progress-msg::after,
body.woocommerce-cart .wd-free-progress-bar .progress-msg::after {
	content: "Free shipping applies within Riyadh only.";
	display: block; margin-top: 3px; font-size: .78rem; font-weight: 400; color: var(--gtc-muted);
}
[dir="rtl"] .gtc-co .wd-free-progress-bar .progress-msg::after,
[dir="rtl"] body.woocommerce-cart .wd-free-progress-bar .progress-msg::after { content: "الشحن المجاني داخل الرياض فقط."; }
.gtc-co .wd-free-progress-bar .progress-area,
body.woocommerce-cart .wd-free-progress-bar .progress-area {
	position: relative;
	background: #e9eeed !important;
	border-radius: 999px;
	overflow: hidden;
	height: 8px;
}
/* The fill carries a ~10px top offset from WoodMart's taller default track; once the
   track is forced to 8px + overflow:hidden that pushes the teal out of view. Anchor it
   absolutely so it overlays the track exactly (inset-inline-start keeps RTL direction). */
.gtc-co .wd-free-progress-bar .progress-bar,
.gtc-co .wd-shipping-progress-bar .progress-bar,
body.woocommerce-cart .wd-free-progress-bar .progress-bar,
body.woocommerce-cart .wd-shipping-progress-bar .progress-bar {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	inset-inline-start: 0 !important;
	height: auto !important;
	margin: 0 !important;
	background-color: var(--gtc-focus) !important;
	background-image: none !important;
	border-radius: 999px;
	animation: none !important;
}

/* [7] Create-account: stop it stranding in the gap — give it its own card. */
.gtc-co .woocommerce-account-fields {
	background: #fff;
	border: 1px solid var(--gtc-hair);
	border-radius: 12px;
	padding: 18px 24px;
	margin: 0 0 20px;
}
.gtc-co .woocommerce-account-fields .create-account { margin: 0; }
.gtc-co .woocommerce-account-fields .create-account p:last-child { margin-bottom: 0; }

/* [4] Sticky mobile bar: keep the button on-brand + never let text wrap. */
@media (max-width: 1024px) {
	.gtc-mobile-bar__total { white-space: nowrap; }
	.gtc-mobile-bar__total small,
	.gtc-mobile-bar__total .tax_label,
	.gtc-mobile-bar__total .includes_tax { display: none; }
	.gtc-mobile-bar__btn { background: #111 !important; color: #fff !important; white-space: nowrap; }
	.gtc-mobile-bar__btn:hover { background: var(--gtc-focus) !important; }
}

/* [5] Mobile: collapsible order summary pinned to the TOP (review before scrolling). */
.gtc-sum-toggle { display: none; }
@media (max-width: 1024px) {
	form.checkout.gtc-co { display: flex !important; flex-direction: column; }
	.gtc-co__aside { order: -1; margin: 0 0 20px; }
	.gtc-co__aside #order_review_heading { display: none; }
	.gtc-sum-toggle {
		display: flex; width: 100%; align-items: center; justify-content: space-between;
		background: var(--gtc-soft); border: 1px solid var(--gtc-hair); border-radius: 12px;
		padding: 16px 18px; font-size: .95rem; font-weight: 700; color: var(--gtc-text); cursor: pointer;
	}
	.gtc-sum-toggle__r { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; }
	.gtc-sum-toggle__chev { transition: transform .2s ease; }
	.gtc-sum-toggle.open .gtc-sum-toggle__chev { transform: rotate(180deg); }
	.gtc-co__aside #order_review {
		overflow: hidden;
		transition: max-height .28s ease;
		margin-top: 12px;
	}
	.gtc-co__aside.gtc-sum-collapsed #order_review { max-height: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; border: 0; }
}

/* ---------- Saved address book picker (logged-in checkout) ---------- */
.gtc-co .gtc-ab { margin: 0 0 18px; }
.gtc-co .gtc-ab__title { font-size: .8125rem; font-weight: 600; color: var(--gtc-muted); margin: 0 0 8px; }
.gtc-co .gtc-ab__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gtc-co .gtc-ab__card {
	display: flex; flex-direction: column; gap: 2px; text-align: left;
	border: 1px solid var(--gtc-hair); border-radius: 10px; padding: 12px 14px;
	background: #fff; cursor: pointer; transition: border-color .12s, box-shadow .12s;
}
.gtc-co .gtc-ab__card:hover { border-color: var(--gtc-focus); }
.gtc-co .gtc-ab__card.is-selected { border-color: var(--gtc-focus); box-shadow: 0 0 0 2px rgba(15, 163, 154, .15); }
.gtc-co .gtc-ab__h { font-weight: 700; color: var(--gtc-text); font-size: .9rem; }
.gtc-co .gtc-ab__l { font-size: .82rem; color: var(--gtc-muted); line-height: 1.35; }
.gtc-co .gtc-ab__p { font-size: .8rem; color: var(--gtc-muted); }
[dir="rtl"] .gtc-co .gtc-ab__card { text-align: right; }
@media (max-width: 560px) { .gtc-co .gtc-ab__grid { grid-template-columns: 1fr; } }