/* Arcade: late-80s fast-food ad. Loud yellow, 3D type, hard shadows. Colors come from the block settings; this file adds the finish. */

.fdoe-menu-flow.fdoe-menu-flow--template-arcade,
.fdoe-food-menu.fdoe-template-arcade {
	--fdoe-arcade-ink: var(--fdoe-surface-text, #1c1206);
	--fdoe-arcade-red: var(--fdoe-template-color, #e3241b);
	--fdoe-arcade-red-deep: color-mix(in srgb, var(--fdoe-arcade-red) 62%, #000);
	--fdoe-arcade-glow: color-mix(in srgb, var(--fdoe-surface-bg, #ffc21a) 62%, #fff);
	--fdoe-arcade-cream: var(--fdoe-control-bg, #fff6dc);
	--fdoe-menu-flow-field-background: var(--fdoe-arcade-cream);
	--fdoe-menu-flow-field-text: var(--fdoe-arcade-ink);
	--fdoe-menu-flow-field-border-color: var(--fdoe-arcade-ink);
	--fdoe-menu-flow-field-radius: 14px;
}

/* Sweeping arcs and a few sparkles behind the menu. */
.fdoe-menu-flow.fdoe-menu-flow--template-arcade.fdoe-menu-flow--has-surface,
.fdoe-food-menu.fdoe-template-arcade.fdoe-has-surface {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160'%3E%3Cg fill='%23fff'%3E%3Cpath d='M40 20l4 16 16 4-16 4-4 16-4-16-16-4 16-4z'/%3E%3Cpath d='M150 70l3 10 10 3-10 3-3 10-3-10-10-3 10-3z'/%3E%3Cpath d='M205 15l3.5 12 12 3.5-12 3.5-3.5 12-3.5-12-12-3.5 12-3.5z'/%3E%3C/g%3E%3C/svg%3E"),
		radial-gradient(120% 70% at 110% -10%, transparent 58%, var(--fdoe-arcade-glow) 58.5% 64%, transparent 64.5%),
		radial-gradient(120% 70% at 110% -10%, transparent 70%, var(--fdoe-arcade-glow) 70.5% 75%, transparent 75.5%),
		radial-gradient(90% 60% at -15% 115%, transparent 55%, var(--fdoe-arcade-glow) 55.5% 61%, transparent 61.5%);
	background-repeat: no-repeat;
	background-position: 58% 110px, 0 0, 0 0, 0 0;
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-food-menu.fdoe-template-arcade.fdoe-has-surface {
	background-image: none;
}

/* 3D type: white fill, ink outline, red extrusion. The text itself stays plain for screen readers. */
.fdoe-food-menu.fdoe-template-arcade .fdoe-category__title,
.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart [data-fdoe-mini-cart-heading="1"] {
	display: inline-block;
	color: #fff;
	line-height: 0.92;
	letter-spacing: 0.01em;
	-webkit-text-stroke: 2px var(--fdoe-arcade-ink);
	paint-order: stroke fill;
	text-shadow:
		1px 1px 0 var(--fdoe-arcade-red), 2px 2px 0 var(--fdoe-arcade-red), 3px 3px 0 var(--fdoe-arcade-red),
		4px 4px 0 var(--fdoe-arcade-red), 5px 5px 0 var(--fdoe-arcade-red), 6px 6px 0 var(--fdoe-arcade-red),
		7px 7px 0 var(--fdoe-arcade-red-deep), 8px 8px 0 var(--fdoe-arcade-red-deep),
		9px 9px 0 var(--fdoe-arcade-ink), 10px 10px 0 var(--fdoe-arcade-ink);
	transform: skewX(-6deg) rotate(-2deg);
	transform-origin: left bottom;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-category__header {
	padding: 1.5rem 0 1.25rem;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-category__title {
	flex: 0 1 auto;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-category + .fdoe-category {
	border-top: 0;
}

/* Category navigation as chunky pills. */
.fdoe-food-menu.fdoe-template-arcade .fdoe-category-nav__link {
	font-family: var(--fdoe-category-title-font-family, inherit);
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 1.05rem;
	padding: 0.45rem 1rem;
	border: 3px solid var(--fdoe-arcade-ink);
	background: #fff;
	color: var(--fdoe-arcade-ink);
	box-shadow: 3px 3px 0 var(--fdoe-arcade-ink);
	margin: 0 0.5rem 0.5rem 0;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-category-nav__link:hover,
.fdoe-food-menu.fdoe-template-arcade .fdoe-category-nav__link:focus-visible {
	text-decoration: none !important;
	background: var(--fdoe-arcade-red);
	color: #fff;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-category-search input[type="search"] {
	border: 3px solid var(--fdoe-arcade-ink);
	box-shadow: 3px 3px 0 var(--fdoe-arcade-ink);
}

/* Cards: white, ink outline, hard offset shadow. */
.fdoe-food-menu.fdoe-template-arcade .wc-block-product {
	border: var(--fdoe-card-border, 3px) solid var(--fdoe-arcade-ink);
	border-radius: var(--fdoe-card-radius, 22px);
	box-shadow: 7px 7px 0 var(--fdoe-arcade-ink);
	padding: 0 0 1rem;
	overflow: visible;
	display: flex;
	flex-direction: column;
}

.fdoe-food-menu.fdoe-template-arcade .wc-block-product .wp-block-woocommerce-product-image {
	width: 100%;
	max-width: 100%;
	max-height: none;
	margin: 0 0 12px;
	border-bottom: 3px solid var(--fdoe-arcade-ink);
	border-radius: calc(var(--fdoe-card-radius, 22px) - 3px) calc(var(--fdoe-card-radius, 22px) - 3px) 0 0;
	overflow: hidden;
}

.fdoe-food-menu.fdoe-template-arcade .wc-block-product .wp-block-woocommerce-product-image img {
	aspect-ratio: 4 / 3;
	width: 100%;
	object-fit: cover !important;
	border-radius: 0;
}

.fdoe-food-menu.fdoe-template-arcade .wc-block-product > :where(:not(.wp-block-woocommerce-product-image, .wp-block-woocommerce-product-price, .fdoe-in-cart-badge)) {
	margin-left: 16px;
	margin-right: 16px;
}

.fdoe-food-menu.fdoe-template-arcade .wc-block-product .wp-block-post-title {
	line-height: 1;
	letter-spacing: 0.01em;
	margin-bottom: 0.3rem;
}

.fdoe-food-menu.fdoe-template-arcade .wc-block-product .wp-block-woocommerce-product-summary {
	color: color-mix(in srgb, currentColor 78%, transparent);
	font-size: 0.92rem;
	line-height: 1.4;
}

/* Price burst: red star in the top corner with 3D digits. */
.fdoe-food-menu.fdoe-template-arcade.fdoe-price-badge .wc-block-product > :is(.wp-block-woocommerce-product-price, .wc-block-components-product-price) {
	top: -20px;
	right: -16px;
	display: grid;
	place-items: center;
	min-width: 96px;
	min-height: 96px;
	padding: 0.9rem 1rem;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #fff !important;
	font-family: var(--fdoe-title-font-family, Anton, Impact, sans-serif);
	font-size: 1.65rem;
	font-weight: 400;
	text-align: center;
	white-space: normal;
	-webkit-text-stroke: 1.5px var(--fdoe-arcade-ink);
	paint-order: stroke fill;
	text-shadow: 1px 1px 0 var(--fdoe-arcade-red-deep), 2px 2px 0 var(--fdoe-arcade-red-deep), 3px 3px 0 var(--fdoe-arcade-ink), 4px 4px 0 var(--fdoe-arcade-ink);
	transform: rotate(-10deg);
}

.fdoe-food-menu.fdoe-template-arcade.fdoe-price-badge .wc-block-product > :is(.wp-block-woocommerce-product-price, .wc-block-components-product-price)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--fdoe-arcade-red);
	clip-path: polygon(50% 0, 61% 13%, 77% 6%, 80% 23%, 96% 26%, 90% 41%, 100% 52%, 88% 63%, 94% 79%, 77% 81%, 72% 97%, 58% 89%, 45% 100%, 36% 86%, 19% 92%, 18% 75%, 2% 69%, 10% 54%, 0 40%, 15% 31%, 13% 14%, 30% 15%, 37% 1%);
	filter: drop-shadow(3px 3px 0 var(--fdoe-arcade-ink));
}

.fdoe-food-menu.fdoe-template-arcade.fdoe-price-badge .wc-block-product > :is(.wp-block-woocommerce-product-price, .wc-block-components-product-price):has(.woocommerce-Price-amount ~ .woocommerce-Price-amount) {
	font-size: 1.05rem;
	min-width: 120px;
}

.fdoe-food-menu.fdoe-template-arcade.fdoe-price-badge .wc-block-product del {
	display: block;
	font-size: 0.55em;
	-webkit-text-stroke: 0;
	text-shadow: none;
}

.fdoe-food-menu.fdoe-template-arcade.fdoe-price-badge .wc-block-product ins {
	text-decoration: none;
}

/* Labels as flags on the image's lower edge. */
.fdoe-food-menu.fdoe-template-arcade .fdoe-product-labels {
	left: 0;
	bottom: 0.85rem;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-product-label {
	padding: 0.4rem 0.9rem 0.4rem 0.75rem;
	border-radius: 0 10px 10px 0;
	background: var(--fdoe-arcade-ink);
	color: var(--fdoe-surface-bg, #ffc21a);
	font-family: var(--fdoe-title-font-family, inherit);
	font-size: 1rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	box-shadow: 3px 3px 0 var(--fdoe-arcade-red);
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-product-label--b {
	background: var(--fdoe-arcade-red);
	color: #fff;
	box-shadow: 3px 3px 0 var(--fdoe-arcade-ink);
}

/* Add button: round red "+" with an ink outline. */
.fdoe-food-menu.fdoe-template-arcade .wc-block-product > .fdoe-icon-add {
	display: flex;
	width: 52px;
	height: 52px;
	margin: auto 16px 0 auto;
	padding: 0;
	border: 3px solid var(--fdoe-arcade-ink);
	border-radius: 50%;
	background: var(--fdoe-button-bg, var(--fdoe-arcade-red));
	box-shadow: 4px 4px 0 var(--fdoe-arcade-ink);
	box-sizing: border-box;
}

.fdoe-food-menu.fdoe-template-arcade .wc-block-product > .fdoe-icon-add:hover,
.fdoe-food-menu.fdoe-template-arcade .wc-block-product > .fdoe-icon-add:focus-visible {
	transform: translate(-1px, -1px);
	box-shadow: 5px 5px 0 var(--fdoe-arcade-ink);
}

/* Variant chips: small square tiles; each tile adds that variant. */
.fdoe-food-menu.fdoe-template-arcade .fdoe-inline-variations {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: auto;
	padding-top: 0.75rem;
	overflow: visible;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-inline-variation-option {
	flex-direction: row;
	gap: 0.4rem;
	padding: 0.4rem 0.7rem;
	border: 3px solid var(--fdoe-arcade-ink);
	border-radius: 12px;
	background: var(--fdoe-arcade-cream);
	color: var(--fdoe-arcade-ink);
	box-shadow: 3px 3px 0 var(--fdoe-arcade-ink);
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-inline-variation-option[role="button"]:hover,
.fdoe-food-menu.fdoe-template-arcade .fdoe-inline-variation-option[role="button"]:focus-visible {
	background: var(--fdoe-surface-bg, #ffc21a);
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-inline-variation-label {
	font-family: var(--fdoe-title-font-family, inherit);
	font-size: 1rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-inline-variation-option .fdoe-icon-add {
	padding: 0;
	font-size: 0.85rem;
	color: var(--fdoe-arcade-red) !important;
}

/* Mini cart: cream panel, dashed rows, 3D title, yellow checkout. */
@media (min-width: 782px) {
	.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart {
		box-shadow: 8px 8px 0 var(--fdoe-arcade-ink);
	}
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart [data-fdoe-mini-cart-heading="1"] {
	font-family: var(--fdoe-category-title-font-family, inherit);
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__mode-btn {
	border: 3px solid var(--fdoe-arcade-ink);
	border-radius: 12px;
	font-family: var(--fdoe-title-font-family, inherit);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__mode-btn-label {
	font-weight: 400;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__mode-btn.is-active {
	border-color: var(--fdoe-arcade-ink);
	box-shadow: 3px 3px 0 var(--fdoe-arcade-ink);
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__item {
	border-bottom: 2px dashed color-mix(in srgb, var(--fdoe-arcade-ink) 25%, transparent);
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__qty {
	width: 28px;
	height: 28px;
	align-items: center;
	border: 2px solid var(--fdoe-arcade-ink);
	border-radius: 8px;
	background: var(--fdoe-surface-bg, #ffc21a);
	font-weight: 800;
	box-sizing: border-box;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__item-title {
	font-weight: 700;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__price,
.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__summary strong {
	font-family: var(--fdoe-title-font-family, inherit);
	font-weight: 400;
	font-size: 1.1rem;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__summary--total {
	border-top: 2px dashed color-mix(in srgb, var(--fdoe-arcade-ink) 25%, transparent);
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__summary--total span {
	font-family: var(--fdoe-title-font-family, inherit);
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.3rem;
	color: inherit;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__summary--total strong {
	font-size: 2rem;
	color: #fff;
	-webkit-text-stroke: 1.5px var(--fdoe-arcade-ink);
	paint-order: stroke fill;
	text-shadow: 1px 1px 0 var(--fdoe-arcade-red), 2px 2px 0 var(--fdoe-arcade-red), 3px 3px 0 var(--fdoe-arcade-red-deep), 4px 4px 0 var(--fdoe-arcade-ink);
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__button {
	border: 3px solid var(--fdoe-arcade-ink);
	border-radius: 16px;
	box-shadow: 6px 6px 0 var(--fdoe-arcade-ink);
	font-family: var(--fdoe-title-font-family, inherit);
	font-size: 1.35rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	width: 100%;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__panel > .fdoe-mini-cart__checkout .fdoe-mini-cart__button::after {
	content: "\2192";
	margin-left: 0.4em;
}

.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart .fdoe-mini-cart__btn {
	color: var(--fdoe-arcade-red) !important;
}

/* Mobile summary bar: a red plate with the total and a yellow checkout tile. */
@media (max-width: 781px) {
	.fdoe-food-menu.fdoe-template-arcade .fdoe-category__title {
		font-size: min(var(--fdoe-category-title-size, 4rem), 3.6rem, 13vw);
	}

	.fdoe-food-menu.fdoe-template-arcade.fdoe-mini-mobile-summary-bar .fdoe-mini-cart__mobile-bar {
		border: 3px solid var(--fdoe-arcade-ink);
		background-color: var(--fdoe-arcade-red);
		color: #fff;
		box-shadow: 5px 5px 0 var(--fdoe-arcade-ink);
	}

	.fdoe-food-menu.fdoe-template-arcade.fdoe-mini-mobile-summary-bar .fdoe-mini-cart__mobile-total-label,
	.fdoe-food-menu.fdoe-template-arcade.fdoe-mini-mobile-summary-bar .fdoe-mini-cart__mobile-total-value .tax_label {
		color: #fff;
	}

	.fdoe-food-menu.fdoe-template-arcade.fdoe-mini-mobile-summary-bar .fdoe-mini-cart__mobile-total-value {
		font-family: var(--fdoe-title-font-family, inherit);
		font-weight: 400;
		font-size: 1.35rem;
	}

	.fdoe-food-menu.fdoe-template-arcade.fdoe-mini-mobile-summary-bar .fdoe-mini-cart__button--mobile {
		width: auto;
		font-size: 1.1rem;
		box-shadow: 3px 3px 0 var(--fdoe-arcade-ink);
	}

	.fdoe-food-menu.fdoe-template-arcade.fdoe-mini-mobile-summary-bar .fdoe-mini-cart__panel {
		border: 3px solid var(--fdoe-arcade-ink);
	}
}

/* Top bar: cream strip, pill modes, coupon-style time box, tilted promo strip. */
.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar {
	--fdoe-menu-flow-topbar-background: var(--fdoe-arcade-cream);
	--fdoe-menu-flow-topbar-border-width: 3px;
	--fdoe-menu-flow-topbar-border-color: var(--fdoe-arcade-ink);
	--fdoe-menu-flow-topbar-radius: 20px;
	--fdoe-menu-flow-topbar-shadow: 6px 6px 0 var(--fdoe-arcade-ink);
	color: var(--fdoe-arcade-ink);
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-menu-flow__choices {
	overflow: visible;
	padding: 0 6px 6px 0;
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-menu-flow__choice {
	padding: 9px 20px;
	border: 3px solid var(--fdoe-arcade-ink);
	background: #fff;
	color: var(--fdoe-arcade-ink);
	box-shadow: 4px 4px 0 var(--fdoe-arcade-ink);
	font-family: var(--fdoe-control-heading-font, inherit);
	font-size: 1.15rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-menu-flow__choice:hover {
	background: var(--fdoe-surface-bg, #ffc21a);
	border-color: var(--fdoe-arcade-ink);
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-menu-flow__choice.is-active {
	background: var(--fdoe-arcade-red);
	color: #fff;
	border-color: var(--fdoe-arcade-ink);
	transform: translate(-1px, -1px);
	box-shadow: 5px 5px 0 var(--fdoe-arcade-ink);
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-menu-flow__time-info {
	border: 3px dashed var(--fdoe-arcade-ink);
	background: var(--fdoe-arcade-glow);
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-menu-flow__time-info-value {
	font-family: var(--fdoe-control-heading-font, inherit);
	font-weight: 400;
	font-size: 1.15rem;
	text-transform: uppercase;
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-address-checkup__input {
	border: 3px solid var(--fdoe-arcade-ink);
	border-radius: 14px;
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__promo {
	background: var(--fdoe-arcade-ink);
	color: var(--fdoe-surface-bg, #ffc21a);
	border-radius: 12px;
	font-family: var(--fdoe-control-heading-font, inherit);
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	transform: rotate(-2deg);
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__promo:not(.has-hours)::before,
.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__promo:not(.has-hours)::after {
	content: "\2605";
	margin: 0 0.4em;
}

/* Opening hours: yellow on red, like a sticker in the strip. */
.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__hours {
	padding: 0.2rem 0.6rem;
	border-radius: 8px;
	background: var(--fdoe-arcade-red-deep);
	color: var(--fdoe-surface-bg, #ffc21a);
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__hours::before {
	background: currentColor;
}

@media (max-width: 781px) {
	.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__promo.has-hours {
		background: transparent;
		padding: 0;
		transform: none;
	}
}

/* Popup. */
.fdoe-modal[data-fdoe-template="arcade"] .fdoe-modal__dialog {
	border: 3px solid #1c1206;
	border-radius: 22px;
	box-shadow: 8px 8px 0 #1c1206;
}

.fdoe-modal[data-fdoe-template="arcade"] .fdoe-modal__title {
	font-family: Anton, Impact, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.6rem;
}

@media (prefers-reduced-motion: reduce) {
	.fdoe-food-menu.fdoe-template-arcade .wc-block-product > .fdoe-icon-add:hover,
	.fdoe-food-menu.fdoe-template-arcade .wc-block-product > .fdoe-icon-add:focus-visible,
	.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-menu-flow__choice.is-active {
		transform: none;
	}
}

@media (forced-colors: active) {
	.fdoe-food-menu.fdoe-template-arcade .fdoe-category__title,
	.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart [data-fdoe-mini-cart-heading="1"],
	.fdoe-food-menu.fdoe-template-arcade .fdoe-mini-cart__summary--total strong,
	.fdoe-food-menu.fdoe-template-arcade.fdoe-price-badge .wc-block-product > :is(.wp-block-woocommerce-product-price, .wc-block-components-product-price) {
		color: CanvasText !important;
		-webkit-text-stroke: 0;
		text-shadow: none;
		transform: none;
	}

	.fdoe-food-menu.fdoe-template-arcade.fdoe-price-badge .wc-block-product > :is(.wp-block-woocommerce-product-price, .wc-block-components-product-price)::before {
		content: none;
	}

	.fdoe-menu-flow.fdoe-menu-flow--template-arcade.fdoe-menu-flow--has-surface,
	.fdoe-food-menu.fdoe-template-arcade.fdoe-has-surface {
		background-image: none;
	}
}

/* Titles scale with the card so a word never splits. */
.fdoe-food-menu.fdoe-template-arcade .wc-block-product {
	container-type: inline-size;
}

.fdoe-food-menu.fdoe-template-arcade .wc-block-product .wp-block-post-title,
.fdoe-food-menu.fdoe-template-arcade .fdoe-category__title {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: manual;
}

.fdoe-food-menu.fdoe-template-arcade .wc-block-product .wp-block-post-title {
	font-size: min(var(--fdoe-title-size, 26px), 10cqi);
}

@media (max-width: 781px) {
	.fdoe-food-menu.fdoe-template-arcade .fdoe-category-nav__link {
		font-size: 0.85rem;
		padding: 0.3rem 0.7rem;
		border-width: 2px;
		box-shadow: 2px 2px 0 var(--fdoe-arcade-ink);
		margin: 0 0.35rem 0.35rem 0;
	}
}

/* Mobile mode buttons: equal width, one line. */
@media (max-width: 640px) {
	.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-menu-flow__choices {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		gap: 8px;
	}

	.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-menu-flow__choice {
		min-width: 0;
		min-height: 44px;
		padding: 7px 4px;
		font-size: 0.9rem;
		letter-spacing: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		border-radius: 999px;
		box-shadow: 3px 3px 0 var(--fdoe-arcade-ink);
	}
}

/* 44d: the address check button uses the Arcade button style, like the mode buttons. */
.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-address-checkup__submit,
.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-postcode__submit {
	border: 3px solid var(--fdoe-arcade-ink);
	background: var(--fdoe-arcade-red);
	color: #fff;
	box-shadow: 4px 4px 0 var(--fdoe-arcade-ink);
	font-family: var(--fdoe-control-heading-font, inherit);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-address-checkup__submit:hover,
.fdoe-menu-flow.fdoe-menu-flow--template-arcade .fdoe-menu-flow__topbar .fdoe-postcode__submit:hover {
	transform: translate(-1px, -1px);
	box-shadow: 5px 5px 0 var(--fdoe-arcade-ink);
}