/* ========================================
   RTL (Right-to-Left) — Arabic Support
   Complete rewrite for full coverage
   ======================================== */

/* ── BASE ── */
[dir="rtl"],
[dir="rtl"] body,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] button {
  font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, sans-serif;
  direction: rtl;
}

[dir="rtl"] body { text-align: right; }

/* ── NAVBAR ── */
[dir="rtl"] .navbar-custom .d-flex { direction: rtl; }
[dir="rtl"] .navbar-nav-custom { direction: rtl; }
[dir="rtl"] .navbar-cta { margin-left: 0; margin-right: auto; }
[dir="rtl"] .navbar-brand-custom svg { margin-right: 0; margin-left: 8px; }

/* ── BUTTONS — flip arrow icons only, not the whole button ── */
[dir="rtl"] .btn-icon { transform: scaleX(-1); }

/* ── SECTION BADGES ── */
[dir="rtl"] .section-badge svg { order: 2; }

/* ── HERO ── */
[dir="rtl"] .hero-content { text-align: right; }
[dir="rtl"] .hero-content.text-center { text-align: center; }
[dir="rtl"] .hero-trust { direction: rtl; }

/* ── FEATURES ── */
[dir="rtl"] .feature-card { text-align: right; }

/* ── BENEFITS ── */
[dir="rtl"] .benefit-card { direction: rtl; }
[dir="rtl"] .benefit-text { text-align: right; }
[dir="rtl"] .benefit-num {
  left: auto;
  right: -8px;
}

/* ── HOW IT WORKS ── */
[dir="rtl"] .hiw-step { direction: rtl; text-align: right; }
[dir="rtl"] .hiw-step-num { margin-right: 0; margin-left: 16px; }

/* ── SECTORS ── */
[dir="rtl"] .sectors-tabs { direction: rtl; }
[dir="rtl"] .sectors-card { text-align: right; }
[dir="rtl"] .sectors-card__header { direction: rtl; }
[dir="rtl"] .sectors-feature { direction: rtl; }
[dir="rtl"] .sectors-feature__check { margin-right: 0; margin-left: 10px; }

/* ── VIDEOS ── */
[dir="rtl"] .video-card__title { text-align: right; }
[dir="rtl"] .video-card__duration { right: auto; left: 8px; }

/* ── PRICING ── */
[dir="rtl"] .pricing-card { text-align: right; }
[dir="rtl"] .pricing-features { text-align: right; }
[dir="rtl"] .pricing-features li {
  padding-left: 0;
  padding-right: 28px;
}
[dir="rtl"] .pricing-features li svg {
  left: auto;
  right: 0;
  position: absolute;
}
[dir="rtl"] .pricing-price .period { margin-left: 0; margin-right: 4px; }

/* ── INSTANT QUOTE ── */
[dir="rtl"] .quote-calculator { text-align: right; }
[dir="rtl"] .quote-form__label { text-align: right; }
[dir="rtl"] .quote-form__select {
  background-position: left 14px center;
  padding-right: 18px;
  padding-left: 36px;
}
[dir="rtl"] .quote-addon { direction: rtl; }
[dir="rtl"] .quote-result__breakdown { direction: rtl; }

/* ── DEMO DOWNLOAD ── */
[dir="rtl"] .demo-download-section .section-title,
[dir="rtl"] .demo-download-section .section-subtitle { text-align: right; }
[dir="rtl"] .demo-form__input,
[dir="rtl"] .demo-form__select { text-align: right; }
[dir="rtl"] .demo-form__select {
  background-position: left 14px center;
  padding-left: 36px;
}

/* ── APP LINKS ── */
[dir="rtl"] .app-links__store-btn { flex-direction: row-reverse; }
[dir="rtl"] .app-links__stat-card { direction: rtl; }
[dir="rtl"] .app-links__buttons { direction: ltr; }

/* ── FAQ ── */
[dir="rtl"] .faq-question {
  text-align: right;
  direction: rtl;
  flex-direction: row-reverse;
}
[dir="rtl"] .faq-toggle {
  flex-shrink: 0;
}
[dir="rtl"] .faq-answer { text-align: right; }

/* ── TESTIMONIALS / STORIES ── */
[dir="rtl"] .story-card { direction: rtl; text-align: right; }

