/* ============================================================================
 * WooCommerce: правки витрины поверх разметки плагина.
 *
 * Файл подключается только на страницах WooCommerce (inc/assets.php) и после
 * слоя components.css, поэтому здесь живут точечные правки, а не общий стиль.
 * Значения берём из токенов темы --ms-* (style.css).
 * ==========================================================================*/

/* --- Цена ---
   WooCommerce красит цену в плитке каталога и на странице товара в оливковый
   #958e09: на белом это 3,4:1 при требуемых 4,5:1 (WCAG AA). Цена — то, ради
   чего на карточку вообще смотрят, поэтому приводим её к цвету текста темы,
   а скидку — к акцентному цвету распродажи. */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--ms-ink);
	font-weight: 700;
}

/* Зачёркнутая цена: WooCommerce гасит её прозрачностью — это тоже ниже порога. */
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
	color: var(--ms-ink-2);
	font-weight: 400;
	opacity: 1;
}

.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
	color: var(--ms-sale);
	font-weight: 700;
	text-decoration: none;
}

/* Плашка «Распродажа!»: у WooCommerce белый текст на оливковом (3,4:1).
   Свой красный из палитры темы даёт 6,1:1 — плашка читается. */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
	background-color: #b0362a;
	color: #fff;
}

/* Название товара в плитке — ссылка: одну её подчёркивать не нужно, но цвет
   должен отличаться от «мёртвого» серого текста, иначе карточка не читается. */
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--ms-ink); }
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover { color: var(--ms-accent-text); }