/**
 * RGI Jewelry — блок А правок по разговору 23.08.2026 (TASK-005).
 * otdel-site-builder, 25.08.2026.
 *
 * Что здесь:
 *   1) личный кабинет до входа — вход и регистрация одной колонкой,
 *      заголовок над своей формой (просьба клиента);
 *   2) переключатель языков — выпадающее меню WPML legacy-dropdown-click.
 *
 * Правила проекта (design.md): один радиус 4px, тени только на выпадающих,
 * акцент #8A6A1F, линии #E3DFD9, тело 17px, мелкий текст не меньше 15px.
 * Направление задаётся логическими свойствами (inline-start / inline-end),
 * поэтому файл одинаково работает на иврите (RTL) и на русском (LTR).
 */

/* ==================================================================== */
/*  1. Личный кабинет: вход и регистрация                               */
/* ==================================================================== */

/*
 * Корневая причина двух колонок: тема Kava в
 * inc/modules/woo/assets/css/woo-module{,-rtl}.css держит
 *   .woocommerce-account .woocommerce { display:flex; justify-content:space-between }
 * Правило рассчитано на двухколоночный #customer_login. Когда регистрация
 * выключена, у флекс-контейнера остаётся ровно два потомка — <h2> и <form>,
 * и они разъезжаются по колонкам на любой ширине, включая 390.
 *
 * Здесь флекс снимается только на странице до входа. Личный кабинет
 * вошедшего покупателя (навигация сбоку от содержимого) остаётся как был.
 */
body.woocommerce-account:not(.logged-in) .woocommerce {
	display: block;
}

/*
 * Одна колонка на всех ширинах, ограниченная читаемой мерой.
 * 30rem = 480px: поле ввода во всю ширину контейнера 1170px — не «шире и
 * лучше», а промах мимо поля глазами; предел длины строки по стандарту
 * отдела — 720px, форма читается ещё уже.
 */
body.woocommerce-account:not(.logged-in) .woocommerce > * {
	max-width: 30rem;
	margin-inline: auto;
}

body.woocommerce-account:not(.logged-in) #customer_login,
body.woocommerce-account:not(.logged-in) #customer_login.col2-set {
	display: block;
}

body.woocommerce-account:not(.logged-in) #customer_login > .col-1,
body.woocommerce-account:not(.logged-in) #customer_login > .col-2 {
	float: none;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* Разрыв между «вход» и «регистрация» — воздухом, а не рамкой. */
body.woocommerce-account:not(.logged-in) #customer_login > .col-2 {
	margin-block-start: 3.5rem;
}

/*
 * Заголовок блока. Штрих под ним — 40×2px акцентом: та же линия, что рамка
 * клейма в логотипе (design.md §10). Единственная декоративная деталь на
 * экране, всё остальное держится воздухом и линиями.
 */
body.woocommerce-account:not(.logged-in) .woocommerce h2 {
	position: relative;
	margin: 0 0 1.25rem;
	padding-block-end: 0.75rem;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.25;
	color: #1c1b19;
	text-align: start;
}

body.woocommerce-account:not(.logged-in) .woocommerce h2::after {
	content: "";
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 0;
	width: 2.5rem;
	height: 2px;
	background: #8a6a1f;
}

/*
 * Рамка вокруг формы — от WooCommerce по умолчанию (серый прямоугольник со
 * скруглением 5px). Второй радиус на проекте запрещён (design.md §4), да и
 * коробка внутри коробки здесь ничего не отделяет.
 */
body.woocommerce-account:not(.logged-in) form.login,
body.woocommerce-account:not(.logged-in) form.register {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	text-align: start;
}

body.woocommerce-account:not(.logged-in) .woocommerce .form-row {
	display: block;
	margin: 0 0 1.25rem;
	padding: 0;
}

body.woocommerce-account:not(.logged-in) .woocommerce .form-row label:not(.woocommerce-form__label-for-checkbox) {
	display: block;
	margin-block-end: 0.375rem;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.4;
	color: #5e5a54;
	text-align: start;
}

body.woocommerce-account:not(.logged-in) .woocommerce .form-row .required {
	color: #8a6a1f;
	text-decoration: none;
}

body.woocommerce-account:not(.logged-in) .woocommerce .form-row input.input-text,
body.woocommerce-account:not(.logged-in) .woocommerce .form-row input[type="text"],
body.woocommerce-account:not(.logged-in) .woocommerce .form-row input[type="email"],
body.woocommerce-account:not(.logged-in) .woocommerce .form-row input[type="password"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 3rem;
	margin: 0;
	padding-block: 0.625rem;
	padding-inline: 0.875rem;
	border: 1px solid #e3dfd9;
	border-radius: 4px;
	background: #fff;
	color: #1c1b19;
	font-family: inherit;
	font-size: 1.0625rem;
	line-height: 1.4;
	text-align: start;
}

body.woocommerce-account:not(.logged-in) .woocommerce .form-row input:focus-visible {
	border-color: #8a6a1f;
	outline: 2px solid #8a6a1f;
	outline-offset: 2px;
}

/* Показать пароль: кнопка WooCommerce внутри поля — прижать к концу строки. */
body.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-password-hint,
body.woocommerce-account:not(.logged-in) .woocommerce .password-input {
	display: block;
	position: relative;
}

body.woocommerce-account:not(.logged-in) .woocommerce .show-password-input {
	inset-inline-end: 0.75rem;
	inset-inline-start: auto;
}

/*
 * Строка «запомнить меня» + кнопка. В разметке WooCommerce они лежат в одном
 * <p class="form-row">, поэтому раскладываются колонкой здесь, а не в шаблоне.
 * Это единственная строка формы без класса form-row-wide — по нему и цепляем.
 */
