/* ============================================================
   PINK TAXI — Arabic / RTL layer (loaded only on -ar pages)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

body{font-family:'Cairo',system-ui,sans-serif; direction:rtl; text-align:right}
h1,h2,h3,h4,h5,
.btn,.eyebrow,.chip,.tag,.store-btn,.sb-lg,.priority-ribbon,
.input,.select,.textarea,.field label,.pill-opt label,
.brand .bt,.brand .bt small,.nav-links a,.lang-btn,
.faq-q,.plan .price,.istat .n,.hero-stats .num,.mini-stats .num,
.sched-head b,.plan-mini .pm-l b,.app-top h4{
  font-family:'Cairo',system-ui,sans-serif;
}

/* Arabic needs no negative tracking + a touch more leading */
h1,h2,h3,h4,h5{letter-spacing:0; line-height:1.28}
.h-display{letter-spacing:0; line-height:1.14}
.h1,.h2{letter-spacing:0; line-height:1.18}
.eyebrow{letter-spacing:.06em}
.priority-ribbon,.chip,.tag,.save-tag,.lbl,.footer h5{letter-spacing:0}

/* numbers/latin stay LTR where needed */
.mono-num,[data-count],.store-btn .sb-sm{direction:ltr; unicode-bidi:isolate}
.marquee .ml{direction:ltr}
.store-btn > span{align-items:flex-end}

/* timeline: flip to the right edge */
.timeline{padding-left:0; padding-right:34px}
.timeline::before{left:auto; right:9px}
.tl-step::before{left:auto; right:-30px}

/* misc directional tweaks */
.was{margin-left:0; margin-right:8px}
.avatars span{margin-left:0; margin-right:-10px}
.avatars span:first-child{margin-right:0}
.app-loc .locs small{letter-spacing:0}

/* forward-arrow icons point the natural RTL way (leftwards) */
.arrow svg{transform:scaleX(-1)}