/*
 * Checkout field alignment (WooLentor "Shopify-like" checkout), 23 Oct 2026.
 * Country / Province drop-downs: value centred like the other boxes (it sat
 * too low under an empty label space). Apartment line: no floating label
 * stuck at the top of an empty box; its "(optional)" placeholder is centred
 * like "Suburb (optional)".
 */
body.woocommerce-checkout .form-row .select2-container .select2-selection--single { height: 54px !important; }
body.woocommerce-checkout .form-row .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 20px !important; padding-top: 16px !important; padding-bottom: 16px !important;
}
body.woocommerce-checkout .form-row .select2-container .select2-selection--single .select2-selection__arrow {
	top: 50% !important; transform: translateY(-50%) !important; height: 26px !important;
}
body.woocommerce-checkout #billing_address_2_field label,
body.woocommerce-checkout #shipping_address_2_field label {
	position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important;
	clip: rect(0 0 0 0) !important; white-space: nowrap !important;
}
body.woocommerce-checkout #billing_address_2,
body.woocommerce-checkout #shipping_address_2 { padding-top: 16px !important; padding-bottom: 16px !important; }
body.woocommerce-checkout #billing_address_2::placeholder,
body.woocommerce-checkout #shipping_address_2::placeholder { color: #737373 !important; opacity: 1 !important; }

/*
 * Payment options: the radio sits beside its name (it dropped under the long
 * "Card, Apple Pay, Google Pay or Capitec Pay" label), logos at the right on
 * one line and under the name on narrow screens, padded rows, and the grey
 * description box full width.
 */
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method {
	display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 12px; row-gap: 0;
	padding: 14px 16px !important; margin: 0 !important; border-top: 1px solid #e5e7eb;
}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method:first-child { border-top: 0; }
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method > input.input-radio {
	flex: 0 0 auto; margin: 0 !important; position: static !important; float: none !important;
}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method > label {
	flex: 1 1 0; min-width: 0; width: auto !important; display: flex !important; align-items: center; flex-wrap: wrap;
	justify-content: space-between; column-gap: 12px; row-gap: 6px; margin: 0 !important; padding: 0 !important; line-height: 1.4;
}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method > label img {
	height: 20px !important; max-height: 20px !important; width: auto !important; max-width: 100%;
	margin: 0 !important; float: none !important; object-fit: contain;
}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method > .payment_box {
	flex: 0 0 calc(100% + 32px) !important; max-width: none !important; box-sizing: border-box;
	margin: 14px -16px -14px !important; padding: 14px 16px !important;
}
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text { margin-top: 16px; }

/* Shipping options grouped under headings (assets/shipping-groups.js). */
body.woocommerce-checkout ul#shipping_method li.adr-ship-group {
	list-style: none; margin: 0 !important; padding: 10px 16px 8px !important; background: #f6f6f4;
	font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #4b5563;
	border-top: 1px solid #e5e7eb; pointer-events: none;
}
body.woocommerce-checkout ul#shipping_method li.adr-ship-group:first-child { border-top: 0; }
body.woocommerce-checkout ul#shipping_method li.adr-ship-group + li { border-top: 1px solid #e5e7eb; }
body.woocommerce-checkout ul#shipping_method .adr-ship-name { font-weight: 600; }
body.woocommerce-checkout ul#shipping_method .adr-ship-free {
	display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 10px; background: #e8f5ec; color: #1e7e34;
	font-size: 12px; font-weight: 600; vertical-align: 1px;
}
body.woocommerce-checkout ul#shipping_method .adr-ship-sub {
	display: block; margin-top: 3px; padding-left: 29px; font-size: 13px; line-height: 1.45; color: #6b7280; font-weight: 400;
}