body.woocommerce-account:not(.logged-in) form.login p.form-row:not(.form-row-wide) {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 1rem;
}

body.woocommerce-account:not(.logged-in) .woocommerce .form-row label.woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.75rem;
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 400;
	color: #1c1b19;
	cursor: pointer;
}

body.woocommerce-account:not(.logged-in) .woocommerce .form-row label.woocommerce-form-login__rememberme input[type="checkbox"] {
	width: 1.125rem;
	height: 1.125rem;
	margin: 0;
	accent-color: #8a6a1f;
	flex: 0 0 auto;
}

body.woocommerce-account:not(.logged-in) .woocommerce .form-row label.woocommerce-form-login__rememberme input[type="checkbox"]:focus-visible {
	outline: 2px solid #8a6a1f;
	outline-offset: 2px;
}

body.woocommerce-account:not(.logged-in) .woocommerce form.login button.woocommerce-button,
body.woocommerce-account:not(.logged-in) .woocommerce form.register button.woocommerce-button {
	display: block;
	width: 100%;
	min-height: 3rem;
	margin: 0;
	border-radius: 4px;
	font-size: 1.0625rem;
	line-height: 1.3;
}

body.woocommerce-account:not(.logged-in) .woocommerce button.woocommerce-button:focus-visible {
	outline: 2px solid #1c1b19;
	outline-offset: 2px;
}

body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword {
	margin: 1rem 0 0;
	text-align: start;
}

body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a {
	font-size: 0.9375rem;
	color: #8a6a1f;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a:focus-visible {
	color: #6e5418;
}

/* Пояснение под формой регистрации (политика магазина, §11) — мелкий текст. */
body.woocommerce-account:not(.logged-in) .woocommerce-privacy-policy-text p,
body.woocommerce-account:not(.logged-in) form.register > p:not(.form-row) {
	margin: 0 0 1.25rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: #5e5a54;
	text-align: start;
}

/* ==================================================================== */
/*  2. Переключатель языков — клеймо во внешнем углу верхней панели      */
/* ==================================================================== */

/*
 * ГДЕ. Просьба клиента (Рома, образец grillmaster.beer): «в углу рядом с лого
 * или иконкой пользователя». Образец — англоязычный сайт, LTR, и координата
 * «справа» в нём зашита. У нас основной язык иврит и вся панель зеркальная,
 * поэтому берём не координату, а отношение: переключатель стоит ПЕРВЫМ в
 * верхней панели — во ВНЕШНЕМ углу строки, вплотную к ссылке личного кабинета
 * и ровно над логотипом, который в обеих версиях занимает тот же внешний край.
 * На иврите это правый верхний угол, на русском левый. Сторона нигде не
 * прописана: порядок задан разметкой, зеркалит его RTL сам.
 *
 * КАК. Логотип RGI — это клеймо: буквы в тонкой прямоугольной рамке
 * (design.md §10). Кнопка повторяет тот же объект меньшим размером —
 * двухбуквенный код языка тем же весом и разрядкой, в такой же тонкой рамке
 * цвета #8A6A1F. Больше на кнопке нет ничего: ни заливки, ни тени — тень по
 * design.md §4 положена только выпадающей панели.
 *
 * ПОЧЕМУ КОД, А НЕ НАЗВАНИЕ ЯЗЫКА. «עברית» и «Русский» разной ширины: кнопка
 * прыгала бы при смене языка и двигала за собой всё меню панели. Код всегда в
 * две буквы — ширина кнопки одна на все языки, и третий язык встаёт на то же
 * место без переделки вёрстки. Родное название из разметки НЕ удалено: оно
 * остаётся доступным имени ссылки и видно в раскрытом списке.
 *
 * СПЕЦИФИЧНОСТЬ. Стиль WPML (legacy-dropdown-click/style.css) подключается
 * ПОСЛЕ этого файла, поэтому селекторы ниже намеренно длиннее его собственных:
 * при равном весе выиграл бы он.
 */

/*
 * Расстояние до ссылки личного кабинета задаёт gap: 24px на колонке
 * (rgi-typo.css) — своего отступа виджету не нужно, иначе получится 42 px.
 */

.rgi-lang-switcher .wpml-ls-legacy-dropdown-click,
.rgi-lang-switcher .wpml-ls-legacy-dropdown {
	width: auto;
	max-width: none;
}

.rgi-lang-switcher .wpml-ls-legacy-dropdown-click > ul,
.rgi-lang-switcher .wpml-ls-legacy-dropdown > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* -------- кнопка -------- */

/*
 * ⚠ Рамка висит именно ЗДЕСЬ, на `a.wpml-ls-item-toggle`, и это тот самый
 * узел, внутри которого лежат флаг, код языка и шеврон (шеврон — его
 * собственный `::after` в потоке, `position: static`). Структурно стрелка
 * выйти за рамку не может — проверено замером на шести сочетаниях язык ×
 * ширина 26.08.2026. Переносить рамку на внешний `li` не потребовалось.
 *
 * Замечание Ильи 26.08 («иконка раскрытия под кнопкой поиска, как бы
 * замазано») — про ТЕСНОТУ, а не про выход за рамку: на 390 шеврон стоял
 * 8 px от собственной рамки и 16 px от рамки поля поиска, то есть почти
 * посередине между двумя органами, и читался как ничей. Лечится ниже:
 * поле со стороны шеврона больше (12 px), сам шеврон подтянут к коду
 * (6 px), а до поля поиска добавлено 8 px.
 */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.375rem;
	padding-block: 0.25rem;
	padding-inline: 0.5rem;
	/* Со стороны шеврона поле больше: он должен читаться внутри клейма, а не
	   на его краю. Сторона ЛОГИЧЕСКАЯ — шеврон стоит в конце строки, а конец
	   в RTL слева, в LTR справа. */
	padding-inline-end: 0.75rem;
	border: 1px solid #8a6a1f;
	border-radius: 4px;
	background: transparent;
	color: #8a6a1f;
	line-height: 1;
	text-decoration: none;
	transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

