/*
 * Gemeinsame Store-Badge-Geometrie der App-Promo-Sektionen.
 * Dieses Asset wird nur auf der Startseite und auf „Über uns“ geladen.
 */

.fp-app-promo__badges {
	--fp-store-badge-width: clamp(149px, 42vw, 160px);
	gap: 1rem;
	align-items: center;
}

.fp-app-promo__badge-img {
	flex: 0 0 var(--fp-store-badge-width);
	width: var(--fp-store-badge-width);
	height: auto;
	aspect-ratio: 238.96 / 70.87;
	margin: 0;
}

.fp-app-promo__badges a {
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 6px;
	background: #000;
	overflow: hidden;
	transition: transform 180ms var(--fp-home-ease, cubic-bezier(0.16, 1, 0.3, 1)), filter 180ms ease, border-color 180ms ease;
}

.fp-app-promo__badge-img img {
	width: 100% !important;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}

.fp-app-promo__badges a:hover {
	transform: translateY(-3px);
	filter: brightness(1.08);
	border-color: #fff;
}

/* Das Google-Play-SVG bringt Hintergrund, Rundung und Kontur bereits mit.
   Der Link bleibt deshalb eine reine, gleich grosse Klickflaeche ohne zweite Box. */
.fp-app-promo__badges a[href^="https://play.google.com/"] {
	border: 0;
	border-radius: 0;
	background: transparent;
}

@media (max-width: 380px) {
	.fp-app-promo__badges {
		gap: 0.75rem;
	}

	.fp-app-promo__badge-img {
		flex-basis: var(--fp-store-badge-width);
	}
}

@media (prefers-reduced-motion: reduce) {
	.fp-app-promo__badges a {
		transition: none;
	}

	.fp-app-promo__badges a:hover {
		transform: none;
	}
}