/* Falcon - partner experience (issue #17). Loaded site-wide by ftt-core.php; markup from inc/partner-experience.php.
   1. Header account link beside the cart (template 5727, cluster 2c03d8b0)
   2. Sign-in page note (extends the .ftt-login styles in Custom Code 6388)
   3. Partner price on product pages (extends Custom Code 5929)
   4. "Your partnership" panel in My Account
   5. Shop page heading spacing (sign-in, cart, checkout)
   6. My Account menu on phones
   7. My Account, View order
   8. Order actions on phones
   9. My Account: partner catalogue download (issue #19)
   10. Checkout and order payment: "Your booking" summary (issue #41)
   Keep it ASCII-only and backslash-free. */

/* ---------- 1. Header account link ---------- */

/* [ftt_cart] prints inside a span; the account link now sits in it too, so line the two up. */
.elementor-location-header span:has(> .ftt-acct) {
	display: inline-flex;
	align-items: center;
	gap: 2px;
}
/* Elementor unsets every style on links inside paragraphs (.e-paragraph-base a), so these selectors need the header prefix. */
.elementor-location-header a.ftt-acct {
	position: relative;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 48px;
	min-width: 48px;
	justify-content: center;
	padding: 0 4px;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
	transition: color .35s ease, transform .35s ease;
}
.ftt-acct__icon {
	display: block;
	flex: none;
	filter: drop-shadow(0 1px 8px #112547b3);
	transition: filter .35s;
}
/* Same tone as the cart: the cart snippet (6403) marks light ground with .is-light. */
.elementor-location-header :has(.ftt-cart.is-light) .ftt-acct {
	color: var(--dark-back);
}
.elementor-location-header :has(.ftt-cart.is-light) .ftt-acct__icon {
	filter: none;
}
.elementor-location-header a.ftt-acct:hover,
.elementor-location-header a.ftt-acct:focus-visible {
	color: var(--btn-experiences);
	transform: translateY(-1px);
}
.elementor-location-header :has(.ftt-cart.is-light) .ftt-acct:hover,
.elementor-location-header :has(.ftt-cart.is-light) .ftt-acct:focus-visible {
	color: var(--icon-why);
}
.elementor-location-header a.ftt-acct:focus-visible {
	outline: 2px solid var(--btn-experiences);
	outline-offset: 2px;
}
/* Partner label: small, uppercase, with a gold diamond, in the icon's own colour so it reads on photos and cream. */
.ftt-acct__tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-nav);
	font-size: .7rem;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	text-shadow: 0 1px 10px #11254799;
}
.ftt-acct__tag::before {
	content: "";
	flex: none;
	width: 5px;
	height: 5px;
	background: var(--btn-experiences);
	transform: rotate(45deg);
}
/* Admin label (review round 11): same style, wine diamond instead of gold. */
.ftt-acct__tag--admin::before {
	background: var(--icon-why);
}
.elementor-location-header :has(.ftt-cart.is-light) .ftt-acct__tag {
	text-shadow: none;
}
.ftt-acct__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
@media (max-width: 767px) {
	.elementor-location-header a.ftt-acct { height: 44px; min-width: 44px; padding: 0; }
	.ftt-acct__tag { display: none; }
}

/* ---------- 2. Sign-in page ---------- */

body.ftt-shop #content .ftt-login__who {
	max-width: 46ch;
	margin: 8px 0 22px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #11254726;
}
body.ftt-shop #content .ftt-login__who li {
	margin: 0;
	padding: 14px 0;
	border-bottom: 1px solid #11254726;
	font-size: 1.05rem;
	line-height: 1.5;
	text-wrap: pretty;
}
body.ftt-shop #content .ftt-login__who strong {
	font-weight: 500;
	color: var(--dark-back);
}
body.ftt-shop #content .ftt-login__apply a,
body.ftt-shop #content .ftt-partnership .ftt-partnership__cta {
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 1px solid var(--btn-experiences);
	font-family: var(--font-nav);
	font-size: 1.05rem;
	letter-spacing: .5px;
	color: var(--icon-why);
	text-decoration: none;
	transition: color .35s ease, border-color .35s ease, transform .35s ease;
}
body.ftt-shop #content .ftt-login__apply a:hover,
body.ftt-shop #content .ftt-login__apply a:focus-visible,
body.ftt-shop #content .ftt-partnership .ftt-partnership__cta:hover,
body.ftt-shop #content .ftt-partnership .ftt-partnership__cta:focus-visible {
	color: var(--dark-back);
	border-color: var(--icon-why);
	transform: translateX(10px);
}
/* Partner sign-in (issue #40, review round 2): the "what you get" list sits quietly under the kicker so the heading
   leads and "Not a partner yet?" stands out. */