/*
 * Рамка 38 px, чтобы не распирать верхнюю панель; зона нажатия дотянута до
 * 44 px по высоте прозрачным слоем — норма ת"י 5568 соблюдена, а полоса не
 * растёт. У WPML на кнопке уже стоит position: relative.
 * ⚠ Отсчёт идёт от padding-box (36 px, без двух рамок по 1 px), поэтому −4,
 * а не −3: 36 + 8 = 44. Проверено замером, не расчётом.
 */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle::before {
	content: "";
	position: absolute;
	inset-block: -4px;
	inset-inline: 0;
}

/*
 * Наведение и раскрытое состояние — заливка #F6F4F1 и текст #6E5418.
 * ⚠ Рамка при этом НЕ темнеет, и это правка от 25.08.2026 (третий заход).
 * Раньше она уходила в #6E5418. С тех пор как список приклеен к кнопке,
 * рамка — это контур ОДНОЙ фигуры из двух ярусов, а список виден ровно
 * тогда, когда кнопка раскрыта: темнела бы только верхняя половина контура,
 * и шов между ярусами стало бы видно. Обратной связи хватает заливки и
 * цвета текста (7,13 : 1).
 */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle:hover,
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle[aria-expanded="true"] {
	background: #f6f4f1;
	color: #6e5418;
}

