/*
 * RGI Jewelry — правки RTL.
 * design.md §7: RTL зеркалит весь интерфейс, а не только текст.
 *
 * Подключается только при is_rtl(), то есть на ивритской версии.
 * На русской (LTR) этот файл не грузится вовсе — поэтому здесь можно
 * безопасно переопределять выравнивание, не ломая второй язык.
 *
 * !important в блоке 1 — осознанно. Выравнивание там задано не темой, а
 * сгенерированным CSS Elementor вида
 * `.elementor-2320 .elementor-element-b901337 .jet-woo-products .jet-woo-product-title`
 * (специфичность 0,4,0). Перебить её селектором без !important нельзя, а
 * менять настройку виджета неправильно: она общая для обоих языков, и русская
 * версия должна остаться выровненной по левому краю.
 */

/* ------------------------------------------------------------------ *
 * 0. Базовое выравнивание                                             *
 * ------------------------------------------------------------------ *
 * Динамический CSS темы Kava печатает `body { text-align: left }` —
 * значение берётся из настроек типографики и не зависит от направления.
 * Из-за одной этой строки к левому краю прижималось всё, чему тема и
 * плагины не задали выравнивание явно: сортировка каталога, меню, итог
 * мини-корзины. Правим здесь, а не в родительской теме.
 */

html[dir="rtl"] body {
	text-align: right;
}

html[dir="rtl"] .jet-nav--horizontal,
html[dir="rtl"] .woocommerce-mini-cart__total,
html[dir="rtl"] .jet-range__values,
html[dir="rtl"] .jet-woo-product-button,
html[dir="rtl"] .elementor-jet-woo-builder-products-ordering {
	text-align: right !important;
}

/* ------------------------------------------------------------------ *
 * 1. Каталог: выравнивание карточек товара                            *
 * ------------------------------------------------------------------ */

html[dir="rtl"] .jet-woo-products,
html[dir="rtl"] .jet-woo-products__item,
html[dir="rtl"] .jet-woo-product-title,
html[dir="rtl"] .jet-woo-product-price,
html[dir="rtl"] .jet-woo-product-rating,
html[dir="rtl"] .jet-woo-product-excerpt,
html[dir="rtl"] .jet-woo-product-categories,
html[dir="rtl"] .woocommerce-loop-product__title,
html[dir="rtl"] ul.products li.product {
	text-align: right !important;
}

/* Сортировка каталога — к правому краю, как и всё остальное */
html[dir="rtl"] .woocommerce-ordering,
html[dir="rtl"] .jet-woo-builder-shop-sorting {
	text-align: right;
}

/* ------------------------------------------------------------------ *
 * 2. Двунаправленный текст                                            *
 * ------------------------------------------------------------------ *
 * Латинская строка внутри RTL-блока теряет свою пунктуацию: точка и
 * восклицательный знак — нейтральные символы, и алгоритм bidi уносит их
 * в левый край. Отсюда «!Sale» вместо «Sale!» и точка в начале английского
 * абзаца. unicode-bidi: plaintext определяет направление каждого абзаца по
 * его первому сильному символу: ивритский остаётся RTL, латинский — LTR,
 * и знаки препинания встают на место.
 * design.md §3 требует того же для чисел и цен внутри ивритского текста.
 */

html[dir="rtl"] .jet-woo-product-badge,
html[dir="rtl"] .jet-woo-product-title,
html[dir="rtl"] .jet-woo-product-title a,
html[dir="rtl"] .woocommerce-loop-product__title,
html[dir="rtl"] .product_title,
html[dir="rtl"] .onsale,
html[dir="rtl"] .product_meta > span,
html[dir="rtl"] .woocommerce-breadcrumb a,
html[dir="rtl"] .woocommerce-review-link {
	unicode-bidi: plaintext;
}

html[dir="rtl"] .elementor-widget-text-editor p,
html[dir="rtl"] .woocommerce-product-details__short-description p,
html[dir="rtl"] .woocommerce-Tabs-panel p,
html[dir="rtl"] .term-description p,
html[dir="rtl"] .entry-content p,
html[dir="rtl"] .comment-content p {
	unicode-bidi: plaintext;
	text-align: start;
}

/* Цена: число, знак ₪ и перечёркнутая старая цена — один неразрывный
   островок, чтобы порядок не зависел от соседнего текста. */
html[dir="rtl"] .price,
html[dir="rtl"] .amount,
html[dir="rtl"] .woocommerce-Price-amount {
	unicode-bidi: isolate;
}

/* ------------------------------------------------------------------ *
 * 3. Мелочи интерфейса                                                *
 * ------------------------------------------------------------------ */

/* Поле поиска и placeholder — от правого края */
html[dir="rtl"] input[type="search"],
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] textarea {
	text-align: right;
}

/* Обязательная звёздочка у поля формы — рядом с меткой, а не у чужого края */
html[dir="rtl"] .required,
html[dir="rtl"] abbr.required {
	unicode-bidi: isolate;
	margin-right: 0.25em;
	margin-left: 0;
}

/* Списки в описаниях: маркер справа */
html[dir="rtl"] .entry-content ul,
html[dir="rtl"] .entry-content ol,
html[dir="rtl"] .woocommerce-Tabs-panel ul,
html[dir="rtl"] .woocommerce-Tabs-panel ol {
	padding-right: 1.5em;
	padding-left: 0;
}

/* Иконки соцсетей и мета-блок карточки товара — к правому краю */
html[dir="rtl"] .jet-woo-builder-single-share,
html[dir="rtl"] .product_meta {
	text-align: right;
}

/* Фокус с клавиатуры виден — ת"י 5568 AA, design.md §7.
   Держим здесь же, чтобы обводка не обрезалась зеркальными отступами. */
html[dir="rtl"] a:focus-visible,
html[dir="rtl"] button:focus-visible,
html[dir="rtl"] input:focus-visible,
html[dir="rtl"] select:focus-visible,
html[dir="rtl"] textarea:focus-visible {
	outline: 2px solid #8A6A1F;
	outline-offset: 2px;
}