/* Verfügbarkeitsindikatoren für Erweiterungskarten */

.availability-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 0.7rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: white;
	z-index: 5;
}

/* Badges ausblenden wenn Karte umgedreht ist */
.extension-card-container.flipped .availability-badge {
	display: none;
}

.badge-available {
	background-color: #4cd964; /* Grün aus dem Farbschema */
	box-shadow: 0 0 10px rgba(76, 217, 100, 0.4); /* Strahlender Effekt */
	animation: pulse-green 2s infinite;
}

.badge-development {
	background-color: #ff9f45; /* Orange aus dem Farbschema */
}

/* Pulsierender Effekt für verfügbare Erweiterungen */
@keyframes pulse-green {
	0% {
		box-shadow: 0 0 10px rgba(76, 217, 100, 0.4);
	}
	50% {
		box-shadow: 0 0 16px rgba(76, 217, 100, 0.6);
	}
	100% {
		box-shadow: 0 0 10px rgba(76, 217, 100, 0.4);
	}
}