/* ==========================================================================
   GOPEX — right-to-left overrides (Arabic pages only)
   Loaded on pages that carry <html dir="rtl">.
   ========================================================================== */

html[dir="rtl"] body {
  font-family: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Noto Kufi Arabic", "Geeza Pro",
    "Dubai", Arial, sans-serif;
  line-height: 1.75;
  text-align: right;
}

/* Arabic must stay connected: cancel negative/expanded tracking */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .product-card .meta,
html[dir="rtl"] .trust-item span,
html[dir="rtl"] .footer-brand p { letter-spacing: 0; }

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 { line-height: 1.32; }

html[dir="rtl"] .hero-copy h1 { line-height: 1.28; }

/* phone numbers, e-mail and IDs must keep their left-to-right order */
html[dir="rtl"] .v,
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href^="skype:"] {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: right;
}

/* nav underline grows from the reading start */
html[dir="rtl"] .nav a::after { left: auto; right: 0; transform-origin: right; }

/* hero badge */
html[dir="rtl"] .hero-badge { left: auto; right: -22px; }

/* trust strip separators */
html[dir="rtl"] .trust-item { border-left: 0; border-right: 1px solid var(--line); }
html[dir="rtl"] .trust-item:first-child {
  border-right: 0;
  padding-right: 0;
  padding-left: 24px;
}

/* spec tables read right to left */
html[dir="rtl"] .spec-table th,
html[dir="rtl"] .spec-table td { text-align: right; }

/* article bullets */
html[dir="rtl"] .article li { padding-left: 0; padding-right: 18px; }
html[dir="rtl"] .article li::before { left: auto; right: 0; }
html[dir="rtl"] .article .check-list li { padding-right: 0; }

/* arrows point the other way */
html[dir="rtl"] .arrow { transform: scaleX(-1); }

/* decorative glow */
html[dir="rtl"] .cta-band::after { right: auto; left: -120px; }

@media (max-width: 900px) {
  html[dir="rtl"] .hero-badge { left: auto; right: 16px; }
  html[dir="rtl"] .trust-item:nth-child(3) {
    border-right: 0;
    padding-right: 0;
    padding-left: 24px;
  }
}