/*
 * RGI Jewelry — палитра проекта (design.md §2, утверждена Ильёй 13.08.2026).
 *
 * Основная работа сделана в данных: цвета демо заменены на палитру в настройках
 * виджетов Elementor, в глобальных стилях Elementor Kit и в типографике Kava.
 * Этот файл — тонкий корректирующий слой на то, что цветов в настройках не имеет
 * и приходит из стилей плагинов: кнопки WooCommerce, цена, рейтинг, фокус.
 *
 * Контраст (ת"י 5568 AA, минимум 4.5:1):
 *   #1C1B19 на #FFFFFF — 16.9:1
 *   #5E5A54 на #FFFFFF — 6.9:1
 *   #8A6A1F на #FFFFFF — 5.0:1
 *   #FFFFFF на #8A6A1F — 5.0:1
 *   #6E5418 на #FFFFFF — 7.3:1
 *   #8A6A1F на #F6F4F1 — 4.6:1
 *   #B3261E на #FFFFFF — 6.5:1  (сообщения об ошибке)
 * Тёмный акцент выбран намеренно: яркое золото #D4AF37 даёт на белом 1.9:1.
 */

:root {
	--rgi-bg: #FFFFFF;
	--rgi-bg-2: #F6F4F1;
	--rgi-text: #1C1B19;
	--rgi-muted: #5E5A54;
	--rgi-accent: #8A6A1F;
	--rgi-accent-hover: #6E5418;
	--rgi-line: #E3DFD9;
	--rgi-error: #B3261E;
	--rgi-on-accent: #FFFFFF;
}

body {
	background-color: var(--rgi-bg);
	color: var(--rgi-text);
}

/* --------------------------------------------------------------- ссылки */
a {
	color: var(--rgi-accent);
}

a:hover,
a:focus {
	color: var(--rgi-accent-hover);
}

/* ------------------------------------------------------------- кнопки WooCommerce
 * У кнопок демо был жёлтый фон с тёмным текстом. Фон стал тёмно-золотым, и
 * тёмный текст на нём даёт 3.4:1 — ниже нормы. Текст на акценте только белый.
 */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.jet-woo-products a.button,
.jet-woo-product-button a.button,
a.add_to_cart_button,
a.added_to_cart {
	background-color: var(--rgi-accent);
	color: var(--rgi-on-accent);
	border-color: var(--rgi-accent);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.jet-woo-products a.button:hover,
.jet-woo-product-button a.button:hover,
a.add_to_cart_button:hover,
a.added_to_cart:hover {
	background-color: var(--rgi-accent-hover);
	color: var(--rgi-on-accent);
	border-color: var(--rgi-accent-hover);
}

/* Кнопка «применить» у фильтров — та же логика. */
.jet-filter .apply-filters__button,
.jet-smart-filters-apply .apply-filters__button {
	background-color: var(--rgi-accent);
	color: var(--rgi-on-accent);
}

.jet-filter .apply-filters__button:hover,
.jet-smart-filters-apply .apply-filters__button:hover {
	background-color: var(--rgi-accent-hover);
}

/* ------------------------------------------------------------------ цена */
.jet-woo-product-price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	color: var(--rgi-accent);
}

/* Старая цена — приглушённая, а не акцентная: иначе две «важные» цифры рядом. */
.jet-woo-product-price del,
.woocommerce div.product p.price del,
.woocommerce ul.products li.product .price del {
	color: var(--rgi-muted);
}

/* --------------------------------------------------------------- рейтинг */
.woocommerce .star-rating::before,
.jet-woo-product-rating .star-rating::before {
	color: var(--rgi-line);
}

.woocommerce .star-rating span,
.jet-woo-product-rating .star-rating span {
	color: var(--rgi-accent);
}

/* ---------------------------------------------------------------- плашки */
.woocommerce span.onsale,
.jet-woo-product-sale-badge,
.jet-woo-products__item-sale-badge {
	background-color: var(--rgi-accent);
	color: var(--rgi-on-accent);
}

/* ----------------------------------------------------- линии и вторичный фон */
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce-tabs .panel,
hr {
	border-color: var(--rgi-line);
}

.woocommerce .cart_totals,
.woocommerce-checkout #order_review {
	background-color: var(--rgi-bg-2);
}

/* --------------------------------------------------------------- ошибки */
.woocommerce-error,
.woocommerce-NoticeGroup-checkout .woocommerce-error,
.wpcf7-not-valid-tip,
.woocommerce form .form-row.woocommerce-invalid label {
	color: var(--rgi-error);
}

/* ------------------------------------------------------- фокус с клавиатуры
 * Требование ת"י 5568 AA: фокус виден. Раньше правило лежало в rgi-rtl.css и
 * работало только на иврите — русская версия оставалась без видимого фокуса.
 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--rgi-accent);
	outline-offset: 2px;
}

/* --------------------------------- фильтр: термины, которых нет в выдаче
 * Индексатор JetSmartFilters помечает пустые значения классом
 * jet-filter-row-hide. Прячем их, чтобы на цепочках не висели размеры браслетов.
 */
.jet-filter-row-hide {
	display: none !important;
}

/* --------------------------------------------------------------------------
   Сортировка каталога: ширина по самому длинному языку.
   Демо задавало полю фиксированные 210px — этого хватало ивритскому
   «סידור ברירת מחדל», но русское «Исходная сортировка» обрезалось на середине.
   design.md §7: макет обязан пережить русский, он длиннее иврита на 20–30 %.
   Добавлено 13.08.2026, otdel-site-builder, TASK-002 (ревизия архитектуры).
   -------------------------------------------------------------------------- */
.elementor-jet-woo-builder-products-ordering select.orderby,
.woocommerce-ordering select.orderby {
	width: auto;
	min-width: 17em;
	max-width: 100%;
	letter-spacing: 1px;
}