/*
 * Glory B2B Theme (Chennoo) — RTL overrides.
 *
 * WordPress loads this file automatically (instead of appending to the main
 * stylesheet) when the active language is right-to-left (is_rtl()), e.g.
 * Arabic. assets/css/main.css is written with physical directions
 * (margin-left, padding-left, left, text-align: left) and no logical
 * properties, so the rules below mirror every directional declaration.
 * Flexbox rows and CSS grids follow the document direction on their own;
 * only explicit physical offsets/alignment need mirroring here.
 */

/* ---------- Header / navigation ---------- */
.site-nav { margin-left: 0; margin-right: auto; }
.nav-toggle { margin-left: 0; margin-right: auto; }
/* On desktop the switcher simply follows the nav in flow; only the mobile
   margin-left:auto from main.css needs mirroring. */
@media (max-width: 720px) {
  .gb2b-lang-switcher { margin-left: 0; margin-right: auto; }
}

/* ---------- Hero checklist ticks (dot on the inline-start side) ---------- */
.hero__points li { padding-left: 0; padding-right: 1.3rem; }
.hero__points li::before { left: auto; right: 0; }

/* ---------- Cards ---------- */
.badge--demo { left: auto; right: 0.6rem; }

/* ---------- Tables (product facts / specs) ---------- */
.fact-table th, .spec-table th { text-align: right; }

/* ---------- Screen-reader / honeypot off-screen positions ---------- */
.rfq-hp { left: auto; right: -9999px; }

/* ---------- Arabic typography fixes ---------- */
/* Letter-spacing breaks the joining of Arabic script — disable it where
   main.css applies it for Latin uppercase labels. text-transform has no
   effect on Arabic, but is disabled as well for clarity. */
.eyebrow, .badge--demo { letter-spacing: 0; text-transform: none; }

/* Contact details and form fields that are typed in Latin script
   (email, phone, URLs) keep LTR entry direction inside RTL pages. */
.rfq-field input[type="email"],
.rfq-field input[type="url"],
.rfq-field input[type="tel"] { direction: ltr; text-align: left; }
.topbar__contacts a, .topbar__contacts span { unicode-bidi: plaintext; }

/* Product grids, term grids, steps, buyer cards and the footer grid use
   flex/grid layouts whose order follows dir="rtl" automatically, and the
   remaining margins in main.css are symmetric (post cards) or auto-centered
   (containers, pagination), so they need no overrides. */