body.ftt-shop #content .ftt-login__who--quiet {
	margin: 12px 0 26px;
	border-top: 0;
}
body.ftt-shop #content .ftt-login__who--quiet li {
	position: relative;
	padding: 4px 0 4px 16px;
	border-bottom: 0;
	font-size: .95rem;
	color: #112547bf;
}
body.ftt-shop #content .ftt-login__who--quiet li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .95em;
	width: 6px;
	height: 1px;
	background: currentColor;
}
/* Phones: the form first, so signing in never starts with a scroll; the note follows it. */
@media (max-width: 767px) {
	body.ftt-shop #content .ftt-login__form { order: -1; }
}
body.ftt-shop #content .ftt-login__note a {
	color: var(--icon-why);
	text-decoration: underline;
	text-decoration-color: var(--btn-experiences);
	text-underline-offset: 3px;
}
body.ftt-shop #content .ftt-login__note a:hover,
body.ftt-shop #content .ftt-login__note a:focus-visible {
	color: var(--dark-back);
	text-decoration-color: var(--icon-why);
}

/* ---------- 3. Partner price on product pages ---------- */

/* Partner view: "per person based on 2 people" and "Public price R16 830" read as one pair under the price, in the same
   type and on the same left edge (review round 2). The struck amount stays full size so it can still be read. */
.pkg-flow .ftt-price__text:has(.ftt-partner-was) .ftt-price__basis {
	grid-column: 1 / -1;
	max-width: none;
	margin-top: 8px;
}
.pkg-flow .ftt-buybox__head:has(.ftt-partner-was) .ftt-buybox__basis {
	width: 100%;
}
.pkg-flow .ftt-partner-was {
	grid-column: 1 / -1;
	width: 100%;
	margin-top: 2px;
	font-family: inherit;
	font-size: .92rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.4;
	text-transform: none;
	color: #ffffffc7;
}
.pkg-flow .ftt-buybox__head .ftt-partner-was {
	margin-top: -6px;
}
.pkg-flow .ftt-partner-was del {
	margin-inline-start: 2px;
	color: #ffffffe6;
	text-decoration-thickness: 1px;
	text-decoration-color: #ffffff99;
}
.pkg-flow .ftt-partner-extras {
	width: 100%;
	margin-top: 4px;
	font-size: .88rem;
	line-height: 1.4;
	color: #ffffffb8;
	text-wrap: pretty;
}
.pkg-flow .ftt-rates-partner {
	margin: 0 0 22px;
	line-height: 1.3;
	font-family: var(--font-nav);
	font-size: .8rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--icon-why);
}

/* ---------- 4. My Account: Your partnership ---------- */

