/* =============================================================
   iStudio — RTL + Hebrew layer
   Подключается ТОЛЬКО на /he/ страницах, ПОСЛЕ main.css / pages.css.
   НИЧЕГО не меняет в глобальных стилях: всё ограничено html[dir="rtl"].
   ============================================================= */

/* ---- Ивритская премиальная пара шрифтов ----
   Frank Ruhl Libre — дисплейный засечный (зеркалит Cormorant),
   Heebo — текстовый гротеск (вместо Manrope).
   Переопределяем CSS-переменные только в RTL-контексте. */
html[dir="rtl"] {
  --font-display: "Frank Ruhl Libre", "Cormorant Garamond", Georgia, serif;
  --font-body: "Heebo", "Manrope", system-ui, sans-serif;
  --font: "Heebo", "Manrope", system-ui, sans-serif;
}

html[dir="rtl"] body {
  font-family: "Heebo", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .tag {
  font-family: "Frank Ruhl Libre", "Cormorant Garamond", Georgia, serif;
}

/* Бренд «iStudio» остаётся латинским дисплейным шрифтом */
html[dir="rtl"] .logo {
  font-family: "Cormorant Garamond", Georgia, serif;
}

/* ---- Bidi: латиница и цифры внутри ивритского текста ----
   Класс .ltr и обёртки для телефона/ника, чтобы порядок символов
   (+972…, @istudio_pm, iStudio, VECTUS, ₪) не «переворачивался». */
.ltr {
  direction: ltr;
  unicode-bidi: isolate;
}
html[dir="rtl"] a[href^="tel:"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* ---- Форма: подписи и поля по правому краю в RTL ---- */
html[dir="rtl"] .field label,
html[dir="rtl"] input,
html[dir="rtl"] textarea {
  text-align: right;
}

/* ---- Калькулятор /he/laser/ (стили calculator.css не трогаем) ----
   Сегментная «пилюля» в calculator.css спозиционирована под LTR
   (left:4px + translateX(100%)). В RTL grid-колонки идут справа-налево,
   поэтому пилюлю якорим справа и инвертируем сдвиг — чтобы золотая
   подложка совпадала с активной кнопкой. */
html[dir="rtl"] .segment::before { left: auto; right: 4px; }
html[dir="rtl"] .segment[data-active="1"]::before { transform: translateX(calc(-100% - 0px)); }

/* Текст карточек-пакетов по правому краю в RTL */
html[dir="rtl"] .pkg-card { text-align: right; }

/* Разделитель между интро и картой калькулятора — на правую сторону в RTL */
@media (min-width: 901px) {
  html[dir="rtl"] .calc-card { border-left: 0; border-right: 1px solid var(--line-soft); }
}

/* Чип на фото VECTUS — в правый нижний угол в RTL */
html[dir="rtl"] .vs-photo .vs-chip { left: auto; right: 14px; }