.wget-training-checkout .page-header {
	border: none;
	padding-bottom: 0;
	margin-bottom: 3.7rem;
}

.wget-training-checkout .main-page-title {
	margin-bottom: 0;
}

.wget-training-checkout .wp-block-woocommerce-checkout {
	margin: 0 0 var(--spaced-section);
}

/*
 * WooCommerce stacks the sidebar via an `@container (max-width: 699px)` query
 * scoped to .wp-block-woocommerce-checkout's own inline-size, not the
 * viewport. The .container padding this page adds narrows that box enough
 * to trip the container query well before the page actually looks cramped,
 * so pin the two-column layout here and drive stacking off viewport width
 * instead, matching the breakpoint the rest of the theme uses.
 *
 * WooCommerce's own gutter for this layout is just a border-box
 * padding-right/padding-left on the 65%/35% columns, which reads as too
 * tight next to the Order summary card — add a real flex gap on top and
 * trim both columns' width so they still sum to 100% without wrapping.
 */
.wget-training-checkout .wc-block-components-sidebar-layout {
	flex-direction: row-reverse;
	gap: 6.4rem;
}

.wget-training-checkout .wc-block-components-main {
	width: calc(62% - 3.2rem);
}

.wget-training-checkout .wc-block-components-sidebar {
	width: calc(38% - 3.2rem);
}

@media screen and (max-width: 749px) {
	.wget-training-checkout .wc-block-components-sidebar-layout {
		flex-direction: column;
	}

	.wget-training-checkout .wc-block-components-main,
	.wget-training-checkout .wc-block-components-sidebar {
		width: 100%;
	}

	.wget-training-checkout .wc-block-checkout__sidebar {
		margin-top: 3.2rem;
	}
}

/* Step headings */
.wget-training-checkout .wc-block-components-checkout-step__title {
	font-family: var(--font-heading-family);
	font-weight: var(--font-heading-weight);
	text-transform: var(--font-heading-text-transform);
	font-size: 2rem;
	color: rgb(var(--color-foreground-title));
}

.wget-training-checkout .wc-block-components-checkout-step__heading-content {
	color: rgba(var(--color-foreground-title), .7);
}

/* Text inputs */
.wget-training-checkout .wc-block-components-text-input input,
.wget-training-checkout .wc-block-components-address-form__country .components-input-control__input,
.wget-training-checkout .wc-block-components-address-form__state .components-input-control__input {
	border-color: rgb(var(--color-border));
	border-radius: .8rem;
	font-family: var(--font-body-family);
	color: rgb(var(--color-foreground-title));
}

.wget-training-checkout .wc-block-components-text-input input:focus,
.wget-training-checkout .wc-block-components-address-form__country .components-input-control__input:focus {
	border-color: rgb(var(--color-foreground-title));
	box-shadow: none;
}

.wget-training-checkout .wc-block-components-text-input label {
	font-family: var(--font-body-family);
}

/* Radio options (shipping/payment methods) */
.wget-training-checkout .wc-block-components-radio-control {
	border-radius: .8rem;
	border: .1rem solid rgb(var(--color-border));
	overflow: hidden;
}

.wget-training-checkout .wc-block-components-radio-control__option + .wc-block-components-radio-control__option {
	border-top: .1rem solid rgb(var(--color-border));
}

.wget-training-checkout .wc-block-components-radio-control__label-group,
.wget-training-checkout .wc-block-components-radio-control__label,
.wget-training-checkout .wc-block-components-radio-control__secondary-label {
	font-family: var(--font-body-family);
	color: rgb(var(--color-foreground-title));
}

/* Checkbox */
.wget-training-checkout .wc-block-components-checkbox__label {
	font-family: var(--font-body-family);
	color: rgb(var(--color-foreground-title));
}

/* Order summary sidebar card */
.wget-training-checkout .wc-block-checkout__sidebar {
	background-color: rgba(var(--color-border), .3);
	border-radius: .8rem;
	padding: 3.2rem;
}

.wget-training-checkout .wc-block-components-checkout-order-summary__title-text,
.wget-training-checkout .wc-block-components-order-summary-item__description,
.wget-training-checkout .wc-block-components-totals-item__label,
.wget-training-checkout .wc-block-components-totals-item__value {
	font-family: var(--font-body-family);
	color: rgb(var(--color-foreground-title));
}

.wget-training-checkout .wc-block-components-checkout-order-summary__title-text {
	font-family: var(--font-heading-family);
	font-weight: var(--font-heading-weight);
	font-size: 1.8rem;
}

/* Place Order button -> Rokid pill button */
.wget-training-checkout .wc-block-components-checkout-place-order-button {
	font-family: var(--font-button-family);
	font-weight: var(--font-button-weight);
	text-transform: var(--font-button-text-transform);
	letter-spacing: var(--font-button-letter-spacing);
	border-radius: var(--border-radius-button);
	min-height: 5.6rem;
}

.wget-training-checkout .wc-block-checkout__actions {
	margin-top: 2.4rem;
}

.wget-training-checkout .wc-block-checkout__terms {
	color: rgba(var(--color-foreground-title), .7);
	font-family: var(--font-body-family);
}

.wget-training-checkout .wc-block-checkout__terms a {
	color: rgb(var(--color-foreground-title));
}