/**
 * Sticky footer button sizing — ported from OnlineOrderingv2/css/buttons.css
 * Applies to fixed .footer bars and .main-menu-footer bars.
 */
:root {
	--pp-sticky-footer-btn-width-mobile: calc(50% - 10px);
	--pp-sticky-footer-btn-width-desktop: 25vw;
	--pp-sticky-footer-btn-gap: 10px;
	--pp-btn-font-size: 1.5rem;
	--pp-btn-radius-sm: 8px;
}

/* Fixed footer — centered button row */
footer.footer .footer-sub-container > div,
footer.footer .container > div[align="center"],
footer.footer .container > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--pp-sticky-footer-btn-gap);
	width: 100%;
	margin: 0 auto;
	padding: 2px 12px 0;
	box-sizing: border-box;
}

footer.footer .btn-left,
footer.footer .btn-right,
footer.footer .btn-center {
	float: none !important;
}

.main-menu-footer-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--pp-sticky-footer-btn-gap);
	width: 100%;
	margin: 0 auto;
	padding: 2px 12px 0;
	box-sizing: border-box;
}

/* Shared sticky footer button sizing */
.footer .btn-warning.btn-left,
.footer .btn-warning.btn-footer,
.footer .btn-checkout.btn-right,
.footer .btn-checkout.btn-footer,
.footer .btn-danger.btn-right,
.footer .btn-cancel.btn-left,
.footer .btn-item.btn-right,
.footer .btn-item.btn-left,
.footer .btn-item.btn-center,
.footer .btn-item-selected.btn-right,
.footer .btn-item-selected.btn-center,
.footer .btn-item-selected.btn-left,
.footer .btn-itemselected.btn-right,
.main-menu-footer .btn-warning,
.main-menu-footer .btn-checkout,
.main-menu-footer .main-menu-footer-checkout {
	box-sizing: border-box;
	width: var(--pp-sticky-footer-btn-width-mobile);
	max-width: var(--pp-sticky-footer-btn-width-mobile);
	min-height: 42px;
	padding: 10px 8px;
	margin: 4px 0;
	font-size: var(--pp-btn-font-size);
	font-weight: 700;
	line-height: 1.3;
	white-space: normal;
	text-align: center;
	vertical-align: middle;
	border-radius: var(--pp-btn-radius-sm);
	text-transform: none;
	letter-spacing: normal;
	float: none;
}

@media only screen and (min-width: 768px) {
	.footer .btn-warning.btn-left,
	.footer .btn-warning.btn-footer,
	.footer .btn-checkout.btn-right,
	.footer .btn-checkout.btn-footer,
	.footer .btn-danger.btn-right,
	.footer .btn-cancel.btn-left,
	.footer .btn-item.btn-right,
	.footer .btn-item.btn-left,
	.footer .btn-item.btn-center,
	.footer .btn-item-selected.btn-right,
	.footer .btn-item-selected.btn-center,
	.footer .btn-item-selected.btn-left,
	.footer .btn-itemselected.btn-right,
	.main-menu-footer .btn-warning,
	.main-menu-footer .btn-checkout,
	.main-menu-footer .main-menu-footer-checkout {
		width: var(--pp-sticky-footer-btn-width-desktop);
		max-width: var(--pp-sticky-footer-btn-width-desktop);
	}
}

/* Three-button sticky footers (e.g. 2292 pizza special) */
footer.footer .footer-buttons-three {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: var(--pp-sticky-footer-btn-gap);
	width: 100%;
}
footer.footer .footer-buttons-three .btn {
	box-sizing: border-box;
	width: calc(33.333% - 8px);
	max-width: calc(33.333% - 8px);
	min-width: 0;
	flex: 1 1 auto;
	min-height: 42px;
	padding: 8px 4px;
	margin: 4px 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	white-space: normal;
	text-align: center;
	float: none !important;
}
@media only screen and (min-width: 768px) {
	footer.footer .footer-buttons-three .btn {
		width: var(--pp-sticky-footer-btn-width-desktop);
		max-width: var(--pp-sticky-footer-btn-width-desktop);
		flex: 0 1 var(--pp-sticky-footer-btn-width-desktop);
		font-size: var(--pp-btn-font-size);
		padding: 10px 8px;
	}
}