/* ============================================
   RTL (Right-to-Left) - Arabic Styles
   ============================================ */

/* Font Override */
body { font-family: 'Cairo', 'Inter', system-ui, sans-serif; }

/* Text Direction */
body { direction: rtl; text-align: right; }

/* Form Elements */
.cf-g label, .faq-q, .contact-cards { text-align: right; }

/* Tab Flex - Reverse for RTL */
.tab-flex { flex-direction: row-reverse; }

/* On Demand Banner */
.od-banner { flex-direction: row-reverse; }

/* Footer Widget Toggle */
.f-widget-toggle { text-align: right; }
.f-widget-toggle .arr { transform: rotate(0deg); }
.f-widget.collapsed .f-widget-toggle .arr { transform: rotate(90deg); }

/* Tab Visual Dots - Mirror for RTL */
.tab-visual .d1 { left: -8px; right: auto; }
.tab-visual .d2 { right: -8px; left: auto; }

/* Stats Row */
.stats-row { direction: ltr; }

/* Button Arrow Direction - Mirror */
.btn-accent span, .btn span { display: inline; }

/* Hero Badge */
.hero-badge { direction: ltr; }

/* CTA Card */


/* Mobile Menu */
.mobile-drop a { text-align: right; }

/* On Demand Checks */
.od-checks { justify-content: flex-start; }

/* Footer */
.f-bottom { flex-direction: row-reverse; text-align: right; }
.f-socials { justify-content: flex-start; }
.footer-top { text-align: right; }
.f-brand { justify-content: flex-start; }
.f-links a { text-align: right; }
.f-ci { text-align: right; justify-content: flex-start; }

/* Feature Pills */
.feat-pills { direction: ltr; }

/* Service Grid */
.svc-grid { direction: ltr; }

/* Tab Pills */
.tab-pills { justify-content: flex-start; }

/* Contact Cards Grid */
.c-cards { direction: ltr; }

/* Form */
.c-form { text-align: right; }
.cf-row { direction: rtl; }
.btn-submit { text-align: center; }

/* Scroll Button Position */
.scroll-btn { left: 16px; right: auto; }
@media (min-width: 768px) { .scroll-btn { left: 24px; right: auto; } }

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
  .od-banner { flex-direction: column; text-align: center; }
  .od-checks { justify-content: center; }
  .od-right { flex-direction: row; }
  .od-right .btn { flex: 1; }
  .f-bottom { flex-direction: column; text-align: center; }
  .c-cards { grid-template-columns: 1fr; }
  .cf-row { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .feat-pills { grid-template-columns: 1fr; }
  .svc-grid { grid-template-columns: 1fr; }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1fr; }
  .od-right { flex-direction: column; width: 100%; }
}