/**
 * Altero — арабская версия (RTL). Подключается только при is_rtl().
 *
 * Подход: текст читается справа налево, а композиции с фото (бутылки,
 * руки, фоны) остаются как в RU/EN — фото с этикетками не зеркалим.
 */

/* ---------- Шрифты: арабские буквы под теми же именами семейств ----------
 * Арабские файлы подключены под именами фирменных семейств, браузер берёт их только для
 * символов из unicode-range: арабские буквы, а также цифры и знаки при них (% + , - . / :) —
 * чтобы «100 غ», «1.1», телефон были тем же шрифтом и жирностью, что арабский текст вокруг.
 * Латиница остаётся в фирменных Forum / Golos / Ramillas / Univers.
 *
 * Жирность у арабского файла — РОВНО такая же, как у фирменного (Bricks объявляет одиночные
 * 300/400). Браузер сначала выбирает одно начертание по жирности и только внутри него делит
 * символы по unicode-range: при диапазоне «100 450» против «400» он брал одно из двух —
 * арабский текст уходил в системный шрифт, а латиница в Forum — в системный с засечками.
 * Для жирностей, которых в Bricks нет (Golos 500, Ramillas 700), фирменный файл
 * (вариативный) объявлен здесь же — пара должна быть полной.
 * Используемые на сайте сочетания: Forum 400, Golos 400/500, Ramillas 300/400/700, Univers 400.
 *
 * El Messiri — заголовки, IBM Plex Sans Arabic — текст. Лицензия OFL.
 */
