/**
 * Widget de canje de Mongo Points en el checkout de bloques.
 * Mismos tokens de marca que el resto del plugin (#BE0D57, radios WoodMart).
 */

.mongo-points-checkout-widget {
	--mp-primary: #be0d57;
	--mp-primary-hover: #a30b4a;
	--mp-gray-bg: var(--bgcolor-gray-200, #f7f7f7);
	--mp-radius: var(--wd-brd-radius, 12px);
	background: var(--mp-gray-bg);
	border-radius: var(--mp-radius);
	padding: 14px 18px;
	margin: 12px 0;
	font-size: 0.9rem;
}

.mongo-points-checkout-widget__title {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--mp-primary);
}

.mongo-points-checkout-widget__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.mongo-points-checkout-widget__btn {
	background: var(--mp-primary);
	color: #ffffff;
	border: none;
	border-radius: 999px;
	padding: 6px 18px;
	font-weight: 600;
	cursor: pointer;
	font-size: 0.85rem;
}

.mongo-points-checkout-widget__btn:hover {
	background: var(--mp-primary-hover);
}

.mongo-points-checkout-widget__btn:disabled {
	opacity: 0.6;
	cursor: default;
}

.mongo-points-checkout-widget__hint {
	color: #666666;
	font-size: 0.8rem;
}