/* nikas F-04. Вид блока цены в карточке товара.
 *
 * Файл подключается дополнением system/nikas_f04_blok_ceny.ocmod.xml в
 * common/header.twig сразу после цикла {% for style in styles %}, то есть
 * грузится последним, после собранного темой файла стилей.
 *
 * ПОЧЕМУ ОТДЕЛЬНЫЙ ФАЙЛ, А НЕ ПРАВКА СТИЛЕЙ ТЕМЫ.
 * Зелёный прямоугольник нижнего блока приходит не из main.css: там у
 * .us-price-new фон #EB5757, красный. Зелёный #33a02f лежит в
 * catalog/view/theme/oct_ultrastore/stylesheet/dynamic_stylesheet_0.css,
 * строка 82, и в хешовых файлах, которые тема собирает из этого же
 * источника. Оба вида файлов тема пересобирает из своих настроек, любая
 * дописанная туда строка исчезнет молча. Поэтому свой файл и подключение
 * последним.
 *
 * ГРАНИЦА ДЕЙСТВИЯ.
 * Все правила ограничены обёрткой #product-product .us-product-info.
 * #product-product это контейнер страницы карточки товара
 * (product/product.twig, строка 2). .us-product-info это правая колонка
 * карточки с ценой. Пара выбрана так, потому что:
 *   - класс .us-price-old один на весь магазин и работает ещё в списке
 *     товаров, в галерее, в быстром поиске и во всплывающем просмотре;
 *   - #product-product сам по себе мало: тот же id стоит и у страницы
 *     статьи блога (blog/article.twig, строка 2);
 *   - .us-product-info сама по себе мало: тот же класс стоит во
 *     всплывающем быстром просмотре (oct_popup_view.twig, строка 131),
 *     а его разметка попадает в .modal-holder из footer.twig, то есть
 *     вне #product-product.
 * Вместе они дают ровно карточку товара и ничего больше.
 */

/* ПРАВКА 1. Верхний блок цены за штуку получает вид нижнего.
 * Геометрия скопирована из main.css: .us-price-item как .us-price-new
 * (строка 2862), .us-price-item-old как .us-price-old (2872),
 * .us-price-item-gray как .us-price-actual (2852). Цвет акцента взят не из
 * main.css, а тот, который реально применяется на странице: #33a02f.
 */
#product-product .us-product-info .us-price-item {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding: 4px 12px;
	background-color: #33a02f;
	margin-right: 20px;
	letter-spacing: .3px;
}

#product-product .us-product-info .us-price-item-old {
	font-size: 14px;
	text-decoration: line-through;
	margin-right: 20px;
}

#product-product .us-product-info .us-price-item-gray {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	padding: 5px 12px;
	background-color: #F6F6F6;
	margin-right: 20px;
	letter-spacing: .3px;
}

/* ПРАВКА 2. Зачёркнутая старая цена красная, и только в карточке товара.
 * Красный взят из палитры темы: #EB5757, это родной фон .us-price-new в
 * main.css. Своего цвета не выдумываем.
 * Правило накрывает оба блока карточки, верхний и нижний: клиент просил
 * "закреслену стару ціну зробити червоною. Зараз вона сіра, і в обох блоках".
 * За пределами карточки .us-price-old остаётся серой #AFAFAF.
 */
#product-product .us-product-info .us-price-old,
#product-product .us-product-info .us-price-item-old {
	color: #EB5757;
}