body.ftt-shop #content .ftt-partnership {
	margin: 32px 0 40px;
	padding: 32px 34px 30px;
	border-top: 3px solid var(--btn-experiences);
	background: var(--surface-sand);
	color: var(--dark-back);
}
body.ftt-shop #content .ftt-partnership > * {
	max-width: 62ch;
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__kicker {
	margin: 0 0 10px;
	font-family: var(--font-nav);
	font-size: .8rem;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--icon-why);
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__title {
	margin: 0 0 22px;
	font-family: var(--font-heading);
	font-weight: 300;
	font-size: clamp(2rem, 3vw, 2.6rem);
	line-height: 1.05;
	letter-spacing: -.3px;
	color: var(--dark-back);
	text-wrap: balance;
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__title em {
	font-style: italic;
	color: var(--icon-why);
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 32px;
	max-width: none;
	margin: 0 0 22px;
	border-top: 1px solid #11254726;
}
body.ftt-shop #content .ftt-partnership__fact {
	padding: 12px 0;
	border-bottom: 1px solid #11254726;
}
body.ftt-shop #content .ftt-partnership__fact dt {
	margin: 0 0 4px;
	font-family: var(--font-nav);
	font-size: .76rem;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--text-muted);
}
body.ftt-shop #content .ftt-partnership__fact dd {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.35;
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__notes {
	margin: 0 0 24px;
	padding: 0 0 0 18px;
	font-size: 1rem;
	line-height: 1.55;
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__notes li {
	margin: 0 0 4px;
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__notes li::marker {
	color: var(--icon-why);
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 12px 32px;
	margin: 0 0 18px;
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__link {
	font-size: 1rem;
	color: var(--dark-back);
	text-decoration: underline;
	text-decoration-color: #11254759;
	text-underline-offset: 3px;
	transition: color .35s ease, text-decoration-color .35s ease;
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__link:hover,
body.ftt-shop #content .ftt-partnership .ftt-partnership__link:focus-visible {
	color: var(--icon-why);
	text-decoration-color: var(--icon-why);
}
body.ftt-shop #content .ftt-partnership .ftt-partnership__help,
body.ftt-shop #content .ftt-partnership--paused p:not([class]) {
	margin: 0;
	font-size: .95rem;
	line-height: 1.55;
	color: var(--text-muted);
}
body.ftt-shop #content .ftt-partnership a:not([class]) {
	color: var(--icon-why);
	text-decoration: underline;
	text-decoration-color: var(--btn-experiences);
	text-underline-offset: 3px;
}
body.ftt-shop #content .ftt-partnership a:focus-visible,
body.ftt-shop #content .ftt-login a:focus-visible {
	outline: 2px solid var(--btn-experiences);
	outline-offset: 3px;
}
@media (max-width: 767px) {
	body.ftt-shop #content .ftt-partnership { padding: 26px 20px 24px; }
	body.ftt-shop #content .ftt-partnership .ftt-partnership__facts { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
	.elementor-location-header a.ftt-acct,
	.ftt-acct__icon,
	body.ftt-shop #content .ftt-login__apply a,
	body.ftt-shop #content .ftt-partnership .ftt-partnership__cta,
	body.ftt-shop #content .ftt-partnership .ftt-partnership__link {
		transition: none;
	}
	.elementor-location-header a.ftt-acct:hover,
	.elementor-location-header a.ftt-acct:focus-visible,
	body.ftt-shop #content .ftt-login__apply a:hover,
	body.ftt-shop #content .ftt-partnership .ftt-partnership__cta:hover {
		transform: none;
	}
}

/* Order payment page (issue #18): keep amounts such as "- R1 485" (the partner discount fee line) on one line on phones. */
body.woocommerce-order-pay #order_review table.shop_table tfoot td,
body.woocommerce-order-pay #order_review table.shop_table .product-total {
	white-space: nowrap;
}

/* ---------- 5. Shop page heading spacing ---------- */

/* [ftt_shop_head] (5928) sets 14px under the small label, but Astra's ".entry-content p { margin-bottom: 0 }" outranks it,
   so the label sat directly on the heading on sign-in, cart and checkout. */
.ftt-shead .ftt-shead__kicker {
	margin-bottom: 14px;
}

/* Partner enquiry page (issue #18): a way on after sending. The button matches the form's Send button. */
.ftt-enq-next {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 28px;
	margin-top: 24px;
}
.ftt-enq-next a.ftt-enq-next__btn {
	display: inline-flex;
	align-items: center;
	padding: 16px 36px;
	border-radius: 2px;
	background: var(--btn-experiences);
	font-family: var(--font-nav);
	font-size: 1.3rem;
	line-height: 1;
	color: #161617;
	text-decoration: none;
	transition: filter .3s ease;
}
.ftt-enq-next a.ftt-enq-next__btn:hover,
.ftt-enq-next a.ftt-enq-next__btn:focus-visible {
	filter: brightness(.94);
	color: #161617;
}
a.ftt-enq-next__back {
	padding-bottom: 2px;
	border-bottom: 1px solid var(--btn-experiences);
	font-family: var(--font-nav);
	font-size: 1.05rem;
	color: var(--dark-back);
	text-decoration: none;
	transition: color .3s ease, border-color .3s ease;
}
a.ftt-enq-next__back:hover,
a.ftt-enq-next__back:focus-visible {
	color: var(--icon-why);
	border-color: var(--icon-why);
}

/* ---------- 6. My Account menu on phones (all signed-in users) ---------- */

/* Review round 4: the seven links took about 410px on a phone, so the partnership panel fell below the fold and the
   welcome text touched the last link. Two compact columns, and space before the content. */
@media (max-width: 767px) {
	body.ftt-shop #content .woocommerce-MyAccount-navigation ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 18px;
	}
	body.ftt-shop #content .woocommerce .woocommerce-MyAccount-navigation ul li a {
		padding: 12px 0 11px;
		font-size: .74rem;
		letter-spacing: 1.5px;
		line-height: 1.25;
	}
	body.ftt-shop #content .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
		padding-inline-start: 0;
	}
	body.ftt-shop #content .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
		padding-inline-start: 10px;
	}
	body.ftt-shop #content .woocommerce-MyAccount-content {
		margin-top: 28px;
	}
}

