/*
 * 2.125.0 Einheit: Alle Plugin-Bereiche (Vereinssuche, Kassen, Katalog, Mein Körper, Konto …) bekommen
 * Knöpfe, Felder, Karten, Pillen und Hinweise aus denselben zentralen Werten wie das Theme („Design einstellen“).
 * Gilt nur auf Seiten aus dem Baukasten (body.sb-blockseite). Wird nach allen Modul-Stilen geladen.
 */
body.sb-blockseite {
	--e-akzent: var(--wp--preset--color--akzent, #4a666b);
	--e-dunkel: var(--wp--preset--color--dunkel, #3f575b);
	--e-basis: var(--wp--preset--color--basis, #fff);
	--e-flaeche: var(--wp--preset--color--flaeche, #f6f4ef);
	--e-linie: var(--wp--preset--color--linie, #e4e0d7);
	--e-schrift: var(--wp--preset--color--schrift, #2f3434);
	--e-leise: var(--wp--preset--color--leise, #5d6566);
	--e-warm: var(--wp--preset--color--warm, #c4a870);
	--e-warm-text: var(--wp--preset--color--warm-text, #6f4113);
	--e-r-karte: var(--wp--custom--rund--karte, 14px);
	--e-r-knopf: var(--wp--custom--rund--knopf, 999px);
	--e-r-feld: var(--wp--custom--rund--feld, 10px);
	--e-schatten: var(--wp--preset--shadow--karte, 0 2px 14px rgba(30, 40, 40, .07));
	--e-luft: var(--wp--preset--spacing--30, 24px);
	--e-schrift-knopf: var(--wp--preset--font-family--knopf, inherit);
	/* Modul-Variablen auf die zentralen Werte lenken */
	--vs-petrol: var(--e-akzent); --vs-ink: var(--e-akzent); --vs-deep: var(--e-dunkel); --vs-orange: var(--e-akzent); --vs-orange-h: var(--e-dunkel);
	--vs-line: var(--e-linie); --vs-r: var(--e-r-karte); --vs-soft: color-mix(in srgb, var(--e-akzent) 8%, var(--e-basis));
	--sx-petrol: var(--e-akzent); --sx-petrol-ink: var(--e-akzent); --sx-petrol-deep: var(--e-dunkel); --sx-orange: var(--e-warm); --sx-line: var(--e-linie); --sx-soft: color-mix(in srgb, var(--e-akzent) 8%, var(--e-basis));
}

/* Hauptknopf */
body.sb-blockseite .bewegt-inhalt :is(.sb-knopf, .vs-btn-haupt, .vs-btn-petrol, .kk-btn-haupt, .kk-btn-petrol, .kk-such-btn, .sbu-knopf, .sbk-knopf, .sbw-knopf, .sb-cm-pk-knopf--haupt):not(:is(.sb-knopf--zweitrangig, .sb-knopf-zweitrangig, .sbu-knopf--zweitrangig, .sbk-knopf--rand)) {
	background: var(--e-akzent) !important; border: 2px solid var(--e-akzent) !important; color: var(--e-basis) !important;
	border-radius: var(--e-r-knopf) !important; font-family: var(--e-schrift-knopf); font-weight: 700; font-size: calc(var(--wp--custom--schrift, 16px) * .9);
	min-height: 0; padding: .75em 1.45em; line-height: 1.3; text-decoration: none; box-shadow: none;
}
/* Zweiter Knopf (Rand) */
body.sb-blockseite .bewegt-inhalt :is(.sb-knopf--zweitrangig, .sb-knopf-zweitrangig, .vs-btn-rand, .kk-btn-rand, .sbu-knopf--zweitrangig, .sbk-knopf--rand) {
	background: transparent !important; border: 2px solid var(--e-akzent) !important; color: var(--e-akzent) !important;
	border-radius: var(--e-r-knopf) !important; font-family: var(--e-schrift-knopf); font-weight: 700; font-size: calc(var(--wp--custom--schrift, 16px) * .9);
	min-height: 0; padding: .75em 1.45em; line-height: 1.3; text-decoration: none; box-shadow: none;
}
body.sb-blockseite .bewegt-inhalt :is(.sb-knopf, .vs-btn, .kk-btn, .kk-such-btn, .sbu-knopf, .sbk-knopf, .sbw-knopf):hover { filter: brightness(.92); }

/* Eingabefelder */
body.sb-blockseite .bewegt-inhalt :is(input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=number], input[type=search], input[type=date], select):not(.wp-block-search__input) {
	min-height: 48px; height: auto; border: 1px solid color-mix(in srgb, var(--e-schrift) 35%, var(--e-basis)) !important; border-radius: var(--e-r-feld) !important;
	background-color: var(--e-basis); color: var(--e-schrift); font: inherit; padding: 0 .9em; box-sizing: border-box;
}
body.sb-blockseite .bewegt-inhalt textarea { border: 1px solid color-mix(in srgb, var(--e-schrift) 35%, var(--e-basis)) !important; border-radius: var(--e-r-feld) !important; font: inherit; padding: .7em .9em; }
body.sb-blockseite .bewegt-inhalt :is(.kk-suche input, .kk-such-btn) { min-height: 48px; }

/* Pillen / Filter-Chips */
body.sb-blockseite .bewegt-inhalt :is(.vs-chip span, a.kk-pille) {
	min-height: 40px; padding: 0 1.1em; border: 1.5px solid var(--e-akzent); border-radius: var(--e-r-knopf); background: var(--e-basis); color: var(--e-dunkel);
	font-weight: 600; font-size: calc(var(--wp--custom--schrift, 16px) * .9); text-decoration: none;
}
body.sb-blockseite .bewegt-inhalt :is(.vs-chip input:checked + span, a.kk-pille.an.an) { background: var(--e-akzent); border-color: var(--e-akzent); color: var(--e-basis); }

/* Karten / Kästen */
body.sb-blockseite .bewegt-inhalt :is(.vs-form, .kk-suche-kasten, .vs-karte-f, .kk-karte-f, .vs-vk-kasten, .kk-kontakt, .kk-teil1, .kk-teil2, .vs-vk-kurse, .vs-vk-orte, .sbk-karte, .sbu-kasten, .sbu-filter, .sb-karte, .mk-seite > .wp-block-group) {
	background: var(--e-basis); border: 1px solid rgba(0, 0, 0, .05); border-radius: var(--e-r-karte); box-shadow: var(--e-schatten);
}
body.sb-blockseite .bewegt-inhalt :is(.vs-form, .vs-vk-kasten, .kk-kontakt, .kk-teil1, .kk-teil2, .vs-vk-kurse, .vs-vk-orte, .sbu-kasten, .sbu-filter) { padding: var(--e-luft); }
/* Kästen in Kästen: hell statt Karte auf Karte */
body.sb-blockseite .bewegt-inhalt :is(.vs-vk-liste .vs-vk, .vs-kasse, .kk-st-box, .mk-karte) { background: var(--e-flaeche); border-color: transparent; box-shadow: none; }

/* Hinweise */
body.sb-blockseite .bewegt-inhalt :is(.vs-info, .kk-kasten-b, .kk-hinweis, .mk-hinweis, .sbu-hinweis) {
	background: color-mix(in srgb, var(--e-warm) 14%, var(--e-basis)); color: var(--e-warm-text);
	border: 0; border-left: 6px solid var(--e-warm); border-radius: var(--e-r-feld); padding: var(--wp--preset--spacing--20, 16px) var(--e-luft);
}

/* Überschriften in Plugin-Bereichen wie im Theme */
body.sb-blockseite .bewegt-inhalt :is(.vs .vs-h2, .kk h2, .sbk-h, .sbk-e h3, .sbu h2) { font-family: var(--wp--preset--font-family--ueberschrift, inherit); color: var(--e-dunkel); }
body.sb-blockseite .bewegt-inhalt .kk-suche-kasten { padding: var(--e-luft); margin-bottom: var(--e-luft); }
body.sb-blockseite .bewegt-inhalt .kk-suche-kasten .kk-pillen { margin-bottom: 0; margin-top: var(--wp--preset--spacing--20, 16px); }