/* ── POS SECTION ── */
[dir="rtl"] .pos-content { text-align: right; }

/* ── BENTO GRID ── */
[dir="rtl"] .bento-card-title { text-align: right; }
[dir="rtl"] .bento-revenue-desc { text-align: right; }

/* ── TRUST ── */
[dir="rtl"] .trust-card { text-align: right; }

/* ── CTA ── */
[dir="rtl"] .cta-content { text-align: right; }
[dir="rtl"] .cta-content h2 { word-break: keep-all; overflow-wrap: normal; }
[dir="rtl"] .cta-form { direction: rtl; }
[dir="rtl"] .cta-form input { text-align: right; }
[dir="rtl"] .cta-form button { color: white; }

/* ── FOOTER ── */
[dir="rtl"] .footer-wrapper { direction: rtl; }
[dir="rtl"] .footer-description { text-align: right; }
[dir="rtl"] .footer-links { text-align: right; }
[dir="rtl"] .footer-links h5 { text-align: right; }
[dir="rtl"] .footer-social { justify-content: flex-start; }
[dir="rtl"] .footer-bottom { direction: rtl; }

/* ── PAGES / BLOG ── */
[dir="rtl"] .page-hero { text-align: right; }
[dir="rtl"] .page-breadcrumb { direction: rtl; }
[dir="rtl"] .page-breadcrumb svg { transform: scaleX(-1); }
[dir="rtl"] .page-content { text-align: right; }
[dir="rtl"] .page-content__body { text-align: right; }
[dir="rtl"] .page-content__body ul,
[dir="rtl"] .page-content__body ol {
  margin-left: 0;
  margin-right: 20px;
}
[dir="rtl"] .page-content__body blockquote {
  border-left: none;
  border-right: 3px solid var(--primary);
  border-radius: 8px 0 0 8px;
}
[dir="rtl"] .page-sidebar__links a { direction: rtl; }
[dir="rtl"] .page-sidebar__card { text-align: right; }
[dir="rtl"] .page-sidebar__card--cta { text-align: center; }

/* ── CHECKOUT ── */
[dir="rtl"] .checkout-field label { text-align: right; }
[dir="rtl"] .coupon-input-group { direction: rtl; }

/* ══════════════════════════════════════════════
   SVG MOCKUPS — Isolate all device frames from RTL
   Force LTR on every phone/terminal/mockup container
   so SVG content doesn't flip or clip.
   ══════════════════════════════════════════════ */

/* All phone/device mockup containers */
[dir="rtl"] .hero-visual,
[dir="rtl"] .hero-middle,
[dir="rtl"] .phone-mockup,
[dir="rtl"] .phone-screen,
[dir="rtl"] .pos-visual,
[dir="rtl"] .pos-multi-display,
[dir="rtl"] .pos-unit,
[dir="rtl"] .demo-phone-mockup,
[dir="rtl"] .demo-phone-mockup__frame,
[dir="rtl"] .demo-phone-mockup__screen,
[dir="rtl"] .trial-visual,
[dir="rtl"] .trial-phone-frame,
[dir="rtl"] .trial-float-card,
[dir="rtl"] .app-links__phone-center,
[dir="rtl"] .app-links__phone,
[dir="rtl"] .app-links__phone-screen,
[dir="rtl"] .app-links__showcase,
[dir="rtl"] .cta-visual,
[dir="rtl"] .cta-phone-wrapper,
[dir="rtl"] .cta-phone-screen,
[dir="rtl"] .hero-float,
[dir="rtl"] .feature-card-image,
[dir="rtl"] .benefits-phone,
[dir="rtl"] .benefits-phone-frame,
[dir="rtl"] .benefits-phone-screen,
[dir="rtl"] .hiw-phone-screen,
[dir="rtl"] .receipt-float {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate;
}

/* All SVGs inside device frames */
[dir="rtl"] .hero-visual svg,
[dir="rtl"] .pos-unit svg,
[dir="rtl"] .demo-phone-mockup svg,
[dir="rtl"] .trial-phone-frame svg,
[dir="rtl"] .trial-float-card svg,
[dir="rtl"] .app-links__phone-screen svg,
[dir="rtl"] .cta-phone-screen svg,
[dir="rtl"] .feature-card-image svg,
[dir="rtl"] .hiw-phone-screen svg,
[dir="rtl"] .benefits-phone-screen svg,
[dir="rtl"] .bento-card svg {
  direction: ltr !important;
}