@font-face { font-family: "Forum"; src: url("../fonts/arabic/ElMessiri-Arabic.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0025, U+002B-003A, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Ramillas"; src: url("../fonts/arabic/ElMessiri-Arabic.woff2") format("woff2"); font-weight: 300; font-display: swap; unicode-range: U+0025, U+002B-003A, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Ramillas"; src: url("../fonts/arabic/ElMessiri-Arabic.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0025, U+002B-003A, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Ramillas"; src: url("../fonts/arabic/ElMessiri-Arabic.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0025, U+002B-003A, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Ramillas"; src: url("../../../../uploads/2026/09/TT-Ramillas-Variable-Roman.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Golos"; src: url("../fonts/arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0025, U+002B-003A, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Golos"; src: url("../fonts/arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; unicode-range: U+0025, U+002B-003A, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Golos"; src: url("../../../../uploads/2026/09/GolosText-VariableFont_wght.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Golos"; src: url("../fonts/arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; unicode-range: U+0025, U+002B-003A, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Golos"; src: url("../../../../uploads/2026/09/GolosText-VariableFont_wght.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "UniversLT"; src: url("../fonts/arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0025, U+002B-003A, U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }

/* ---------- Композиции как в RU/EN, текст — справа налево ---------- */
html[dir="rtl"] body,
html[dir="rtl"] #brx-header,
html[dir="rtl"] #brx-content,
html[dir="rtl"] #brx-footer,
html[dir="rtl"] .brxe-section,
html[dir="rtl"] .brxe-container,
html[dir="rtl"] .brxe-block,
html[dir="rtl"] .brxe-div {
	direction: ltr;
}

html[dir="rtl"] :is(.brxe-heading, .brxe-text, .brxe-text-basic, .brxe-text-link, .brxe-button, .brxe-form, .brxe-post-content, p, li) {
	direction: rtl;
	unicode-bidi: isolate;
}

/* Поля e-mail и телефона: подсказка на арабском — справа налево,
   введённые латиница и цифры — слева направо (направление по содержимому) */
html[dir="rtl"] .brxe-form :is(input[type="email"], input[type="tel"]) {
	unicode-bidi: plaintext;
	text-align: right;
}

/* ---------- Типографика арабского ----------
 * Разрядка рвёт связное письмо — обнуляем везде.
 * Арабский при том же кегле выглядит мельче и требует большего интерлиньяжа.
 */
html[dir="rtl"] * {
	letter-spacing: 0 !important;
}

/* Абзацы */
html[dir="rtl"] :is(p, .brxe-text, .brxe-post-content) {
	line-height: 1.7;
}

/* Заголовки и короткие подписи (часть крупных заголовков сделана элементом text-basic) */
html[dir="rtl"] :is(h1, h2, h3, .brxe-heading, .brxe-text-basic) {
	line-height: 1.3;
}

/* Раскрытое меню, заголовки колонок «الأقسام» / «المنتجات»: в RU их отличают
   прописные и разрядка, в арабском этого нет — отличаем жирностью и серым цветом,
   иначе они читаются как ещё один пункт меню */
html[dir="rtl"] .ofc-menu__title {
	font-weight: 700;
	color: #8a8580;
	margin-bottom: 0.35em;
}

/* Коллекция: арабские подписи у названия масла нарисованы с увеличенным интервалом
   (по просьбе рецензента), поэтому сами картинки на ~13% выше. Высоту элемента
   поднимаем на столько же, поровну вверх и вниз, — буквы остаются прежнего размера */
html[dir="rtl"] .brxe-jqjefk .brxe-fzyohm.brxe-svg {
	height: 113%;
	top: -6.5%;
}
/* на десктопе подпись стоит у самого верха слайда — вверх нельзя, обрезает лента
   слайдера; растёт только вниз */
@media (min-width: 768px) {
	html[dir="rtl"] .brxe-jqjefk .brxe-fzyohm.brxe-svg { top: 0; }
}

/* Главная, первый экран: блок заголовка шириной по тексту и слева, как в RU —
   иначе текст, прижатый вправо в блоке на 50% ширины, заходит под рисунок */
html[dir="rtl"] #brxe-orpvdl {
	width: max-content;
	max-width: 100%;
	align-self: flex-start;
}

/* Слайдеры (Splide) справа налево: «назад» — у правого края, «вперёд» — у левого,
   иконки зеркалим. Без этого обе стрелки съезжают вправо и накладываются */
html[dir="rtl"] .splide__arrows--rtl .splide__arrow--prev {
	left: auto !important;
	right: var(--gutter) !important;
}
html[dir="rtl"] .splide__arrows--rtl .splide__arrow--next {
	right: auto !important;
	left: var(--gutter) !important;
}
html[dir="rtl"] .splide__arrows--rtl .splide__arrow svg,
html[dir="rtl"] .splide__arrows--rtl .splide__arrow img {
	transform: scaleX(-1);
}

/* Коллекция, окно «Состав»: заголовки и подписи — по правому краю */
html[dir="rtl"] .collection-slider__compound :is(.brxe-heading, .brxe-text-basic, .brxe-text, p) {
	align-self: stretch;
	text-align: right;
}
/* …и порядок внутри окна справа налево: «رجوع» справа, пищевая ценность начинается с «الطاقة» */
html[dir="rtl"] .collection-slider__compound,
html[dir="rtl"] .collection-slider__compound :is(.brxe-block, .brxe-div) {
	direction: rtl;
}

/* Внешние стрелки слайдеров (x-slider-control): «вперёд» слева и указывает влево,
   «назад» справа и указывает вправо — стрелка показывает направление движения по ленте */
html[dir="rtl"] :has(> .x-slider-control > .x-slider-control_nav) {
	flex-direction: row-reverse;
}
/* Полоски-пагинация: активная двигается справа налево вместе с лентой */
html[dir="rtl"] .x-slider-control_pagination {
	flex-direction: row-reverse;
}
html[dir="rtl"] .x-slider-control_nav svg,
html[dir="rtl"] .x-slider-control_nav img {
	transform: scaleX(-1);
}

/* Пользовательское соглашение: заголовок по правому краю, как текст */
html[dir="rtl"] #brxe-agr0ti {
	align-self: stretch;
	text-align: right;
}

/* Межстрочный для арабского (замечание рецензента): в Bricks стоят 1.05–1.3 под латиницу,
   арабскому с огласовками тесно. Текст — как описание товара (1.7), заголовки в 2 строки — 1.45. */
html[dir="rtl"] #brxe-rdzkpz { line-height: 1.7; }
html[dir="rtl"] .brxe-diiuhe, html[dir="rtl"] .brxe-suwlru, html[dir="rtl"] #brxe-nf0txt { line-height: 1.6; }
html[dir="rtl"] #brxe-orpvdl, html[dir="rtl"] #brxe-bqyaxx, html[dir="rtl"] #brxe-vwuzed { line-height: 1.45; }