/**
 * Sticky mobile CTA bar (M6), matching design/reference/index.html's
 * own `.mbar` verbatim: two flex-1 links, poster typography, gold
 * fill on the primary action. Mobile only -- desktop already has the
 * primary CTAs above the fold once the hero ships (PR 6).
 */
.bcc-order-bar {
	position: fixed;
	inset-block-end: 0;
	inset-inline: 0;
	z-index: 100;
	display: flex;
	background: var(--bcc-purple-900);
	border-top: var(--bcc-border-width) solid var(--bcc-gold-400);
	padding-bottom: env(safe-area-inset-bottom, 0);
	transform: translateY(100%);
	transition: transform .3s cubic-bezier(.2,.8,.2,1);
}

.bcc-order-bar.is-visible {
	transform: translateY(0);
}

.bcc-order-bar.is-hidden {
	transform: translateY(100%);
}

@media (prefers-reduced-motion: reduce) {
	.bcc-order-bar {
		transition: none;
	}
}

@media (width >= 1024px) {
	.bcc-order-bar {
		display: none;
	}
}

.bcc-order-bar__link {
	flex: 1;
	min-height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--bcc-font-display) !important;
	font-weight: 900;
	font-size: 22px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--bcc-quinoa) !important;
}

.bcc-order-bar__link--primary {
	background: var(--bcc-gold-400) !important;
	color: var(--bcc-purple-900) !important;
}

/**
 * .bcc-order-bar__btn below is a *different, still-used* component --
 * the standalone pickup/delivery CTA on location pages (locations.php)
 * and the office-lunch band, not part of the sticky bar above. Kept
 * verbatim; only the sticky bar's own select/actions markup was
 * replaced by .bcc-order-bar__link above.
 */
.bcc-order-bar__btn {
	flex: 1 1 0;
	text-align: center;
	padding: 10px 8px;
	border: var(--bcc-border-width) solid transparent;
	border-radius: var(--bcc-radius-pill);
	background: var(--bcc-gold-400) !important;
	color: var(--bcc-ink) !important;
	font-family: var(--bcc-font-body);
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}

.bcc-order-bar__btn--call {
	background: transparent !important;
	border: var(--bcc-border-width) solid rgb(255 255 255 / .6);
	color: #fff !important;
}

.bcc-order-bar__btn.is-disabled {
	opacity: .4;
	pointer-events: none;
}