/*
 * Раскрыто — кнопка перестаёт быть отдельным прямоугольником и становится
 * ГОЛОВОЙ фигуры: нижние углы распрямляются, нижняя рамка сливается с верхней
 * рамкой панели в одну линию. Углы названы физически (bottom-left/right)
 * намеренно: «низ» одинаков в RTL и LTR, зеркалить тут нечего.
 */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle[aria-expanded="true"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle:focus-visible {
	outline: 2px solid #8a6a1f;
	outline-offset: 2px;
}

/* Флаг: 18 × 12, без скругления — второго радиуса на проекте нет. */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item img.wpml-ls-flag {
	display: block;
	flex: 0 0 auto;
	width: 1.125rem;
	height: 0.75rem;
	margin: 0;
	border-radius: 0;
	outline: 1px solid #e3dfd9;
}

/* Отступы WPML между флагом и подписью снимаем — расстояние задаёт gap. */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item .wpml-ls-flag + span {
	margin-inline: 0;
	margin-left: 0;
	margin-right: 0;
}

/*
 * Код языка — И НА КНОПКЕ, И В СПИСКЕ (правка 25.08.2026, третий заход).
 * Было вперемешку: на кнопке «HE», в пункте «Русский». Илья посмотрел с
 * телефона и назвал это случайностью — он прав, это две разные системы
 * подписи в одном элементе. Выбран код в обоих местах, и вот почему:
 *   1. обратный вариант (названия везде) невозможен — кнопка тогда меняет
 *      ширину при смене языка и двигает за собой всё меню панели; ради
 *      постоянной ширины код на кнопке и заводился;
 *   2. с кодом строка списка короче кнопки, поэтому панель встаёт РОВНО по
 *      габариту кнопки — тот самый дефект «список шире и налезает на меню»
 *      закрывается устройством, а не подгонкой числа;
 *   3. что это за язык, говорит флаг рядом, а полное название никуда не
 *      делось: оно остаётся в разметке, в подсказке title («עבור אל Русский»)
 *      и в доступном имени ссылки для экранного диктора.
 * ⚠ Плата названа честно: видимая подпись «RU» не входит в доступное имя
 * «עבור אל Русский» — для голосового управления (WCAG 2.5.3, вне ת"י 5568)
 * это расхождение. Атрибут ставит WPML, поменять его можно только своим JS,
 * а он на этом сайте запрещён. Разворачивается одной строкой: убрать
 * font-size: 0 у пунктов списка.
 *
 * Язык, которого нет в перечне ниже, покажет своё название как есть —
 * вёрстка не сломается, панель просто станет шире кнопки.
 */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-he > a > span.wpml-ls-native,
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-ru > a > span.wpml-ls-native,
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-en > a > span.wpml-ls-native,
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-ar > a > span.wpml-ls-native,
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-fr > a > span.wpml-ls-native,
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-es > a > span.wpml-ls-native {
	font-size: 0;
	line-height: 0;
}

.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a > span.wpml-ls-native::after {
	display: inline-block;
	direction: ltr;
	unicode-bidi: isolate;
	font-family: inherit;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.09em;
	line-height: 1;
	/* разрядка добавляет пустоту после последней буквы — снимаем */
	margin-inline-end: -0.09em;
}

.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-he > a > span.wpml-ls-native::after { content: "HE"; }
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-ru > a > span.wpml-ls-native::after { content: "RU"; }
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-en > a > span.wpml-ls-native::after { content: "EN"; }
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-ar > a > span.wpml-ls-native::after { content: "AR"; }
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-fr > a > span.wpml-ls-native::after { content: "FR"; }
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item.wpml-ls-item-es > a > span.wpml-ls-native::after { content: "ES"; }

/*
 * Шеврон. У WPML это абсолютный треугольник из border'ов, прижатый к краю;
 * вынимаем его в поток и делаем волосяным — той же толщины, что рамка клейма.
 * Стороны физические (right/bottom) намеренно: «вниз» одинаково вниз и в RTL,
 * и в LTR, зеркалить эту стрелку нельзя.
 */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle::after {
	content: "";
	position: static;
	display: block;
	flex: 0 0 auto;
	width: 0.4375rem;
	height: 0.4375rem;
	border: 0;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform 0.15s ease;
	/* Подтянут к коду языка: 6 px до кода против 12 px до рамки. Стрелка
	   принадлежит подписи, а не краю кнопки. */
	margin-inline-start: -0.125rem;
}

.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle[aria-expanded="true"]::after {
	transform: translateY(2px) rotate(-135deg);
}

/* -------- раскрытый список: второй ярус того же клейма -------- */

/*
 * ЧТО ПОЧИНЕНО 25.08.2026 (третий заход, замечание Ильи с живого Android:
 * «русский не спадающий список не аутентичен, у него совсем нет дизайна»).
 *
 * Было: дефолтная карточка WPML. Белый прямоугольник, тень, бледная рамка
 * #E3DFD9 (контраст к белому 1,33 : 1 — края фактически не видно), подпись
 * обычным начертанием вместо плотного кода кнопки, ширина по самой длинной
 * строке (112 px против 81 у кнопки), отбита от кнопки на 6 px. Рядом с
 * оформленной кнопкой это читалось как чужой элемент плагина, а на 390 панель
 * вылезала за габарит кнопки на 31 px и накрывала пункты меню השוואה/מועדפים.
 *
 * Стало: кнопка и список — не два прямоугольника, а ОДИН. Клеймо RGI
 * (design.md §10) раскрывается на два яруса: голова — текущий язык, залитая
 * #F6F4F1; тело — куда можно уйти, белое. Контур общий: то же золото #8A6A1F,
 * та же волосяная линия 1 px, тот же радиус 4 px и только на четырёх внешних
 * углах фигуры. Шва нет — панель наезжает на нижнюю рамку кнопки ровно на
 * 1 px, и две линии дают одну.
 *
 * ГЕОМЕТРИЯ. ⚠ Точка отсчёта у панели НЕ кнопка. В разметке WPML список —
 * СОСЕД кнопки, а не её потомок (<li><a>…</a><ul>…</ul></li>), поэтому
 * position: relative на самой кнопке к делу не относится. Ближайший
 * позиционированный предок — внешний <ul> переключателя, его padding-box и
 * есть 100 %: ровно 81 px, то есть внешний габарит кнопки. Отсюда простые
 * числа: inset-inline-start: 0 и width: 100 % дают край в край.
 * Первая раскладка считала от padding-box кнопки (79 px) и брала
 * calc(100 % + 2px) — панель выходила 83 px и вылезала по 1 px с каждой
 * стороны. Поймано замером края, глазами не видно.
 * top: calc(100 % - 1px) — чтобы верхняя рамка панели ЛЕГЛА на нижнюю рамку
 * кнопки, а не встала под неё: иначе на шве две линии вместо одной.
 * Сторона нигде не названа: в RTL это правый край, в LTR левый.
 *
 * ЗАПАС НА ТРЕТИЙ ЯЗЫК. min-width держит габарит кнопки, width: max-content
 * позволяет панели вырасти, если язык не из перечня кодов выше и показывает
 * полное название. В реальных he/ru/en/ar/fr/es max-content всегда меньше
 * кнопки, поэтому панель точно по ней.
 */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu {
	right: auto;
	left: auto;
	inset-inline-start: 0;
	inset-inline-end: auto;
	top: calc(100% - 1px);
	z-index: 2;
	/*
	 * ⛔ display: block обязателен. В rgi-typo.css с 13.08 живёт правило
	 * .rgi-lang-switcher .wpml-ls ul { display: flex } — наследство от прежнего
	 * вида «две ссылки в строку». Оно доставало и до выпадающего списка, но при
	 * двух языках в списке ровно один пункт, и заметить было нечего. На третьем
	 * языке список ложился В СТРОКУ и обрезался по max-width. Найдено проверкой
	 * с подставленными языками, а не глазами. Правило в rgi-typo.css заодно
	 * сужено до прямого потомка, здесь — страховка.
	 */
	display: block;
	gap: 0;
	/* box-sizing назван явно: min-width должен мерить рамки, а не только
	   содержимое, иначе панель снова окажется шире кнопки на две линии. */
	box-sizing: border-box;
	width: max-content;
	min-width: 100%;
	max-width: min(18rem, calc(100vw - 1.25rem));
	margin: 0;
	padding: 0;
	/* заливка наведённого пункта должна обрезаться по нижним углам фигуры */
	overflow: hidden;
	border: 1px solid #8a6a1f;
	/* скруглены только внешние углы фигуры: верхние держит кнопка */
	border-radius: 0 0 4px 4px;
	background: #fff;
	/*
	 * Тень оставлена, хотя соблазн снять её был: на 390 верхняя панель
	 * переносится в две строки, и раскрытая фигура ложится поверх живого
	 * пункта меню (замер: панель 37…83, строка меню 68…83). Там глубина —
	 * это информация «я сверху и я временно», а не украшение. Смещена вниз и
	 * поджата spread'ом, чтобы не пачкать шов и саму кнопку.
	 */
	box-shadow: 0 10px 20px -8px rgba(28, 27, 25, 0.28);
}

.rgi-lang-switcher .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu li {
	margin: 0;
	list-style: none;
}

/*
 * Разделитель между пунктами — на двух языках его не видно никогда (в списке
 * один пункт), он для третьего. Линия внутренняя, поэтому цвет линий проекта
 * #E3DFD9 (design.md §2): золото — это контур фигуры, а не её содержимое.
 */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu li + li > a.wpml-ls-link {
	border-top: 1px solid #e3dfd9;
}

/*
 * Пункт повторяет кнопку построчно: те же 0.5rem по краям и тот же gap,
 * поэтому флаг в списке встаёт ровно под флагом кнопки, а код под кодом.
 * Колонка шеврона в списке пустая — там нечего переключать.
 */
.rgi-lang-switcher .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu a.wpml-ls-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.75rem;
	padding-block: 0.25rem;
	padding-inline: 0.5rem;
	border: 0;
	background: transparent;
	color: #8a6a1f;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.rgi-lang-switcher .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu a.wpml-ls-link:hover {
	background: #f6f4f1;
	color: #6e5418;
}

