/* ==========================================================================
   RTL overrides for the Arabic sales page (landing_ar.php). Loaded after
   product-landing.css, only on that page. Grid/flex direction already
   mirrors automatically via dir="rtl" on <html> — these are the physical
   (non-logical) CSS properties in the base stylesheet that don't.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Tajawal:wght@400;500;700&display=swap');

body.pl-body {
  font-family: 'Cairo', 'Tajawal', 'Inter', sans-serif;
}
h1, h2, h3, h4 {
  font-family: 'Cairo', 'Tajawal', sans-serif;
}

.pl-footer-social a { margin-left: 0; margin-right: 8px; }
.pl-footer-social a:first-child { margin-right: 0; }

.pl-faq-item summary::after { margin-left: 0; margin-right: 16px; }

.pl-hero-stat { direction: rtl; }

.pl-btn i { margin-left: 2px; }

@media (max-width: 767px) {
  .ct-whatsapp-tooltip { right: auto; left: 96px; }
}