/* ---------- 7. My Account, View order (all customers) ---------- */

/* Review round 9: the "Order #... was placed on ..." line sat on the "Order details" heading (Astra removes paragraph
   margins), and "Billing address" kept WooCommerce's boxed title plus a rule above the address. The checkout's
   order-received page already drops that box; this does the same in My Account. */
body.ftt-shop #content .woocommerce-MyAccount-content > p:has(+ .woocommerce-order-details) {
	margin-bottom: 32px;
}
body.ftt-shop #content .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title {
	padding: 0;
	border: 0;
	background: transparent;
}
body.ftt-shop #content .woocommerce-MyAccount-content .woocommerce-customer-details address {
	padding: 0;
	border: 0;
}

/* ---------- 8. Order actions on phones (all customers) ---------- */

/* Review round 10: on phones the Pay / View / Cancel buttons were squeezed beside their "Actions" label, wrapped
   unevenly and were offset by WooCommerce's side margins. Below 768px they share one full-width row of equal
   buttons; the label goes (the buttons say what they do). Only Pay stays gold. */
@media (max-width: 767px) {
	/* The actions row spans the whole table: the cell is as wide as the section (container units), and the equal
	   negative margin keeps it from widening the table's first column. */
	body.ftt-shop #content .woocommerce-order-details {
		container-type: inline-size;
	}
	body.ftt-shop #content .woocommerce-order-details tfoot tr:has(.order-actions-button) {
		display: block;
	}
	body.ftt-shop #content .woocommerce-order-details tfoot tr:has(.order-actions-button) th {
		display: none;
	}
	body.ftt-shop #content .woocommerce-order-details tfoot tr:has(.order-actions-button) td {
		box-sizing: border-box;
		width: 100cqw;
		margin-right: -100cqw;
	}
	/* Amounts such as "- R1 485" stay on one line. */
	body.ftt-shop #content .woocommerce-order-details tfoot td {
		white-space: nowrap;
	}
	body.ftt-shop #content .woocommerce-order-details tfoot tr:has(.order-actions-button) td,
	body.ftt-shop #content .woocommerce-orders-table__cell-order-actions {
		display: flex;
		gap: 10px;
		padding: 18px 0;
		text-align: center;
	}
	body.ftt-shop #content .woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}
	body.ftt-shop #content .woocommerce-order-details .order-actions-button,
	body.ftt-shop #content .woocommerce-orders-table__cell-order-actions .button {
		flex: 1 1 0;
		justify-content: center;
		min-width: 0;
		margin: 0;
		padding: 14px 8px;
		font-size: 1rem;
	}
	body.ftt-shop #content .woocommerce-orders-table__cell-order-actions .button.view {
		border: 1px solid rgba(17, 37, 71, .35);
		background: transparent;
		color: var(--dark-back);
	}
}

/* ---------- 9. My Account: partner catalogue download (issue #19) ---------- */

