/**
 * DECKLINE – Dostępność produktów
 *
 * Zmienne `--gold`, `--black`, `--white`, `--gray-light` pochodzą z motywu Deckline.
 * Fallbacki są po to, żeby arkusz nie rozjechał się, gdyby wczytał się przed motywem.
 */

/* --------------------------------------------------------------------------
 * Karta produktu — wiersz dostępności przy koszyku
 *
 * Plakietka nad tytułem niesie tę samą informację, i to z czasem realizacji.
 * Wiersz przy wyborze ilości i w mobilnym CTA tylko ją powtarzał.
 * -------------------------------------------------------------------------- */

.woo-product__cart > .stock,
.woo-product__mobile-cta-cart > .stock {
	display: none;
}

/* --------------------------------------------------------------------------
 * Kafel niedostępnego produktu w sklepie i na kategoriach
 *
 * Przed zmianą różnica sprowadzała się do jednego słowa w tym samym złotym
 * kolorze co reszta kafla — dawało się przeoczyć. Teraz stan widać z odległości:
 * zdjęcie traci kolor, cena jest wyszarzona i przekreślona, przycisk przestaje
 * wyglądać na akcję zakupu.
 *
 * Warunek stanu bierzemy z `.stock.out-of-stock`, bo to jedyny znacznik
 * dostępności obecny w kaflu — sam kafel nie ma klasy stanu.
 * -------------------------------------------------------------------------- */

.woo-archive-card:has(.stock.out-of-stock) .woo-archive-card__image {
	filter: grayscale(1);
	opacity: 0.55;
}

.woo-archive-card:has(.stock.out-of-stock) .woo-archive-card__price .price {
	color: var(--gray-light, #9a9a9a);
}

/*
 * Przekreślenie tylko na kwocie — dopisek „brutto" ma zostać czytelny.
 *
 * `!important` jest tu konieczne, nie ozdobne: Bricks emituje na tę kwotę regułę
 * `.woo-archive-card__price .price > .woocommerce-Price-amount.amount { text-decoration: none !important }`,
 * której nie da się pokonać samą specyficznością. Do usunięcia razem z tamtym
 * `!important` u źródła, w stylach kafla w Bricks.
 */
.woo-archive-card:has(.stock.out-of-stock) .woo-archive-card__price .woocommerce-Price-amount {
	text-decoration: line-through !important;
}

/* Bez tego „NIEDOSTĘPNY" zostaje złoty, czyli w kolorze akcentu marki. */
.woo-archive-card:has(.stock.out-of-stock) .woo-archive-card__stock .stock {
	color: var(--gray-light, #9a9a9a);
}

.woo-archive-card:has(.stock.out-of-stock) .woo-archive-card__cart .button {
	background: transparent;
	color: var(--gold, #c8a56f);
	border: 1px solid var(--gold, #c8a56f);
}

.woo-archive-card:has(.stock.out-of-stock) .woo-archive-card__cart .button:hover,
.woo-archive-card:has(.stock.out-of-stock) .woo-archive-card__cart .button:focus-visible {
	background: var(--gold, #c8a56f);
	color: var(--black, #0a0a0a);
}

@media (prefers-reduced-motion: reduce) {
	.woo-archive-card:has(.stock.out-of-stock) .woo-archive-card__image {
		transition: none;
	}
}