/* ==========================================================================
   Stilvarianten für Kernblöcke (Stile aus includes/stile.php)
   Die Grundregel nennt die vier Stile einzeln, damit Kernstile wie Outline
   unberührt bleiben. :is() zählt mit dem stärksten Argument.
   Spezifität: .wp-block-button.is-style-x .wp-block-button__link (0,3,0)
   schlägt Astras .wp-block-button .wp-block-button__link (0,2,0).
   ========================================================================== */

.wp-block-button:is(.is-style-rs, .is-style-fos, .is-style-auf-foto, .is-style-zurueckhaltend) .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 24px;
	border: 2px solid transparent;
	border-radius: var(--rsp-r-md);
	font-family: var(--rsp-font-display);
	font-size: var(--rsp-t-sm);
	font-weight: 600;
	text-decoration: none;
	transition: background var(--rsp-fast), color var(--rsp-fast), border-color var(--rsp-fast);
}

/* Blaue Fläche trägt Weiß (6,4:1) */
.wp-block-button.is-style-rs .wp-block-button__link {
	background: var(--rsp-rs-deep);
	color: #fff;
}

.wp-block-button.is-style-rs .wp-block-button__link:hover,
.wp-block-button.is-style-rs .wp-block-button__link:focus {
	background: #0d5077;
	color: #fff;
}

/* Orange Fläche trägt Tinte (6,0:1): die FOS unterscheidet sich auch darin */
.wp-block-button.is-style-fos .wp-block-button__link {
	background: var(--rsp-fos);
	color: var(--rsp-ink);
}

.wp-block-button.is-style-fos .wp-block-button__link:hover,
.wp-block-button.is-style-fos .wp-block-button__link:focus {
	background: #dc7311;
	color: var(--rsp-ink);
}

.wp-block-button.is-style-auf-foto .wp-block-button__link {
	background: rgb(255 255 255 / 94%);
	color: var(--rsp-ink);
}

.wp-block-button.is-style-auf-foto .wp-block-button__link:hover,
.wp-block-button.is-style-auf-foto .wp-block-button__link:focus {
	background: #fff;
	color: var(--rsp-ink);
}

/* Zurückhaltend: weiße Kontur auf Foto oder dunkler Fläche */
.wp-block-button.is-style-zurueckhaltend .wp-block-button__link {
	border-color: rgb(255 255 255 / 50%);
	background: transparent;
	color: #fff;
}

.wp-block-button.is-style-zurueckhaltend .wp-block-button__link:hover,
.wp-block-button.is-style-zurueckhaltend .wp-block-button__link:focus {
	border-color: #fff;
	background: rgb(255 255 255 / 14%);
	color: #fff;
}

/* Logoleiste: Partnerlogos gleich hoch, grau, beim Zeigen farbig */
.wp-block-gallery.is-style-logoleiste.has-nested-images {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 32px;
	align-items: center;
}

/* :not(#individual-image) wie im Kern, sonst gewinnen dessen Breiten (1,3,0) */
.wp-block-gallery.is-style-logoleiste.has-nested-images figure.wp-block-image:not(#individual-image) {
	width: auto;
	margin: 0;
}

/* Der Kern beschneidet mit .is-cropped (1,4,2, später geladen: height 100%,
   object-fit cover, flex 1 0 0%). Die doppelte Klasse hebt die Logoleiste
   darüber; flex: none, sonst wächst das Bild in der Spalte über 64px. */
.wp-block-gallery.is-style-logoleiste.is-style-logoleiste.has-nested-images figure.wp-block-image:not(#individual-image) img {
	flex: none;
	width: 100%;
	height: 64px;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.6;
	transition: filter var(--rsp-fast), opacity var(--rsp-fast);
}

/* Gleiches Präfix wie die Bildregel, sonst bleibt das Logo grau */
.wp-block-gallery.is-style-logoleiste.is-style-logoleiste.has-nested-images figure.wp-block-image:not(#individual-image):hover img,
.wp-block-gallery.is-style-logoleiste.is-style-logoleiste.has-nested-images figure.wp-block-image:not(#individual-image):focus-within img {
	filter: none;
	opacity: 1;
}