/*
 * Block-Stil «channels» (core/list), K19 Kontakt-Formular: Kontaktkanäle (live UiCore-Icon-Liste d94cc7f).
 * Registriert von G3 (inc/block-styles.d/g3.php).
 * Je Eintrag: Chevron links (Font Awesome «chevron-right» 24 px, #D1ED4F, 1 px tiefer), Link 20 px #202942,
 * Eck-Icon rechts (Inline-Bild aus der Mediathek, 66 px, schrumpft wie live mit), Abstand 12, Zeilenabstand 17.
 * Breite der Liste = längster Eintrag (live: Widget in einer Spalte mit «flex-start»); der Text nimmt wie live
 * «100 %» und drückt das Icon auf ~46 px zusammen (gleiche Flex-Rechnung wie UiCore).
 * Hover auf dem Eintrag: Linkfarbe #D1ED4F ohne Übergang.
 */
.wp-block-list.is-style-channels {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 17px;
	width: fit-content;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.is-style-channels > li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	font-size: 20px;
	line-height: 1px;
	color: var(--wp--preset--color--navy-link);
}

.is-style-channels > li::before {
	content: "";
	flex: none;
	align-self: center;
	width: 24px;
	height: 24px;
	background-color: var(--wp--preset--color--lime-hover);
	transform: translate3d(0, 1px, 0);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.is-style-channels > li > a {
	position: relative;
	top: -0.9px;
	flex: 0 1 100%;
	width: 100%;
	/* live: Zeilenhöhe des Fliesstexts (Strut), Grundlinie dadurch etwas höher als mittig */
	line-height: calc(var(--prixo-body-size) * 1.875);
	color: inherit;
	text-decoration: none;
	transition: none;
}

@media (max-width: 1024px) {
	.is-style-channels > li > a {
		top: -2px;
	}
}

.is-style-channels > li:hover > a,
.is-style-channels > li > a:focus {
	color: var(--wp--preset--color--lime-hover);
}

.is-style-channels > li > img {
	display: block;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}