/* V03-I Arabic (RTL) corrections, owner review 9 Nov 2026 ("RTL broken site-wide: icons, pills, text, titles").
   Source: tools/publishing/visual/r049/rtl.css, served as /r049/rtl.css. Linked ONLY on Arabic pages by
   tools/publishing/visibility/rtl_v03.mjs, just before /r049/layout.css, so every later /r049 worker stylesheet (history, stones,
   consistency, ...) still wins a tie. Every rule is scoped to html[dir="rtl"]; rules carry no !important, so a later,
   targeted fix of another worker wins.
   Nothing here changes the English, Greek or French pages. */

/* 1. ElementsKit section titles that stayed LEFT in Arabic (text_left classes) are mirrored by V03-G (/r049/consistency.css §3, same
      per-breakpoint logic); not repeated here. */

/* 2. Breadcrumb chevrons (stone pages, guides, glossary, data). The chevron is drawn with LOGICAL borders (block-start + inline-end),
      which already mirror in RTL, and the R022 rule then rotated it a second time (-135deg), so Arabic crumbs pointed DOWN.
      -45deg on the mirrored corner gives the "<" that leads the eye right-to-left. (Root cause: platform/public/r022/pilot.css:22.) */
html[dir="rtl"] .psg-crumbs li + li::before { transform: rotate(-45deg); }

/* 3. Direction-bearing icons point the reading way: the round "next" arrows of the Stones and Materials lists, the stone-page key-fact
      arrows and the delivery trucks pointed right (away from the Arabic text they introduce). Symmetric icons are left alone. */
html[dir="rtl"] :is(.fa-arrow-alt-circle-right, .icon-truck-2, .psg-ico--arrow, .psg-ico--truck) svg { transform: scaleX(-1); }

/* 4. E-mail addresses read left-to-right as one unit. procurement@ is split into two no-break spans for wrapping, and RTL reordered
      them into "phoenicianstone.net@procurement" (phone) and "@procurement" (desktop). Only the address links (.psg-mailto): the
      Arabic "راسلونا بالبريد الإلكتروني" buttons are mailto links too and stay RTL. */
html[dir="rtl"] a.psg-mailto[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }

/* 5. Elementor counters (About statistics, Home history cards): number and suffix as one LTR unit, "20+" like the Home statistics
      ("40+"), not "+20". */
html[dir="rtl"] .elementor-counter .elementor-counter-number-wrapper { direction: ltr; }

/* 6. English quotations marked lang="en" dir="ltr" by rtl_v03.mjs (article titles, quoted sources, citations): when such an element
      is a block (a related-reading link, a table cell wrapper) it keeps the column's alignment instead of jumping to the left. */
html[dir="rtl"] :is(a, strong, b, em, cite, small, span, code)[lang="en"][dir="ltr"] { text-align: -webkit-match-parent; text-align: match-parent; }

/* 7. Home ticker (Elementor image carousel 40c879f8): its five labels were PNG images with English words baked in ("Limestone",
      "Calcium Carbonate", ...). rtl_v03.mjs replaces each image with the same box holding the Arabic term; this draws the box exactly
      like the image (same 1133:267 proportion, 1 px border and 8 px radius from Elementor's .swiper-slide-image rule). */
html[dir="rtl"] .elementor-widget-image-carousel .swiper-slide-inner:has(> .psg-rtl-chip) { container-type: inline-size; }
html[dir="rtl"] .elementor-widget-image-carousel .swiper-slide-image.psg-rtl-chip {
  display: flex; align-items: center; justify-content: center; box-sizing: border-box; inline-size: 100%; aspect-ratio: 1133 / 267;
  padding: 0 6%; color: #cbcbcb; font-family: Inter, "Segoe UI", Tahoma, sans-serif; font-weight: 500; line-height: 1;
  font-size: clamp(12px, 10.5cqi, 17px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; user-select: none;
}

/* 8. Language menu: the "current language" tick is drawn with logical borders (block-end + inline-end) and rotated 45deg; in RTL the
      logical border moves to the left, so the tick read "<". Mirror the box back BEFORE the rotation: the same check mark as EN. */
html[dir="rtl"] .psg-lang-tick { transform: rotate(45deg) translateY(-2px) scaleX(-1); }

/* 9. V03-K4 (final review): an English quotation that is a whole list item (the USGS sentences on the minerals data page) is an
      English item (lang="en" dir="ltr" on the <li>, rtl_v03.mjs 5e): it reads left-aligned; room on its left for its bullet,
      which now sits on the English side. */
html[dir="rtl"] :is(ul, ol) > li[lang="en"][dir="ltr"] { margin-inline-start: 1.25em; }