/*
 * Shared styles for Mahut Elementor widgets.
 * Built on the theme's CSS variables; fallbacks keep widgets usable
 * if the plugin runs with a different theme.
 */

.mahut-widget {
	font-family: var(--mahut-font-family, inherit);
	color: var(--mahut-text, inherit);
}

.mahut-widget .mahut-widget-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 26px;
	border-radius: var(--mahut-radius, 10px);
	background: var(--mahut-accent, #2563EB);
	color: #fff;
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	.mahut-widget * {
		animation: none !important;
		transition: none !important;
	}
}

/* Per-widget sections are appended below by the skill (Workflow B). */