/**
 * Landleben Gestaltung: Alle Knöpfe gleich hoch (v1.6)
 * Nur geladen, wenn unter Einstellungen "Alle Knöpfe gleich hoch und gleich
 * beschriftet" an ist. Wird vor den Look-Dateien geladen, die Looks gewinnen.
 *
 * Gilt für Kadence-Knöpfe (Block "Buttons"), WordPress-Knöpfe und den
 * Senden-Knopf der Kadence-Formulare. Egal, welche Größe (klein, normal,
 * groß, sehr groß, Theme) und wie dick der Rand ist: Jeder Knopf ist genau
 * --ll-knopf-h hoch (52 px, am Handy 50 px), Schrift 14 px, fett, gesperrt,
 * Großbuchstaben.
 * Bleiben aus Kadence: Farben, Rahmenfarbe und -breite, Ecken, Breite.
 * Nicht angefasst: Kopfzeile und Menü, WooCommerce-Knöpfe und die eigenen
 * Bausteine des Plugins (Zaunhöhe, Rechner, Shop …).
 *
 * Werte: look-knopf.css (:root, --ll-knopf-*). Die Ersatzwerte hier gelten
 * nur, falls die Werte einmal fehlen.
 * Geringe Spezifität mit :where(), !important gegen das Kadence-CSS, das
 * nach dem Plugin gedruckt wird.
 */

:where(.wp-block-kadence-advancedbtn) :is(.kb-button, .kt-button):where(:not(:where(header, nav, #masthead, .site-header, .wp-block-navigation, .wp-block-kadence-header, .wp-block-kadence-navigation, .kb-header-container, .woocommerce:not(body), [class*="wp-block-woocommerce"], [class*="wc-block"], ul.products, .ll-zaunhoehe, .ll-rechner, .ll-shop, .ll-kaufleiste, .ll-beratung, .ll-ladenschild, .ll-schwester, .ll-siegel, .ll-alterung, .ll-vorteile, .ll-familie, .ll-familienfuss, .ll-fuss, .ll-preis-anfrage) *)),
.wp-block-button__link:where(:not(:where(header, nav, #masthead, .site-header, .wp-block-navigation, .wp-block-kadence-header, .wp-block-kadence-navigation, .kb-header-container, .woocommerce:not(body), [class*="wp-block-woocommerce"], [class*="wc-block"], ul.products, .ll-zaunhoehe, .ll-rechner, .ll-shop, .ll-kaufleiste, .ll-beratung, .ll-ladenschild, .ll-schwester, .ll-siegel, .ll-alterung, .ll-vorteile, .ll-familie, .ll-familienfuss, .ll-fuss, .ll-preis-anfrage) *, [class*="wc-"], .add_to_cart_button, .product_type_simple, .checkout-button)),
.kb-forms-submit,
.kb-adv-form-submit-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var(--ll-knopf-luecke, .6em) !important;
	box-sizing: border-box !important;
	min-height: var(--ll-knopf-h, 52px) !important;
	height: auto !important;
	padding-block: 0 !important;
	/* Die Sperrung hängt auch hinter dem letzten Buchstaben: links etwas mehr, damit die Schrift mittig sitzt */
	padding-inline: calc(var(--ll-knopf-innen, 28px) + .06em) calc(var(--ll-knopf-innen, 28px) - .06em) !important;
	font-size: var(--ll-knopf-schrift, 14px) !important;
	font-weight: var(--ll-knopf-gewicht, 800) !important;
	letter-spacing: var(--ll-knopf-sperrung, .12em) !important;
	line-height: var(--ll-knopf-zeile, 1.2) !important;
	text-align: center !important;
	text-transform: uppercase !important;
	vertical-align: middle;
}

/* Formular-Knöpfe sind <button>: die Schrift der Seite übernehmen */
.kb-forms-submit,
.kb-adv-form-submit-button {
	font-family: inherit;
}

/* Knopf nur mit Symbol: quadratisch statt breit */
:where(.wp-block-kadence-advancedbtn) :is(.kb-button, .kt-button).kt-btn-has-text-false {
	padding-inline: calc((var(--ll-knopf-h, 52px) - 1em) / 2) !important;
}

/* Kadence-Symbole so groß wie die Schrift */
:where(.wp-block-kadence-advancedbtn) :is(.kb-button, .kt-button) .kb-svg-icon-wrap,
.kb-adv-form-submit-button .kb-svg-icon-wrap {
	margin: 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
}

:where(.wp-block-kadence-advancedbtn) :is(.kb-button, .kt-button) .kb-svg-icon-wrap svg,
.kb-adv-form-submit-button .kb-svg-icon-wrap svg {
	width: 1em !important;
	height: 1em !important;
}

@media (prefers-reduced-motion: reduce) {
	:where(.wp-block-kadence-advancedbtn) :is(.kb-button, .kt-button),
	.wp-block-button__link,
	.kb-forms-submit,
	.kb-adv-form-submit-button {
		transition: none !important;
	}
}