/**
 * Stock label — kolory ze zmiennych :root w main.css (style-spec.md §1).
 *
 * @package MJSWRO_Webshop
 */

.mjswro-product-card__stock,
.mjswro-qv-stock-wrap {
	margin-top: var(--spacing-2);
	margin-bottom: var(--spacing-2);
	margin-left: var(--spacing-2);
}

.mjswro-qv-stock-wrap {
	margin-top: 0.5rem;
	margin-bottom: 0.75rem;
}

.mjswro-product-card__stock .stock,
.mjswro-qv-stock-wrap .stock {
	margin: 0;
}

.mjswro-stock-label {
	display: inline-flex;
	align-items: center;
	gap: 0;
	font-weight: 600;
	font-size: 0.85rem;
}

/* Grid view – wyśrodkuj i powiększ */
.mjswro-view-grid .mjswro-product-card__stock {
	text-align: center;
}

.mjswro-view-grid .mjswro-stock-label {
	font-size: 0.9375rem;
}

/* List view – powiększ */
.mjswro-view-list .mjswro-stock-label {
	font-size: 1rem;
}

/* Mapowanie: ostatnie → accent „pilne”, malo → ciemniejszy amber, srednio → amber, duzo → zielony stan magazynu */
.mjswro-stock-ostatnie {
	color: var(--color-favorite);
	animation: mjswro-blink 1.8s ease-in-out infinite;
}

.mjswro-stock-malo {
	color: var(--mjswro-accent);
}

.mjswro-stock-srednio {
	color: var(--color-status-warn-text);
}

.mjswro-stock-duzo {
	color: var(--color-stock);
}

@keyframes mjswro-blink {
	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.45;
	}
}