.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	/* Astra makes every WooCommerce notice a flex container on narrow screens.
	 * These toggles are inline sentences, and flex layout discards the whitespace
	 * text node before their links. Restore normal text flow for these notices. */
	display: block;
}

.woocommerce-checkout .tdpspace-dir101-role-field {
	border: 0;
	margin: 0 0 1rem;
	min-width: 0;
	padding: 0;
}

.woocommerce-checkout .tdpspace-dir101-role-question {
	display: block;
	font-weight: 700;
	margin: 0 0 0.5rem;
	padding: 0;
}

.woocommerce-checkout .tdpspace-dir101-role-options {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
}

.woocommerce-checkout fieldset.tdpspace-dir101-role-field label.tdpspace-dir101-role-option {
	align-items: center;
	column-gap: 0.625rem;
	display: inline-flex !important;
	font-weight: 400 !important;
	margin: 0;
	white-space: nowrap;
}

.woocommerce-checkout .tdpspace-dir101-role-option .input-radio {
	flex: 0 0 auto;
	margin: 0;
}

.woocommerce-checkout .woocommerce-input-wrapper span.description,
.woocommerce-checkout .tdpspace-checkout-help {
	font-size: 0.85em;
}

.woocommerce-checkout .tdpspace-checkout-help {
	display: block;
	line-height: 1.45;
	margin-top: 0.35rem;
}

/* TDP Space payment gateways redirect to hosted payment pages and have no
 * customer-entered fields at checkout. When WooCommerce offers only one
 * gateway, its title and description are therefore a redundant choice. Keep
 * the checked radio in the DOM for WooCommerce's scripts and form submission. */
.woocommerce-checkout #payment .wc_payment_methods > .wc_payment_method:only-child {
	display: none;
}