/* ===================================================================
   Skyharbor — RTL (арабский).
   Подключается только при is_rtl() (см. skyharbor_assets()).
   Здесь только направленные (лево/право) переопределения — цвета и
   раскладка берутся из основного style.css. Флекс-строки (hero-колонки,
   пункты списков) разворачиваются автоматически по dir="rtl".
   =================================================================== */

/* ===== Арабский шрифт + отмена letter-spacing =====
   letter-spacing разрывает арабскую вязь на отдельные буквы, поэтому
   сбрасываем его на normal везде, где в LTR-теме заданы трекинги. */
body {
  font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
}
body,
.site-logo .site-logo__text,
.nav__link,
.nav .menu-item > a,
.nav__link--parent,
.nav__sublink,
.nav .sub-menu .menu-item > a,
.wp-block-button__link,
.btn,
.hero-section h1,
.hero-section h2,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.page-header__title,
.entry-content .wp-block-table th,
.table th {
  letter-spacing: normal;
}

/* ===== Skip-link ===== */
.skip-link {
  left: auto;
  right: -9999px;
}
.skip-link:focus {
  left: auto;
  right: 8px;
}

/* ===== Выпадающее меню (десктоп) — прижать к правому краю ===== */
.nav__sub,
.nav .sub-menu {
  left: auto;
  right: 0;
}

/* каретка ▾ у пунктов с подменю — отступ с другой стороны */
.nav .menu-item-has-children > a::after {
  margin-left: 0;
  margin-right: 7px;
}

/* ===== Списки контента — маркеры/цифры справа ===== */
.entry-content ol:not(.is-style-plain),
.entry-content ul:not(.is-style-plain) {
  padding-left: 0;
  padding-right: 20px;
}
.entry-content ol.is-style-plain,
.entry-content ul.is-style-plain {
  padding-left: 0;
  padding-right: 40px;
}

/* ===== Hero: градиент-подложка непрозрачной стороной вправо ===== */
.hero-section .wp-block-cover__background {
  background: linear-gradient(
    270deg,
    rgba(232, 245, 255, 0.96) 0%,
    rgba(232, 245, 255, 0.86) 45%,
    rgba(232, 245, 255, 0.5) 100%
  ) !important;
}

/* ===== Мобильное меню ===== */
@media (max-width: 992px) {
  .nav-toggle {
    margin-left: 0;
    margin-right: auto;
  }
  .nav__sublink,
  .nav .sub-menu .menu-item > a {
    padding: 14px 38px 14px 20px;
  }
}