/* CHEK — Button Lock (front-end)
   Classes below are only applied by the JS engine to matched buttons. */

/* Locked look: greyed, unclickable. Applied for both overlay and grey modes. */
.chek-bl-locked {
	opacity: 0.45 !important;
	filter: grayscale(100%) !important;
	pointer-events: none !important;
	cursor: not-allowed !important;
}

/* Overlay mode gets a centred badge stamped across the button. */
.chek-bl-overlay {
	position: relative !important;
}

.chek-bl-overlay .chek-bl-badge {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate( -50%, -50% ) !important;
	background: #1d1d1b !important; /* CHEK Black */
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	padding: 5px 12px !important;
	border-radius: 4px !important;
	white-space: nowrap !important;
	pointer-events: none !important;
	z-index: 5 !important;
}