/*
 * Partnerseiten: Herstellerlogos und Sprungliste „Auf dieser Seite“.
 * Eigene Datei, weil bloecke-basis.css an der 800-Zeilen-Grenze steht.
 * Geladen über inc/integration.php nach komponenten.css.
 */

/* Logos werden vollständig gezeigt (nicht beschnitten wie Fotos in .tr-karte) */
.tr-partner-logo {
	max-width: 18rem;
}

.tr-karte .tr-partner-logo {
	max-width: none;
}

.tr-partner-logo img,
.tr-karte .tr-partner-logo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--20, 0.75rem);
	border: 1px solid var(--tr-linie);
	border-radius: var(--tr-radius);
	background: var(--tr-weiss);
}

/* Sprungliste: Linkreihe mit Datenblatt-Kopflinie, Ziele mindestens 44 px hoch */
.tr-sprungliste {
	margin-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 2px solid var(--tr-text);
}

.tr-sprungliste > p {
	margin-block: 0 var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--klein, 0.875rem);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.tr-sprungliste ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--wp--preset--spacing--40, 1.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.tr-sprungliste li {
	margin: 0;
}

.tr-sprungliste a {
	display: inline-flex;
	align-items: center;
	min-height: var(--tr-ziel);
	color: var(--tr-text);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25em;
}

.tr-sprungliste a:hover {
	color: var(--tr-rot-dunkel);
	text-decoration-thickness: 2px;
}

/* Partner-Kacheln (Übersicht): Sitz als leise Zeile, Links am Fuß, Knopf bündig unten */
.tr-partner-kachel {
	display: flex;
	flex-direction: column;
}

.tr-partner-kachel .tr-partner-kachel__sitz {
	margin-block: 0 var(--wp--preset--spacing--20, 0.75rem);
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	letter-spacing: 0.02em;
}

.tr-partner-kachel .tr-partner-kachel__links {
	font-size: var(--wp--preset--font-size--small, 0.875rem);
}

.tr-partner-kachel .tr-partner-kachel__links a {
	display: inline-block;
	padding-block: 0.6rem;
}

.tr-partner-kachel > .wp-block-buttons {
	margin-top: auto;
}

/* Produktbeispiele: kleine Bestandsbilder nicht über ihre Größe hinaus aufziehen */
.tr-karte .tr-karte__bild {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 12rem;
	background: var(--tr-alt);
}

.tr-karte .tr-karte__bild img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	aspect-ratio: auto;
	object-fit: contain;
}