/**
 * Motorica: Sticky-Toolbar-Buttons („button content top“)
 * Farben: .motorica-btn-toolbar--* in motorica-action-buttons.css
 * Nutzung: .sticky-toolbar-row, .sticky-toolbar-actions, .motorica-btn-toolbar.sticky-tab-btn
 */

.sticky-toolbar-row {
	display: flex;
	justify-content: center;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	margin-top: 0;
}

.sticky-toolbar-actions {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 0;
	width: 100%;
}

.sticky-toolbar-actions .btn {
	height: 38px;
	display: inline-flex;
	align-items: center;
}

.sticky-toolbar-actions .motorica-btn-toolbar .motorica-btn-icon,
.sticky-toolbar-actions .motorica-btn-toolbar i.motorica-btn-icon {
	margin-right: 0;
}

.sticky-toolbar-actions .sticky-tab-btn,
[class*="-toolbar-actions"] .sticky-tab-btn.motorica-btn-toolbar {
	margin-top: -28px;
	border-radius: 0 0 14px 14px;
	border: none;
	padding: 10px 20px;
	font-weight: 600;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
	position: relative;
}

/* Legacy-Aliase (deprecated → motorica-btn-toolbar--*) */
.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-primary,
.sticky-toolbar-actions .sticky-tab-btn.btn-primary,
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-red {
	color: #fff;
	background: var(--motorica-primary, #ff6600);
}

.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-primary:hover,
.sticky-toolbar-actions .sticky-tab-btn.btn-primary:hover,
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-red:hover {
	background: var(--motorica-primary-hover);
	color: #fff;
}

.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-secondary,
.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-blue,
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-blue,
.sticky-toolbar-actions .sticky-tab-btn.btn-secondary,
.sticky-toolbar-actions .sticky-tab-btn.btn-changelog-specs {
	color: #fff;
	background: var(--motorica-secondary, #0d234b);
}

.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-secondary:hover,
.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-blue:hover,
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-blue:hover,
.sticky-toolbar-actions .sticky-tab-btn.btn-secondary:hover,
.sticky-toolbar-actions .sticky-tab-btn.btn-changelog-specs:hover {
	background: #091a38;
	color: #fff;
}

.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-danger,
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-danger {
	color: #fff;
	background: var(--motorica-danger, #c62828);
}

.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-danger:hover,
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-danger:hover {
	background: #a02020;
	color: #fff;
}

.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-muted,
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-gray {
	color: #fff;
	background: #6b7280;
}

.sticky-toolbar-actions .sticky-tab-btn.btn-motorica-muted:hover,
.sticky-toolbar-actions .sticky-tab-btn.btn-hemutis-gray:hover {
	background: #4b5563;
	color: #fff;
}

.content-card-below-toolbar {
	margin-top: 0.75rem;
}