/**
 * Button — .bm-btn (+ .bm-tw-btn alias).
 * Edit this file only to change button branding.
 */

.joc-blockora-morph-app .bm-btn,
.joc-blockora-morph-app .bm-tw-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 36px;
	padding: 0.4rem 1rem !important;
	border-radius: var(--bm-radius) !important;
	border: 1px solid transparent !important;
	font-family: var(--bm-font-sans) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em;
	line-height: 1.25 !important;
	cursor: pointer;
	text-decoration: none !important;
	transition: all var(--bm-duration) var(--bm-ease);
}

.joc-blockora-morph-app .bm-btn:active:not(:disabled),
.joc-blockora-morph-app .bm-tw-btn:active:not(:disabled) {
	transform: scale(0.95);
}

.joc-blockora-morph-app .bm-btn:disabled,
.joc-blockora-morph-app .bm-tw-btn:disabled {
	opacity: 0.55;
	cursor: wait;
}

.joc-blockora-morph-app .bm-btn--primary,
.joc-blockora-morph-app .bm-tw-btn--primary {
	background-color: var(--bm-color-primary) !important;
	background-image: none !important;
	color: var(--bm-color-on-primary) !important;
	border-color: var(--bm-color-primary) !important;
	box-shadow: var(--bm-shadow-sm) !important;
}

.joc-blockora-morph-app .bm-btn--primary:hover:not(:disabled),
.joc-blockora-morph-app .bm-tw-btn--primary:hover:not(:disabled) {
	filter: brightness(1.1);
}

.joc-blockora-morph-app .bm-btn--ghost,
.joc-blockora-morph-app .bm-tw-btn--ghost {
	background: var(--bm-color-surface-lowest) !important;
	color: var(--bm-color-on-surface-variant) !important;
	border-color: var(--bm-color-outline-variant) !important;
}

.joc-blockora-morph-app .bm-btn--ghost:hover:not(:disabled),
.joc-blockora-morph-app .bm-tw-btn--ghost:hover:not(:disabled) {
	background: var(--bm-color-surface-high) !important;
	color: var(--bm-color-primary) !important;
}

.joc-blockora-morph-app .bm-btn--soft,
.joc-blockora-morph-app .bm-tw-btn--soft {
	background: rgba(53, 37, 205, 0.08) !important;
	color: var(--bm-color-primary) !important;
	border-color: transparent !important;
}

.joc-blockora-morph-app .bm-btn--soft:hover:not(:disabled),
.joc-blockora-morph-app .bm-tw-btn--soft:hover:not(:disabled) {
	background: var(--bm-color-primary-soft-strong) !important;
}

.joc-blockora-morph-app .bm-btn--danger,
.joc-blockora-morph-app .bm-tw-btn--danger {
	background: var(--bm-color-danger) !important;
	color: #fff !important;
	border-color: var(--bm-color-danger) !important;
	box-shadow: var(--bm-shadow-sm) !important;
}

.joc-blockora-morph-app .bm-btn--danger:hover:not(:disabled),
.joc-blockora-morph-app .bm-tw-btn--danger:hover:not(:disabled) {
	filter: brightness(1.08);
}

.joc-blockora-morph-app .bm-btn--block,
.joc-blockora-morph-app .bm-tw-btn--block {
	width: 100% !important;
}

.joc-blockora-morph-app .bm-btn--lg,
.joc-blockora-morph-app .bm-tw-btn--lg {
	min-height: 48px;
	padding: 0.75rem 1.5rem !important;
	font-size: 14px !important;
}

.joc-blockora-morph-app .bm-btn--sm,
.joc-blockora-morph-app .bm-tw-btn--sm {
	min-height: 32px;
	padding: 0.3rem 0.75rem !important;
	font-size: 11px !important;
}
