/* Anderl Manager – globale UI-Regeln */
:root {
	--am-ui-red: #5e2129;
	--am-ui-green: #616942;
	--am-ui-green-hover: #a8b282;
	--am-ui-shell: #f5f1ed;
	--am-ui-radius: 5px;
	--am-ui-button-height: 52px;
	--am-ui-button-width: 260px;
}

/* Einheitliche Gutenberg-Buttons und Buttons des Anderl Managers. */
.wp-block-buttons .wp-block-button,
.am-button {
	box-sizing: border-box;
}

.wp-block-buttons .wp-block-button {
	flex: 0 1 var(--am-ui-button-width);
}

.wp-block-button__link,
.am-button,
a.am-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: var(--am-ui-button-width);
	min-height: var(--am-ui-button-height);
	padding: 12px 22px;
	border-radius: var(--am-ui-radius) !important;
	font-size: 1rem;
	font-weight: 650;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
}

.wp-block-buttons .wp-block-button__link {
	width: 100%;
}

/* Manager-Primärbutton. Gutenberg-Farben bleiben weiterhin in Blocksy/Gutenberg steuerbar. */
.am-button,
a.am-button {
	border: 1px solid var(--am-ui-green);
	background: var(--am-ui-green);
	color: var(--am-ui-shell) !important;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.am-button:hover,
.am-button:focus-visible {
	border-color: var(--am-ui-green-hover);
	background: var(--am-ui-green-hover);
	color: var(--am-ui-red) !important;
}

@media (max-width: 767px) {
	:root {
		--am-ui-button-height: 50px;
		--am-ui-button-width: min(100%, 320px);
	}

	.wp-block-buttons {
		width: 100%;
	}

	.wp-block-buttons .wp-block-button {
		width: min(100%, 320px);
		flex-basis: min(100%, 320px);
	}

	.wp-block-button__link,
	.am-button,
	a.am-button {
		width: 100%;
		min-width: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.am-button,
	a.am-button {
		transition: none;
	}
}