/* ============================================================
   JAPAN FOR MUSLIMS — RTL refinements
   The base (system.css + site.css) is already RTL-correct via CSS logical
   properties and html[dir="rtl"] rules. This sheet only handles the few cases
   logical properties can't express: physical directional icons, the Leaflet
   attribution, and Arabic numeral/letter-spacing tuning.
   Loaded only when is_rtl() is true.
   ============================================================ */

/* Arabic webfont swap is in system.css; reinforce body rhythm here. */
html[dir="rtl"] body { letter-spacing: 0; }

/* Breadcrumb / arrow glyphs that are physically directional. */
html[dir="rtl"] .breadcrumb .sep,
html[dir="rtl"] .arw { transform: scaleX(-1); }
html[dir="rtl"] .btn:hover .arw,
html[dir="rtl"] .tlink:hover .arw { transform: scaleX(-1) translateX(3px); }

/* Day-by-day timeline marker stays centred; nothing to mirror, but the
   inline-start border on the article TOC is handled by logical props already. */

/* Leaflet controls sit on the correct side and read LTR (map data is LTR). */
html[dir="rtl"] .leaflet-control-container { direction: ltr; }
html[dir="rtl"] .map-canvas .leaflet-popup-content { direction: rtl; text-align: right; }

/* Select chevron position already flips in system.css; ensure search icon pad. */
html[dir="rtl"] .search-wrap .input { padding-inline-start: 46px; }

/* Trip-planner progress bar fills from the inline-start edge in both dirs. */
html[dir="rtl"] .pl-prog span { margin-inline-start: 0; }