/*
 * Compatibility classes retained for existing MyBB templates.
 * CastLiveNow uses one restrained action surface; color communicates meaning
 * through the border and text instead of unrelated solid button fills.
 */
.btn a:hover {
	text-decoration: none !important;
}

.btn-primary {
	--bs-btn-bg: var(--cln-surface-raised);
	--bs-btn-border-color: var(--cln-cyan);
	--bs-btn-color: var(--cln-text);
	--bs-btn-hover-bg: var(--cln-surface-muted);
	--bs-btn-hover-border-color: var(--cln-cyan);
	--bs-btn-hover-color: var(--cln-text);
	--bs-btn-active-bg: var(--cln-surface-muted);
	--bs-btn-active-border-color: var(--cln-cyan);
	--bs-btn-active-color: var(--cln-text);
	--bs-btn-disabled-bg: var(--cln-surface-raised);
	--bs-btn-disabled-border-color: var(--cln-border);
	--bs-btn-disabled-color: var(--cln-text-muted);
	background: var(--cln-surface-raised);
	border-color: var(--cln-cyan);
	border-radius: 0;
	box-shadow: none;
	color: var(--cln-text) !important;
}

.btn-primary:is(:hover, :focus-visible, :active),
.btn-primary.show {
	background: var(--cln-surface-muted);
	border-color: var(--cln-cyan);
	box-shadow: none;
	color: var(--cln-text) !important;
}

:is(.btn-red, .btn-purple, .btn-pink, .btn-lime, .btn-dark-blue, .btn-warn, .btn-bisque, .btn-light-pink) {
	background: var(--cln-surface-raised);
	border-color: var(--cln-border-strong);
	border-radius: 0;
	box-shadow: none;
	color: var(--cln-text);
}

:is(.btn-red, .btn-light-pink) {
	border-color: var(--cln-danger);
	color: var(--cln-danger);
}

.btn-warn {
	border-color: var(--cln-warning);
	color: var(--cln-warning);
}

:is(.btn-purple, .btn-pink) {
	border-color: var(--cln-violet);
}

:is(.btn-lime, .btn-dark-blue) {
	border-color: var(--cln-cyan);
}

.btn-red {
	font-weight: 700;
}

:is(.btn-red, .btn-purple, .btn-pink, .btn-lime, .btn-dark-blue, .btn-warn, .btn-bisque, .btn-light-pink):is(:hover, :focus-visible, :active) {
	background: var(--cln-surface-muted);
	border-color: var(--cln-cyan);
	color: var(--cln-text) !important;
}

:is(.btn-red, .btn-light-pink):is(:hover, :focus-visible, :active) {
	border-color: var(--cln-danger);
}

.btn-warn:is(:hover, :focus-visible, :active) {
	border-color: var(--cln-warning);
}