.rgi-lang-switcher .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu a.wpml-ls-link:focus-visible {
	outline: 2px solid #8a6a1f;
	outline-offset: -2px;
}

/*
 * ⚠ Боковой отступ кнопки на 390 больше НЕ задаётся здесь.
 * До 25.08.2026 (вечер) тут стоял `margin-inline-start: 10px` на самом
 * переключателе. Теперь поля задаёт вся строка управления целиком
 * (секция 4, `.rgi-topbar`), иначе у переключателя отступ был бы двойной,
 * а у корзины на другом конце — никакого.
 */

@media (prefers-reduced-motion: reduce) {
	.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle,
	.rgi-lang-switcher .wpml-ls-legacy-dropdown-click li.wpml-ls-item > a.wpml-ls-item-toggle::after,
	.rgi-lang-switcher .wpml-ls-legacy-dropdown-click ul.wpml-ls-sub-menu a.wpml-ls-link {
		transition: none;
	}
}

/* ==================================================================== */
/*  3. Футер: почта вместо карты                                        */
/* ==================================================================== */

/*
 * Карта убрана из разметки (физического адреса у клиента нет — решение Ильи
 * 25.08.2026), сетка футера пересобрана 50/25/25. Осталось одно: почта —
 * единственный контакт, который можно публиковать сегодня.
 * Подчёркивание обязательно: цвет один отличать ссылку от текста не должен.
 */
.elementor a.rgi-footer-mail,
.rgi-footer-mail {
	display: inline-block;
	min-height: 2.75rem;
	padding-block: 0.5rem;
	color: #8a6a1f;
	font-size: 1rem;
	line-height: 1.5;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	word-break: break-word;
}

.elementor a.rgi-footer-mail:hover,
.elementor a.rgi-footer-mail:focus-visible {
	color: #6e5418;
}

.elementor a.rgi-footer-mail:focus-visible {
	outline: 2px solid #8a6a1f;
	outline-offset: 2px;
}


/* ==================================================================== */
/*  4. Шапка: одна строка управления, меню на бежевом                   */
/* ==================================================================== */

/*
 * Указания Ильи 25.08.2026 (вечер, кадр с Android, размечен от руки):
 *   1. поиск и корзину поднять в строку переключателя языков;
 *   2. «החשבון שלי» сделать иконкой пользователя и поставить туда же;
 *   3. пункты меню перенести ниже, на бежевый фон;
 *   4. убрать пустоту между логотипом и первым экраном.
 *
 * Что было на 390: верхняя панель занимала ТРИ строки (137 px) — язык,
 * затем текстовое меню, затем корзина с поиском; на русском четыре (172 px,
 * меню переносилось). Стало: одна строка. Замеры — в отчёте.
 *
 * СТОРОНА НИГДЕ НЕ НАЗВАНА. Порядок задан разметкой (язык · поиск · аккаунт ·
 * корзина), прижатие — `flex-start`, разрыв перед иконками —
 * `margin-inline-start: auto`. В RTL строка читается справа налево, в LTR
 * слева направо; второго набора правил для русского не понадобилось.
 */

/* -------- строка управления -------- */

.site-header .rgi-topbar > .elementor-container > .elementor-column > .elementor-widget-wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
}

/* Поля строки — по краю логотипа строкой ниже (10 px на телефоне). Задаются
   один раз на всю строку: иначе у языка отступ был бы, а у корзины на другом
   конце нет. */
@media (max-width: 767px) {
	.site-header .rgi-topbar > .elementor-container {
		padding-inline: 10px;
	}
}

/*
 * Клеймо языка отбито от соседа: на 390 между рамкой кнопки и рамкой поля
 * поиска было 8 px — столько же, сколько от шеврона до его собственной рамки,
 * и шеврон переставал читаться как часть кнопки (замечание Ильи 26.08).
 * Сторона логическая: поле поиска в обеих версиях стоит с конца строки от
 * клейма — справа в LTR, слева в RTL.
 */
.site-header .rgi-topbar .rgi-lang-switcher {
	margin-inline-end: 0.5rem;
}

/* Поиск — единственный тянущийся элемент строки. 17rem это его желаемая
   ширина; на 390 он сжимается до ~177 px и строка всё равно не переносится. */
.site-header .rgi-topbar .elementor-widget.elementor-widget-jet-search {
	flex: 0 1 17rem;
	min-width: 0;
	max-width: 100%;
}

/*
 * Разрыв строки — ОДИН, и он стоит перед поиском, а не перед аккаунтом.
 * Первая раскладка ставила его перед иконками, и на 1440 получалось так:
 * язык у края, рядом с ним поле поиска, потом 700 px пустоты, потом две
 * иконки. Лупа при этом висела посреди строки в отрыве от всего. Теперь
 * поиск, аккаунт и корзина — одна группа у противоположного конца, у
 * внешнего края только клеймо языка (и логотип строкой ниже).
 * Авто-поле по НАЧАЛУ строки: в RTL это правая сторона элемента, в LTR
 * левая — в обоих случаях сторона, обращённая к переключателю.
 */
