/* ============================================================
   DezSMS — RTL overrides
   Loaded only on ar/*.html pages, after style.css. HTML markup
   and class names are identical to the en/ pages; this file
   covers the handful of cases logical properties in style.css
   can't fully express (mirrored icons, chat-bubble tail corner,
   fixed sidebar edge, nested padding shorthand).
   ============================================================ */

:root{
  --font-display:'Almarai', sans-serif;
  --font-body:'IBM Plex Sans Arabic', sans-serif;
}

/* mobile nav drawer slides in from the right in RTL */
.mobile-drawer .panel{ transform:translateX(105%); }

/* chat bubble tail points the opposite way */
.composer-bubble{ border-radius:16px 16px 4px 16px; }

/* phone-number input prefix sits on the right */
.input-group .prefix{ border-radius:0 var(--radius-sm) var(--radius-sm) 0; border-inline-end:1.5px solid var(--border-strong); border-inline-start:none; }
.input-group input{ border-radius:var(--radius-sm) 0 0 var(--radius-sm); }

/* back-arrow icon on auth pages: base icon points right, which is
   already the correct "back" direction for RTL reading flow, so
   undo the LTR flip defined in style.css. */
.auth-box .top-link svg{ transform:none; }

/* dashboard sidebar already docks to the inline-start edge (the right,
   in RTL) via logical properties in style.css — only the hidden-state
   slide direction needs a manual flip here, since transform isn't
   direction-aware. Scoped to the mobile/tablet off-canvas breakpoint so
   it doesn't override the desktop sticky/transform:none rule. */
@media (max-width:1079px){
  .dash-sidebar{ transform:translateX(105%); }
  .dash-sidebar[data-open="true"]{ transform:translateX(0); }
}

/* sub-nav item indent mirrors to the right */
.dash-nav .subnav a{ padding:9px 42px 9px 12px; }