/* binoshopbot: the Telegram activation card on order and account pages. Theme tokens with safe fallbacks. */
.bsb-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem 1.25rem;
	margin: 1rem 0 1.5rem;
	padding: 1rem 1.25rem;
	background: var(--wp--preset--color--m3-card, #fff);
	color: var(--wp--preset--color--m3-text, #1c1b1f);
	border: 2px solid var(--wp--preset--color--m3-outline, #1c1b1f);
	border-radius: 1rem;
	box-shadow: 3px 3px 0 0 var(--wp--preset--color--m3-outline, #1c1b1f);
}

/* The last item was removed without a reload: no card over the empty-cart panel. */
.bsb-cta--cart:has(+ .wp-block-woocommerce-cart .wp-block-woocommerce-empty-cart-block) {
	display: none;
}

.bsb-cta__preview {
	flex-basis: 100%;
	margin: 0;
	font-size: .8rem;
	font-weight: 700;
	color: #c81e4a;
}

.bsb-cta--done {
	background: var(--wp--preset--color--m3-muted, #f3f0e6);
}

.bsb-cta__text {
	display: flex;
	flex: 1 1 16rem;
	flex-direction: column;
	gap: .25rem;
}

.bsb-cta__text span {
	font-size: .9rem;
	opacity: .8;
}

.bsb-cta form {
	margin: 0;
}

.bsb-cta__button,
.bsb-cta__ghost {
	padding: .65rem 1.1rem;
	font: inherit;
	font-weight: 800;
	color: #1c1b1f;
	cursor: pointer;
	border: 2px solid #1c1b1f;
	border-radius: .75rem;
	box-shadow: 2px 2px 0 0 #1c1b1f;
}

.bsb-cta__button {
	background: var(--wp--preset--color--m3-secondary, #00e5ff);
}

.bsb-cta__ghost {
	background: transparent;
	font-weight: 700;
	color: inherit;
	border-color: currentColor;
	box-shadow: none;
}

.bsb-cta__button:hover,
.bsb-cta__button:focus-visible {
	transform: translate(1px, 1px);
	box-shadow: 1px 1px 0 0 #1c1b1f;
}

@media (max-width: 480px) {
	.bsb-cta form,
	.bsb-cta__button {
		width: 100%;
	}
}