/* Shopini Global 3.1.6-os-seo.5 — Arabic/RTL parity layer
 * Loaded only for the Arabic version and after all legacy/theme layers.
 * Goal: same visual system as FR/EN, mirrored naturally for RTL rather than
 * merely applying direction:rtl to LTR geometry.
 */
html[dir="rtl"] {
  direction: rtl;
}

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

/* Arabic typography: preserve the same hierarchy without Latin tracking. */
html[dir="rtl"] :where(h1,h2,h3,h4,h5,h6,p,li,a,button,summary,strong,small,span) {
  letter-spacing: 0 !important;
}

html[dir="rtl"] :where(.sv31-eyebrow,.shopini-kicker,.shopini-solutions-v312__eyebrow,.sg30-eyebrow) {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Keep brand/product names visually stable inside Arabic sentences. */
html[dir="rtl"] :where(.shopini-global-logo,.shopini-wordmark,.sv31-brand-mark,.shopini-solution-brand,.shopini-nav__mega-logo) {
  direction: ltr;
}

/* Header / navigation ------------------------------------------------- */
html[dir="rtl"] .shopini-header__inner,
html[dir="rtl"] .shopini-header__navigation,
html[dir="rtl"] .shopini-header__nav,
html[dir="rtl"] .shopini-nav__list,
html[dir="rtl"] .shopini-header__actions {
  direction: rtl;
}

html[dir="rtl"] .shopini-nav__submenu {
  right: 0;
  left: auto;
  text-align: right;
}

html[dir="rtl"] .shopini-nav__mega-copy,
html[dir="rtl"] .shopini-lang-menu__panel,
html[dir="rtl"] .shopini-lang-menu__panel a {
  text-align: right;
}

/* Home --------------------------------------------------------------- */
html[dir="rtl"] .shopini-v31-home,
html[dir="rtl"] .sv31-hero__copy,
html[dir="rtl"] .sv31-section-head,
html[dir="rtl"] .sv31-product-card,
html[dir="rtl"] .sv313-section-head,
html[dir="rtl"] .sv313-comparison__panel,
html[dir="rtl"] .sv313-testimonial,
html[dir="rtl"] .sv313-faq,
html[dir="rtl"] .sv31-final__box {
  text-align: right;
}

html[dir="rtl"] .sv31-hero h1 {
  max-width: 760px;
  font-size: clamp(48px, 5.9vw, 78px);
  line-height: 1.12;
  letter-spacing: 0 !important;
}

html[dir="rtl"] .sv31-hero__subtitle {
  line-height: 1.34;
  letter-spacing: 0 !important;
}

html[dir="rtl"] .sv31-hero__text {
  line-height: 1.9;
}

html[dir="rtl"] .sv31-section-head h2,
html[dir="rtl"] .sv313-section-head h2,
html[dir="rtl"] .sv31-mission__copy h2,
html[dir="rtl"] .sv31-final h2 {
  line-height: 1.22;
  letter-spacing: 0 !important;
}

html[dir="rtl"] .sv31-actions,
html[dir="rtl"] .sv313-hero-proof,
html[dir="rtl"] .sv31-product-card__links {
  direction: rtl;
}

html[dir="rtl"] .sv313-hero-proof em::before {
  margin-right: 0;
  margin-left: 9px;
}

html[dir="rtl"] .sv31-product-grid {
  direction: rtl;
}

html[dir="rtl"] .sv31-product-card h3 {
  line-height: 1.3;
}

html[dir="rtl"] .sv31-product-card p {
  line-height: 1.75;
}

/* Mirror comparison bullets/checkmarks. */
html[dir="rtl"] .sv313-comparison__panel li {
  padding: 13px 42px 13px 14px;
}

html[dir="rtl"] .sv313-comparison__panel li::before {
  right: 14px;
  left: auto;
}

/* Mirror the editorial mission artwork, not the content hierarchy. */
html[dir="rtl"] .sv31-mission__art::before {
  right: -75px;
  left: auto;
  transform: scaleX(-1);
}

html[dir="rtl"] .sv31-mission__art span {
  right: auto;
  left: 48px;
  text-align: right;
  line-height: 1.35;
}

html[dir="rtl"] .sv313-testimonial blockquote,
html[dir="rtl"] .sv313-testimonial figcaption,
html[dir="rtl"] .sv313-faq summary,
html[dir="rtl"] .sv313-faq details p {
  text-align: right;
}

/* Solutions hub ------------------------------------------------------ */
html[dir="rtl"] .shopini-solutions-v312__hero,
html[dir="rtl"] .shopini-solutions-v312__card {
  text-align: right;
}

html[dir="rtl"] .shopini-solutions-v312__hero h1 {
  line-height: 1.15;
  letter-spacing: 0 !important;
}

html[dir="rtl"] .shopini-solutions-v312__lead {
  line-height: 1.9;
}

html[dir="rtl"] .shopini-solutions-v312__card h2 {
  line-height: 1.35;
  letter-spacing: 0 !important;
}

html[dir="rtl"] .shopini-solutions-v312__arrow {
  transform: scaleX(-1);
}

/* Product / solution detail pages ----------------------------------- */
html[dir="rtl"] .shopini-solution,
html[dir="rtl"] .shopini-solution-hero__copy,
html[dir="rtl"] .shopini-solution-feature,
html[dir="rtl"] .shopini-solution-step,
html[dir="rtl"] .shopini-solution-connections__copy,
html[dir="rtl"] .shopini-solution-seo,
html[dir="rtl"] .shopini-solution-faq {
  text-align: right;
}

html[dir="rtl"] .shopini-solution-hero h1 {
  line-height: 1.15;
  letter-spacing: 0 !important;
}

html[dir="rtl"] .shopini-solution-hero__lead,
html[dir="rtl"] .shopini-solution-seo__intro p,
html[dir="rtl"] .shopini-solution-feature p,
html[dir="rtl"] .shopini-solution-step p,
html[dir="rtl"] .shopini-solution-connections__copy p,
html[dir="rtl"] .shopini-solution-faq details p {
  line-height: 1.85;
}

html[dir="rtl"] .shopini-section-heading:not(.shopini-section-heading--center) {
  text-align: right;
}

html[dir="rtl"] .shopini-section-heading--center {
  text-align: center;
}

html[dir="rtl"] .shopini-section-heading h2,
html[dir="rtl"] .shopini-solution-seo__intro h2,
html[dir="rtl"] .shopini-solution-seo__columns h3,
html[dir="rtl"] .shopini-solution-feature h3,
html[dir="rtl"] .shopini-solution-step h3,
html[dir="rtl"] .shopini-solution-connections__copy h2 {
  letter-spacing: 0 !important;
  line-height: 1.3;
}

html[dir="rtl"] .shopini-solution-switcher__inner {
  direction: rtl;
}

html[dir="rtl"] .shopini-solution-switcher a + a {
  border-left: 0;
}

html[dir="rtl"] .shopini-solution-seo__columns ul {
  padding-left: 0;
  padding-right: 20px;
}

html[dir="rtl"] .shopini-solution-connections__cards a {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .shopini-solution-connections__cards a:hover {
  transform: translateX(-3px);
}

html[dir="rtl"] .shopini-solution-connections__cards i {
  display: inline-block;
  transform: scaleX(-1);
}

html[dir="rtl"] .shopini-solution-faq summary {
  text-align: right;
}

/* V3.0 institutional/docs/pricing pages ------------------------------ */
html[dir="rtl"] .shopini-global-v30,
html[dir="rtl"] .sg30-page-hero,
html[dir="rtl"] .sg30-heading,
html[dir="rtl"] .sg30-product-card,
html[dir="rtl"] .sg30-three article,
html[dir="rtl"] .sg30-docs-grid article,
html[dir="rtl"] .sg313-pricing {
  text-align: right;
}

html[dir="rtl"] .shopini-global-v30 :where(h1,h2,h3),
html[dir="rtl"] .sg313-pricing :where(h1,h2,h3) {
  letter-spacing: 0 !important;
  line-height: 1.25;
}

html[dir="rtl"] .shopini-docs-v311__article,
html[dir="rtl"] .shopini-docs-v311__nav,
html[dir="rtl"] .shopini-docs-v311__message {
  text-align: right;
}

/* Footer -------------------------------------------------------------- */
html[dir="rtl"] .shopini-footer--global-v31,
html[dir="rtl"] .shopini-footer-v31__brand,
html[dir="rtl"] .shopini-footer-v31__contact,
html[dir="rtl"] .shopini-footer__links,
html[dir="rtl"] .shopini-footer-v31__legal {
  text-align: right;
}

/* Mobile parity: keep the same card density and 1.5-card cue in RTL. */
@media (max-width: 720px) {
  html[dir="rtl"] .sv31-hero h1 {
    font-size: clamp(40px, 11vw, 54px);
    line-height: 1.16;
  }

  html[dir="rtl"] .sv31-hero__subtitle {
    font-size: clamp(25px, 7vw, 34px);
    line-height: 1.38;
  }

  html[dir="rtl"] .sv31-product-grid {
    direction: rtl;
    scroll-padding-inline: 0;
  }

  html[dir="rtl"] .sv31-product-card {
    text-align: right;
  }

  html[dir="rtl"] .sv31-mission__art span {
    right: auto;
    left: 24px;
  }

  html[dir="rtl"] .shopini-solutions-v312__hero h1,
  html[dir="rtl"] .shopini-solution-hero h1 {
    font-size: clamp(38px, 10.5vw, 52px);
    line-height: 1.2;
  }
}