.spk-vat-included {
	margin: -4px 0 20px;
	color: #d8ad43;
	font-size: 14px;
	font-weight: 750;
	letter-spacing: .02em;
	text-align: right;
}

tr.spk-vat-included th,
tr.spk-vat-included td {
	color: #d8ad43;
}

/*
 * Checkout styling. The parent theme uses a very dark page background, while
 * several WooCommerce Blocks labels inherit a dark text colour. Keep every
 * checkout control legible and bring the page in line with the TOEC basket.
 */
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .wp-block-post-title,
body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-order-summary__button-text,
body.woocommerce-checkout .wc-block-components-order-summary-item__description,
body.woocommerce-checkout .wc-block-components-order-summary-item__individual-price,
body.woocommerce-checkout .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-item__value {
	color: #f7f3e9 !important;
}

body.woocommerce-checkout .wp-block-woocommerce-checkout {
	width: min(100% - 40px, 1420px);
	max-width: 1420px;
	margin-inline: auto;
}

body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-checkout .wc-block-checkout__sidebar {
	box-sizing: border-box;
	padding: clamp(22px, 3vw, 42px) !important;
	border: 1px solid rgba(216, 173, 67, .72);
	border-radius: 28px;
	background: linear-gradient(145deg, #0b0b0b 0%, #17140f 100%);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .32);
}

body.woocommerce-checkout .wc-block-checkout__sidebar {
	align-self: start;
}

body.woocommerce-checkout .wc-block-components-checkout-step,
body.woocommerce-checkout .wc-block-components-checkout-step__container,
body.woocommerce-checkout .wc-block-components-radio-control,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
body.woocommerce-checkout .wc-block-components-order-summary {
	color: #eee8dc;
}

body.woocommerce-checkout .wc-block-components-checkout-step__description,
body.woocommerce-checkout .wc-block-components-address-card address,
body.woocommerce-checkout .wc-block-components-checkbox__label,
body.woocommerce-checkout .wc-block-components-radio-control__label,
body.woocommerce-checkout .wc-block-components-radio-control__secondary-label,
body.woocommerce-checkout .wc-block-components-payment-method-label,
body.woocommerce-checkout .wc-block-checkout__terms,
body.woocommerce-checkout .wc-block-checkout__terms span,
body.woocommerce-checkout .wc-block-checkout__terms p,
body.woocommerce-checkout .wc-block-components-formatted-money-amount,
body.woocommerce-checkout .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-product-name,
body.woocommerce-checkout label {
	color: #e7e1d5 !important;
}

body.woocommerce-checkout .wc-block-components-checkout-step__heading,
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
body.woocommerce-checkout .wc-block-components-order-summary-item {
	border-color: rgba(255, 255, 255, .14) !important;
}

body.woocommerce-checkout .wc-block-components-address-card,
body.woocommerce-checkout .wc-block-components-radio-control,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
	border-color: rgba(216, 173, 67, .46) !important;
	border-radius: 14px !important;
	background: rgba(255, 255, 255, .035) !important;
}

body.woocommerce-checkout .wc-block-components-address-card,
body.woocommerce-checkout .wc-block-components-address-card * {
	color: #e7e1d5 !important;
}

body.woocommerce-checkout .wc-block-components-address-card__edit {
	color: #e3b84a !important;
}

body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
	border-color: #caa33e !important;
	background: #fff !important;
	color: #111 !important;
}

body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control label {
	color: #4e4a42 !important;
}

body.woocommerce-checkout .wc-block-components-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
	min-height: 58px;
	border: 1px solid #e7bd4e !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #d49f27, #f2cb5a) !important;
	box-shadow: 0 14px 32px rgba(212, 159, 39, .18);
	color: #080808 !important;
	font-weight: 800 !important;
}

body.woocommerce-checkout .wc-block-components-button:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
}

body.woocommerce-checkout a,
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
	color: #e3b84a !important;
}

body.woocommerce-checkout .spk-vat-included {
	color: #e3b84a !important;
	font-size: 15px;
	font-weight: 750;
}

/*
 * The theme constrains content to 760px. WooCommerce's checkout columns each
 * retain percentage widths, so adding a visual gap made the order summary wrap
 * below the form and collapse internally. Give the checkout its own full-width
 * desktop canvas and account for the gap in both column widths.
 */
@media (min-width: 981px) {
	body.woocommerce-checkout .wp-block-woocommerce-checkout {
		width: min(calc(100vw - 48px), 1420px) !important;
		max-width: 1420px !important;
		margin-left: 50% !important;
		margin-right: 0 !important;
		transform: translateX(-50%);
	}

	body.woocommerce-checkout .wc-block-components-sidebar-layout {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-start;
		gap: clamp(24px, 3vw, 42px) !important;
	}

	body.woocommerce-checkout .wc-block-components-main,
	body.woocommerce-checkout .wc-block-checkout__main {
		width: calc(65% - 21px) !important;
		max-width: none !important;
		flex: 1 1 calc(65% - 21px) !important;
	}

	body.woocommerce-checkout .wc-block-components-sidebar,
	body.woocommerce-checkout .wc-block-checkout__sidebar {
		width: calc(35% - 21px) !important;
		max-width: none !important;
		flex: 0 0 calc(35% - 21px) !important;
	}
}

@media (max-width: 1200px) and (min-width: 981px) {
	body.woocommerce-checkout .wc-block-checkout__main,
	body.woocommerce-checkout .wc-block-checkout__sidebar {
		padding: 26px !important;
	}
}

@media (max-width: 980px) {
	body.woocommerce-checkout .wp-block-woocommerce-checkout {
		width: min(calc(100% - 24px), 760px) !important;
		max-width: 760px !important;
		margin-inline: auto !important;
		transform: none;
	}

	body.woocommerce-checkout .wc-block-components-sidebar-layout {
		display: block !important;
	}

	body.woocommerce-checkout .wc-block-components-main,
	body.woocommerce-checkout .wc-block-components-sidebar,
	body.woocommerce-checkout .wc-block-checkout__main,
	body.woocommerce-checkout .wc-block-checkout__sidebar {
		width: 100% !important;
		max-width: none !important;
	}
}

@media (max-width: 780px) {
	body.woocommerce-checkout .wp-block-woocommerce-checkout {
		width: min(calc(100% - 24px), 720px) !important;
	}

	body.woocommerce-checkout .wc-block-checkout__main,
	body.woocommerce-checkout .wc-block-checkout__sidebar {
		padding: 20px 16px !important;
		border-radius: 20px;
	}

	body.woocommerce-checkout .wc-block-components-checkout-step {
		padding-left: 0 !important;
	}

	body.woocommerce-checkout .wc-block-components-checkout-step__container {
		margin-left: 0 !important;
	}
}