.site-header .rgi-topbar .elementor-widget-jet-search {
	margin-inline-start: auto;
}

/* -------- три органа: аккаунт, поиск, корзина -------- */

/*
 * Иконки взяты из ОДНОГО набора — Font Awesome 5 Solid, тот самый, из
 * которого Elementor уже отдаёт лупу (`e-fas-search`) и корзину
 * (`e-fas-shopping-cart`) инлайновым SVG. Аккаунт — `fas fa-user` из того же
 * набора, выбран штатно в настройках виджета-кнопки, а не подложен картинкой.
 * Своих SVG не рисовал и второго семейства иконок на страницу не принёс.
 */
.site-header .rgi-topbar .rgi-account .elementor-button,
.site-header .rgi-topbar .jet-blocks-cart__heading-link,
.site-header .rgi-topbar .jet-search__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: #8a6a1f;
	fill: currentColor;
	text-decoration: none;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.site-header .rgi-topbar .rgi-account .elementor-button:hover,
.site-header .rgi-topbar .jet-blocks-cart__heading-link:hover,
.site-header .rgi-topbar .jet-search__submit:hover {
	background: #f6f4f1;
	color: #6e5418;
}

.site-header .rgi-topbar .rgi-account .elementor-button:focus-visible,
.site-header .rgi-topbar .jet-blocks-cart__heading-link:focus-visible,
.site-header .rgi-topbar .jet-search__submit:focus-visible {
	outline: 2px solid #8a6a1f;
	outline-offset: 2px;
}

.site-header .rgi-topbar .rgi-account .elementor-button-icon svg,
.site-header .rgi-topbar .jet-blocks-cart__icon svg,
.site-header .rgi-topbar .jet-search__submit svg {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
}

.site-header .rgi-topbar .rgi-account .elementor-button-content-wrapper {
	display: block;
}

.site-header .rgi-topbar .rgi-account .elementor-button-icon {
	margin: 0;
}

/*
 * ⚠ Подпись кнопки НЕ удалена и не заменена на aria-label — она спрятана
 * только от глаза. Доступное имя иконки берётся из настоящего текста
 * («החשבון שלי» / «Мой аккаунт»), он лежит в настройках виджета и правится
 * в админке. Так подпись не может разойтись с языком страницы и не может
 * потеряться при правке — ровно та беда, которую мы чиним в alt у товаров.
 */
.site-header .rgi-topbar .rgi-account .elementor-button-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* Корзина: у Jet иконка лежит в двух вложенных обёртках, снимаем их отступы */
.site-header .rgi-topbar .jet-blocks-cart,
.site-header .rgi-topbar .jet-blocks-cart__heading {
	margin: 0;
}

/* -------- поле поиска -------- */

/*
 * Поле осталось полем, а не свернулось в иконку: свернуть его без своего JS
 * нельзя, а пустая лупа, ведущая на «/?s=», хуже видимой строки. Чтобы поле
 * читалось полем, под ним волосяная линия цветом линий проекта — без неё на
 * телефоне это просто серая надпись посреди строки.
 */
/*
 * Рамка — на ФОРМЕ, а не на поле ввода: тогда лупа оказывается внутри
 * коробки, а не отдельным значком в стороне. Первая раскладка дала полю
 * только нижнюю линию #E3DFD9 (контраст к белому 1,33 : 1) — на кадре 1440
 * поля не было видно вовсе, а лупа висела посреди строки сама по себе.
 * Рамка и радиус взяты те же, что у полей формы входа (секция 1), — на
 * сайте уже есть один вид поля ввода, второго заводить незачем.
 */
.site-header .rgi-topbar .jet-search__form {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
	height: 2.75rem;
	border: 1px solid #e3dfd9;
	border-radius: 4px;
	background: #fff;
}

.site-header .rgi-topbar .jet-search__form:focus-within {
	border-color: #8a6a1f;
}

.site-header .rgi-topbar .jet-search__label {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	display: block;
}

.site-header .rgi-topbar .jet-search__field {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 2.625rem;
	padding-block: 0;
	padding-inline-start: 0.75rem;
	padding-inline-end: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #1c1b19;
	font-size: 0.9375rem;
	line-height: 1.2;
}

.site-header .rgi-topbar .jet-search__field::placeholder {
	color: #5e5a54;
	opacity: 1;
}

/* Кольцо фокуса рисуется вокруг всей коробки, иначе оно обрезалось бы
   рамкой формы и на поле его было бы не видно. */
.site-header .rgi-topbar .jet-search__field:focus-visible {
	outline: 2px solid #8a6a1f;
	outline-offset: -1px;
}

/* Лупа стоит ВНУТРИ коробки, поэтому свой радиус ей не нужен, а зона
   нажатия остаётся 44 px по обеим осям. */
.site-header .rgi-topbar .jet-search__submit {
	flex: 0 0 auto;
	/* ⚠ радиус ЛОГИЧЕСКИЙ: лупа стоит в конце строки, а конец строки в RTL
	   слева, в LTR справа. С физическим `0 4px 4px 0` на иврите скруглялся
	   бы не тот угол. */
	border-radius: 0;
	border-start-end-radius: 4px;
	border-end-end-radius: 4px;
}

.site-header .rgi-topbar .jet-search__submit:focus-visible {
	outline-offset: -2px;
}

/* -------- утилитарные ссылки: сравнение, избранное, оплата -------- */