/* Bento — SVG visuals LTR, text labels RTL */
[dir="rtl"] .bento-card { text-align: right; }
[dir="rtl"] .bento-card .bento-card-title,
[dir="rtl"] .bento-card .bento-revenue-desc {
  text-align: right;
  direction: rtl;
}
[dir="rtl"] .bento-card svg { direction: ltr !important; }

/* Hero trust logos — keep in LTR order */
[dir="rtl"] .hero-trust-logos { direction: ltr; }

/* Floating stat cards — swap sides for RTL */
[dir="rtl"] .app-links__float--left { left: auto; right: 0; }
[dir="rtl"] .app-links__float--right { right: auto; left: 0; }

/* POS section — terminals LTR, text RTL */
[dir="rtl"] .pos-content { text-align: right; direction: rtl; }

/* Feature cards — image LTR, text RTL */
[dir="rtl"] .feature-card-body { text-align: right; direction: rtl; }

/* Trial/pricing section */
[dir="rtl"] .trial-banner-inner { direction: rtl; }
[dir="rtl"] .trial-text { text-align: right; direction: rtl; }
[dir="rtl"] .trial-visual { direction: ltr !important; }
[dir="rtl"] .trial-stats { direction: rtl; }

/* How-it-works — phone LTR, steps RTL */
[dir="rtl"] .hiw-step { direction: rtl; text-align: right; }

/* App store buttons */
[dir="rtl"] .app-links__store-info { text-align: right; }

/* FAQ — handled above in faq-question flex-direction: row-reverse */

/* ── FIXED ELEMENTS ── */
[dir="rtl"] .fixed-contact { right: auto; left: 24px; }
[dir="rtl"] .back-to-top { right: auto; left: 28px; }

/* ── ECOSYSTEM ── */
[dir="rtl"] .ecosystem-section { direction: rtl; }
[dir="rtl"] .eco-tile { direction: rtl; text-align: right; }
[dir="rtl"] .eco-tile-content { direction: rtl; text-align: right; }
[dir="rtl"] .eco-tile-top { direction: rtl; }
[dir="rtl"] .eco-tile-chart { direction: ltr; }
[dir="rtl"] .eco-tile-chart svg { direction: ltr !important; }
[dir="rtl"] .eco-tile-wide .eco-tile-desc { position: relative; z-index: 2; }
[dir="rtl"] .eco-stats { direction: ltr; }

/* ── BENEFITS — phone stays LTR, card text RTL, arrows flip ── */
[dir="rtl"] .benefit-card { text-align: right; direction: rtl; }
[dir="rtl"] .benefits-section .row { direction: rtl; }

/* Flip left-column arrows: was pointing right, now point left */
[dir="rtl"] .benefits-col-left .benefit-card::after {
  right: auto;
  left: -28px;
  background: linear-gradient(to left, var(--border-color), var(--primary));
}
[dir="rtl"] .benefits-col-left .benefit-card::before {
  right: auto;
  left: -28px;
  border-left: none;
  border-right: 6px solid var(--primary);
}

/* Flip right-column arrows: was pointing left, now point right */
[dir="rtl"] .benefits-col-right .benefit-card::after {
  left: auto;
  right: -28px;
  background: linear-gradient(to right, var(--border-color), var(--primary));
}
[dir="rtl"] .benefits-col-right .benefit-card::before {
  left: auto;
  right: -28px;
  border-right: none;
  border-left: 6px solid var(--primary);
}

/* ── FORMS (general) ── */
[dir="rtl"] input::placeholder,
[dir="rtl"] textarea::placeholder { text-align: right; }
[dir="rtl"] select { text-align: right; }

/* ── RESPONSIVE ── */
@media (max-width: 991px) {
  [dir="rtl"] .navbar-nav-custom { align-items: flex-end; text-align: right; }
}

@media (max-width: 767px) {
  [dir="rtl"] .sectors-card__header { text-align: center; }
  [dir="rtl"] .page-layout { direction: rtl; }
}