/* Navy card directly under "Your partnership": the download stands apart from the account details. */
body.ftt-shop #content .ftt-catalogue {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 22px 40px;
	margin: -16px 0 40px;
	padding: 30px 34px;
	background: var(--dark-back);
	color: #fff;
}
body.ftt-shop #content .ftt-catalogue p {
	margin: 0 0 12px;
	max-width: 52ch;
	font-size: 1rem;
	line-height: 1.55;
	color: #ffffffd9;
}
body.ftt-shop #content .ftt-catalogue .ftt-catalogue__kicker {
	margin: 0 0 10px;
	font-family: var(--font-nav);
	font-size: .8rem;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--btn-experiences);
}
body.ftt-shop #content .ftt-catalogue .ftt-catalogue__title {
	margin: 0 0 14px;
	font-family: var(--font-heading);
	font-weight: 300;
	font-size: clamp(1.8rem, 2.6vw, 2.3rem);
	line-height: 1.05;
	letter-spacing: -.3px;
	color: #fff;
	text-wrap: balance;
}
body.ftt-shop #content .ftt-catalogue .ftt-catalogue__title em {
	font-style: italic;
	color: var(--btn-experiences);
}
body.ftt-shop #content .ftt-catalogue .ftt-catalogue__meta {
	max-width: none;
	margin: 0;
	font-family: var(--font-nav);
	font-size: .78rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #ffffffa6;
}
body.ftt-shop #content .ftt-catalogue .ftt-catalogue__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 14px;
	margin: 0;
	text-align: center;
}
body.ftt-shop #content .ftt-catalogue a.ftt-catalogue__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 36px;
	border-radius: 2px;
	background: var(--btn-experiences);
	font-family: var(--font-nav);
	font-size: 1.2rem;
	line-height: 1;
	color: #161617;
	text-decoration: none;
	transition: filter .3s ease;
}
body.ftt-shop #content .ftt-catalogue a.ftt-catalogue__btn:hover,
body.ftt-shop #content .ftt-catalogue a.ftt-catalogue__btn:focus-visible {
	filter: brightness(.94);
	color: #161617;
}
body.ftt-shop #content .ftt-catalogue a.ftt-catalogue__csv {
	align-self: center;
	padding-bottom: 2px;
	border-bottom: 1px solid var(--btn-experiences);
	font-family: var(--font-nav);
	font-size: 1.05rem;
	color: #fff;
	text-decoration: none;
}
body.ftt-shop #content .ftt-catalogue a.ftt-catalogue__csv:hover,
body.ftt-shop #content .ftt-catalogue a.ftt-catalogue__csv:focus-visible {
	color: var(--btn-experiences);
}
body.ftt-shop #content .ftt-catalogue a:focus-visible {
	outline: 2px solid var(--btn-experiences);
	outline-offset: 3px;
}
@media (max-width: 767px) {
	body.ftt-shop #content .ftt-catalogue {
		grid-template-columns: minmax(0, 1fr);
		padding: 26px 20px 24px;
	}
}
@media (prefers-reduced-motion: reduce) {
	body.ftt-shop #content .ftt-catalogue a.ftt-catalogue__btn { transition: none; }
}

/* ---------- 10. Checkout and order payment: "Your booking" summary (issue #41) ---------- */

/* Iggy, 19 Oct: Custom Code "falcon-shop" right-aligns every cell in the summary and sets the trip name in the serif,
   and Astra turns the name cell into a wrapping flex row. So the name sat centred, "x 2" dropped onto its own line and
   the group rate meta split label-left, value-right. Here the name reads left with the quantity beside it, the meta is
   a compact "Label: value" list, and the table is in the body sans (the serif stays on the "Your booking" heading).
   The total keeps one line on phones. */
body.ftt-shop #content #order_review table.shop_table td.product-name {
	display: table-cell;
	text-align: left;
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--dark-back);
}
body.ftt-shop #content #order_review table.shop_table tbody td {
	vertical-align: top;
}
body.ftt-shop #content #order_review table.shop_table td.product-name .product-quantity {
	display: inline;
	white-space: nowrap;
	font-family: var(--font-body);
	font-size: .9rem;
	font-weight: 400;
	color: rgba(17, 37, 71, .6);
}
body.ftt-shop #content #order_review td.product-name dl.variation {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 2px 6px;
	margin: 6px 0 0;
	padding: 0;
	border: 0;
	font-family: var(--font-body);
	font-size: .85rem;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(17, 37, 71, .7);
}
body.ftt-shop #content #order_review td.product-name dl.variation dt,
body.ftt-shop #content #order_review td.product-name dl.variation dd {
	display: block;
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
	text-align: left;
	font: inherit;
	color: inherit;
}
body.ftt-shop #content #order_review td.product-name dl.variation dt {
	font-weight: 500;
}
body.ftt-shop #content #order_review td.product-name dl.variation p,
body.ftt-shop #content #order_review td.product-name .wc-item-meta p {
	margin: 0;
}
/* Order payment page: WooCommerce prints the same meta as a list. */
body.ftt-shop #content #order_review td.product-name .wc-item-meta {
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
	font-family: var(--font-body);
	font-size: .85rem;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(17, 37, 71, .7);
}
body.ftt-shop #content #order_review td.product-name .wc-item-meta li {
	display: flex;
	gap: 6px;
	margin: 0;
}
body.ftt-shop #content #order_review td.product-name .wc-item-meta .wc-item-meta-label {
	float: none;
	margin: 0;
	font-weight: 500;
}
body.ftt-shop #content #order_review table.shop_table .order-total td,
body.ftt-shop #content #order_review table.shop_table .order-total .amount {
	font-family: var(--font-body);
	font-weight: 500;
	font-size: 1.35rem;
	white-space: nowrap;
}