/*
 * 26.08.2026, замечание Ильи: «меню должно стать одним блоком, а не двумя
 * строками».
 *
 * Что было: бежевая полоса несла ДВЕ строки — разделы сайта и под ними
 * отдельной строкой השוואה · מועדפים · תשלום (секция `rgi-service-row`).
 * На русском 1440 из-за этого под логотипом оставалось пустое бежевое поле
 * во всю левую половину, а на русском 390 три пункта переносились на две
 * строки — шапка вырастала до 284 px.
 *
 * Что стало: секции больше нет, тот же виджет стоит в белой строке
 * управления между переключателем языка и полем поиска. Бежевая полоса
 * несёт одну строку: клеймо и разделы.
 *
 * Почему именно туда, а не в один ряд с разделами: это ОРГАНЫ, а не
 * разделы, и стоят они там же, где остальные органы — поиск, аккаунт,
 * корзина. Второй довод измеримый: на русском восемь пунктов в одной строке
 * требуют 1021 px при 649 px колонки меню (замер на 1440 и 1920, контейнер
 * боксовый 1200) — в строку разделов они не помещаются ни на одной ширине.
 *
 * Иерархию несёт строка, а не украшение: белая строка — чем пользуются,
 * бежевая — куда идут. Ни нового цвета, ни разделительных линий для этого
 * не заведено.
 */

/*
 * Ниже 1025 px строка управления занята четырьмя органами целиком (замер на
 * 390: 10…380 из 390 доступных), поэтому ссылок там нет — те же три пункта
 * лежат в гамбургере: они добавлены в само меню разделов (пункты 3182, 3185,
 * 3186 на иврите и 3184, 3187, 3188 на русском).
 * Порог 1025 совпадает с порогом JetMenu («Mobile menu breakpoint» = 1024,
 * настройка плагина в админке): ровно там, где строка разделов сворачивается
 * в гамбургер, ссылки уходят под него. Ширины без своего дома не остаётся.
 */
.site-header .rgi-topbar .rgi-service-links {
	display: none;
}

@media (min-width: 1025px) {
	.site-header .rgi-topbar .rgi-service-links {
		display: block;
		/* Единственный разрыв строки. Он уехал сюда с поля поиска: у внешнего
		   края остаётся только клеймо языка, всё остальное — группой у
		   противоположного конца. Поле логическое, стороны не названы. */
		margin-inline-start: auto;
	}

	/* Разрыв теперь на ссылках, поэтому у поиска обычный интервал. Ниже
	   1025 px правило не действует, и `auto` у поиска работает как раньше. */
	.site-header .rgi-topbar .elementor-widget-jet-search {
		margin-inline-start: 1.5rem;
	}

	/*
	 * Те же три пункта в строке разделов скрыты — на десктопе они наверху.
	 * Скрываются по НОМЕРУ пункта меню, а не по порядку: порядок сломается,
	 * как только в меню добавят раздел. 3182 · 3185 · 3186 — сравнение,
	 * избранное, оплата на иврите; 3184 · 3187 · 3188 — они же на русском.
	 * ⚠ Пересоздадут эти пункты в админке — номера сменятся, и на десктопе
	 * они появятся в строке разделов дважды. Тогда поправить номера здесь.
	 */
	.site-header .elementor-widget-jet-mega-menu .jet-mega-menu-item-3182,
	.site-header .elementor-widget-jet-mega-menu .jet-mega-menu-item-3185,
	.site-header .elementor-widget-jet-mega-menu .jet-mega-menu-item-3186,
	.site-header .elementor-widget-jet-mega-menu .jet-mega-menu-item-3184,
	.site-header .elementor-widget-jet-mega-menu .jet-mega-menu-item-3187,
	.site-header .elementor-widget-jet-mega-menu .jet-mega-menu-item-3188 {
		display: none;
	}
}

/* Строка ссылок не переносится: перенос вернул бы вторую строку, из-за
   которой всё и затевалось. */
