/**
 * Consent banner. Deliberately anchored to the TOP of the viewport, not
 * the bottom -- the sticky mobile order bar (components.css) already
 * owns inset-block-end: 0, and stacking a second fixed element there
 * would either overlap it or need extra JS to offset one around the
 * other. Top placement avoids that collision entirely.
 */
.bcc-consent {
	position: fixed;
	inset-block-start: 0;
	inset-inline: 0;
	z-index: 150;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px var(--bcc-space);
	background: var(--bcc-purple-900) !important;
	color: #fff !important;
	box-shadow: var(--bcc-shadow-card);
}

.bcc-consent[hidden] {
	display: none;
}

.bcc-consent p {
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
	flex: 1 1 260px;
}

.bcc-consent a {
	color: var(--bcc-gold-400);
}

.bcc-consent__actions {
	display: flex;
	gap: 8px;
	flex: 0 0 auto;
}

.bcc-consent__actions .bcc-hero__cta {
	padding: 8px 18px;
	font-size: 13px;
}