/*
 * Ghost Pass — Arabic RTL Stylesheet
 */

html.gp-rtl, body.gp-body-ar {
  direction: rtl;
  text-align: right;
}

/*
 * Arabic script must render with connected (shaped) letters. Any non-zero
 * letter-spacing forces the browser to paint each character independently,
 * which breaks that joining — so any tracking/letter-spacing used for the
 * English typography is reset to normal everywhere in Arabic, and Arabic
 * text is given a font stack built to shape correctly. Elements holding the
 * untranslated Latin "GHOST PASS"/"VIP" wordmarks (lang="en") are excluded
 * so their own tracking is untouched.
 */
html.gp-rtl,
html.gp-rtl body,
body.gp-body-ar {
  --font-hero: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif;
  --font-head: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif;
  --font-body: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif;
}

html.gp-rtl *:not([lang="en"]):not(.notranslate),
body.gp-body-ar *:not([lang="en"]):not(.notranslate) {
  letter-spacing: normal !important;
}

.gp-rtl .gp-header-container,
.gp-rtl .gp-footer-bottom-container,
.gp-rtl .gp-dash-header,
.gp-rtl .gp-quote-header,
.gp-rtl .gp-card-footer {
  direction: rtl;
}

.gp-rtl .gp-nav-list { flex-direction: row-reverse; }
.gp-rtl .gp-whatsapp-btn { right: auto; left: 28px; }
.gp-rtl .gp-chat-member { align-self: flex-start; border-bottom-right-radius: 12px; border-bottom-left-radius: 2px; }
.gp-rtl .gp-chat-admin { align-self: flex-end; border-bottom-left-radius: 12px; border-bottom-right-radius: 2px; }
.gp-rtl .gp-dash-table th, .gp-rtl .gp-dash-table td { text-align: right; }