.site-header .rgi-topbar .rgi-service-links .jet-nav {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

/* Зона нажатия — 44 px по высоте, как у иконок в той же строке. */
.site-header .rgi-topbar .rgi-service-links .menu-item-link {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	white-space: nowrap;
}

.site-header .rgi-topbar .rgi-service-links .jet-nav-link-text {
	font-size: 0.9375rem;
}

/*
 * ⚠ Подпись корзины. У Jet она пустая по умолчанию, и доступным именем ссылки
 * становился её title — «View your shopping cart», ПО-АНГЛИЙСКИ на обеих
 * языковых версиях. Задал настоящую подпись в настройках виджета
 * («עגלת קניות» / «Корзина» — существующие строки сайта, названия страницы
 * корзины) и спрятал её от глаза тем же приёмом, что подпись аккаунта.
 * Текст ссылки в вычислении доступного имени старше атрибута title, так что
 * диктор теперь называет корзину на языке страницы.
 */
.site-header .rgi-topbar .jet-blocks-cart__label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* -------- гамбургер: один вид на телефоне и на планшете -------- */

/*
 * 26.08.2026. Кнопок-гамбургеров у Jet ДВЕ, и рисуют их разные компоненты:
 * до 767 px — `jet-mobile-menu__toggle` (золотой квадрат), с 768 до 1024 —
 * `jet-mega-menu-toggle` (голые чёрные полоски 36 px). Вторая до сегодняшнего
 * дня не показывалась никогда: строка разделов сворачивалась в гамбургер
 * только на телефоне. Теперь порог поднят до 1024 («Dropdown breakpoint» =
 * Tablet в настройках виджета) — иначе на планшете восемь пунктов складывались
 * в две строки, ровно тот дефект, который мы и убираем.
 *
 * Поэтому обе кнопки приводятся к одному виду. Заодно закрыта зона нажатия:
 * у телефонной было 35 px при норме 44 — замер, а не оценка на глаз.
 */
.site-header .jet-mobile-menu__toggle,
.site-header .jet-mega-menu-toggle {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	border-radius: 4px;
	background-color: #8a6a1f;
	color: #fff;
}

.site-header .jet-mobile-menu__toggle:hover,
.site-header .jet-mega-menu-toggle:hover {
	background-color: #6e5418;
}

.site-header .jet-mobile-menu__toggle:focus-visible,
.site-header .jet-mega-menu-toggle:focus-visible {
	outline: 2px solid #8a6a1f;
	outline-offset: 2px;
}

/*
 * Пункты под гамбургером: у Jet кликабельна только сама ссылка (29 px), а
 * отбивку строки даёт поле у `li` — 10 px сверху и снизу, по ним нажатие не
 * проходит. Тянем ссылку на всю строку: зона нажатия 44 px, как у иконок.
 * ⚠ Замер, а не расчёт: до правки строка выглядела на 49 px, а нажималась на 29.
 */
.site-header .jet-mobile-menu__item .mobile-link,
.site-header .jet-mega-menu--layout-dropdown .jet-mega-menu-item__link {
	display: flex;
	align-items: center;
	min-height: 2.75rem;
}

.site-header .jet-mega-menu-toggle svg,
.site-header .jet-mobile-menu__toggle svg {
	width: 1.25rem;
	height: 1.25rem;
	color: #fff;
	fill: currentColor;
}


/* ==================================================================== */
/*  5. Карточка товара: три органа доступны с клавиатуры                */
/* ==================================================================== */

/*
 * ЧТО ЧИНИМ. «Сравнить», «в избранное» и «быстрый просмотр» на витрине
 * прячет правило самого плагина JetWooBuilder
 * (assets/css/widgets/global-widgets/jet-woo-products.css, стр. 9 и 47):
 *
 *     .jet-woo-products__item .jet-woo-products-cqw-wrapper { opacity:0; visibility:hidden }
 *     .jet-woo-products__item:hover .jet-woo-products-cqw-wrapper { opacity:1; visibility:visible }
 *
 * `visibility: hidden` выбрасывает элемент из порядка табуляции — до этих трёх
 * органов нельзя было дойти клавишей Tab вовсе (проверено живыми нажатиями,
 * не программным focus()). Открытый пункт ת"י 5568 / WCAG 2.1.1.
 *
 * ПОЧЕМУ ЗДЕСЬ, А НЕ В АДМИНКЕ. Штатной настройки нет: среди 127 полей виджета
 * поля «показывать при наведении» не существует, а прячущее правило одинаково
 * во всех десяти макетах (preset-1…preset-10) — сменой макета не обходится.
 * Разрешение Ильи 26.08.2026: одна строка CSS дочерней темы, та же пара
 * свойств, что пишет сам плагин. Ни JS, ни плагина-инжектора, ни mu-plugins.
 *
 * Условие показа расширено с наведения мыши на фокус с клавиатуры. Свойства —
 * ровно те же, что у правила плагина: opacity и visibility, своего не добавляем.
 */

.jet-woo-products .jet-woo-products__item:focus-within .jet-woo-products-cqw-wrapper {
	opacity: 1;
	visibility: visible;
}

/*
 * КОЛЬЦО ФОКУСА — ВНУТРЬ БЕЛОЙ ПЛАШКИ, А НЕ НАРУЖУ.
 *
 * Общее правило сайта (rgi-palette.css) рисует кольцо снаружи: 2 px #8A6A1F,
 * outline-offset: 2px. Для этих трёх органов так нельзя, и это замер, а не
 * вкус: панель висит поверх фотографии товара, то есть за кольцом оказывается
 * произвольный снимок. Замер пикселями на живой витрине (24 точки по периметру
 * каждого органа) дал контраст кольца к фону от 1,08 : 1 до 5,05 : 1 —
 * 26 точек из 72 ниже нормы 3 : 1. На светлом снимке кольцо видно, на среднем
 * сером оно исчезает.
 *
 * Поэтому кольцо уводим внутрь собственной белой плашки органа
 * (.jet-*-button__plane, #FFFFFF на всю площадь ссылки): золото #8A6A1F на
 * белом даёт 5,05 : 1 в каждой из 72 точек и не зависит от того, какое фото
 * подставит товаровед. Цвет и толщина кольца те же, что на всём сайте, —
 * меняется только сторона.
 *
 * outline-offset: -6px — это 4 px белого поля между кольцом и краем плашки и
 * 6 px до подписи. Меньший отступ (-3px) оставлял между кольцом и фотографией
 * полоску в 1 px, то есть возвращал ту же задачу.
 *
 * Толщина, цвет и отступ заданы и в покое (при outline-style: none кольца не
 * видно): иначе плавный переход темы анимирует outline-offset от 0 к -6, и
 * первые 0,3 с кольцо едет по фотографии.
 */

.jet-woo-products .jet-woo-products-cqw-wrapper .jet-compare-button__link,
.jet-woo-products .jet-woo-products-cqw-wrapper .jet-wishlist-button__link,
.jet-woo-products .jet-woo-products-cqw-wrapper .jet-quickview-button {
	outline: 2px none #8a6a1f;
	outline-offset: -6px;
}

.jet-woo-products .jet-woo-products-cqw-wrapper .jet-compare-button__link:focus-visible,
.jet-woo-products .jet-woo-products-cqw-wrapper .jet-wishlist-button__link:focus-visible,
.jet-woo-products .jet-woo-products-cqw-wrapper .jet-quickview-button:focus-visible {
	outline-style: solid;
}