/* Cura Bundle Deals — basket progress (side cart + cart page), in Cura fire red. */
.cbd-cartbar {
	--cbd-brand: #E4202A;
	--cbd-brand-text: #C8161F;
	display: flex; flex-direction: column; gap: 12px;
	margin: 0 0 18px; padding: 14px 14px 15px;
	background: #FFF1F1;
	border: 1px solid #F8C9CB;
	border-radius: 10px;
	color: #1a1a1a;
	font-size: 13px; line-height: 1.4; text-align: left;
	box-sizing: border-box; width: 100%;
}
.cbd-cartbar__row { display: flex; flex-direction: column; gap: 8px; }
.cbd-cartbar__row + .cbd-cartbar__row { padding-top: 12px; border-top: 1px dashed #F3B3B6; }
.cbd-cartbar__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cbd-cartbar .cbd-cartbar__text {
	display: inline-flex; align-items: center; gap: 7px;
	margin: 0 !important; padding: 0 !important;
	color: #1a1a1a !important; font-size: 13px !important; font-weight: 500 !important;
	line-height: 1.4 !important; text-transform: none !important; letter-spacing: normal !important;
}
.cbd-cartbar__text strong,
.cbd-cartbar__text .amount { color: var(--cbd-brand-text) !important; font-weight: 800 !important; }
.cbd-cartbar__icon { flex: 0 0 auto; color: var(--cbd-brand); }
.cbd-cartbar__tag {
	flex: 0 0 auto;
	padding: 3px 8px; border-radius: 999px;
	background: var(--cbd-brand); color: #ffffff;
	font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap;
}
.cbd-cartbar__track { display: block; height: 6px; border-radius: 999px; background: #F8D3D5; overflow: hidden; }
.cbd-cartbar__fill {
	display: block; height: 100%; border-radius: inherit;
	background: var(--cbd-brand);
	transition: width .35s ease;
}
.cbd-cartbar__row.is-done .cbd-cartbar__text { font-weight: 600 !important; }
.cbd-cartbar__row.is-done .cbd-cartbar__tag { background: #111318; }
.cbd-cartbar .cbd-cartbar__text { flex: 1 1 auto; min-width: 0; }
.cbd-cartbar__text strong { white-space: nowrap; }
.cbd-cartbar__tag { padding: 2px 7px; font-size: 9.5px; letter-spacing: .04em; }

/* Layout-proof: whatever grid/flex the theme uses, the banner is a plain full-width block at the top. */
.cbd-cartbar {
	position: relative !important; float: none !important; clear: both !important;
	grid-column: 1 / -1 !important; order: -1; flex: 0 0 auto !important; width: 100% !important;
	align-self: stretch !important; height: auto !important; min-height: 0 !important; max-height: none !important;
	max-width: 100% !important; overflow: visible !important; transform: none !important;
}
.woocommerce-cart-form > .cbd-cartbar { margin-bottom: 20px; }
