/* =====================================================================
   RIGHT-TO-LEFT OVERRIDES  (loaded only when <html dir="rtl">)
   ---------------------------------------------------------------------
   The theme is written left-to-right with physical properties, so this
   file mirrors the pieces that direction alone does not fix: fixed
   corners, one-sided padding/margins, text alignment and icon order.
   ===================================================================== */

body { text-align: right; }

/* ---------- header ---------- */
[dir="rtl"] #site-logo { float: right; }
[dir="rtl"] .header-center .menu { padding-right: 0; }
[dir="rtl"] .mz-lang-switch { margin-right: 0; margin-left: 10px; }

/* ---------- floating action buttons (pinned to a physical corner) ----------
   The theme pins these with `right: ... !important`, so both the reset and the
   new side need !important or the element ends up with left AND right set and
   stretches across the viewport. */
[dir="rtl"] .whatsapp-float {
    right: auto !important;
    left: 22px !important;
}
[dir="rtl"] .mz-chat-fab,
[dir="rtl"] .mz-chat-panel,
[dir="rtl"] .mz-wa-panel {
    right: auto !important;
    left: 22px !important;
}
[dir="rtl"] .mz-chat-fab-dot { right: auto; left: 12px; }
[dir="rtl"] #scroll-top { right: auto !important; left: 22px !important; }

@media (max-width: 575px) {
    [dir="rtl"] .mz-chat-panel,
    [dir="rtl"] .mz-wa-panel { right: auto !important; left: 14px !important; }
}

/* ---------- decorative / absolutely placed bits ---------- */
[dir="rtl"] .mz-why-num { right: auto; left: 20px; }
[dir="rtl"] .mz-open .mz-steps::before { left: 16%; right: 16%; }

/* ---------- lists and check marks ---------- */
[dir="rtl"] .mz-check-list { padding-right: 0; }
[dir="rtl"] .mz-check-list li { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .mz-event-facts li,
[dir="rtl"] .mz-hero-pills .mz-pill,
[dir="rtl"] .mz-trust-badge { flex-direction: row-reverse; }

/* ---------- cards and sections ---------- */
[dir="rtl"] .mz-step,
[dir="rtl"] .mz-event-benefit,
[dir="rtl"] .mz-panel,
[dir="rtl"] .mz-legal-card { text-align: right; }
[dir="rtl"] .mz-agenda-item { flex-direction: row-reverse; text-align: right; }

/* ---------- forms ---------- */
[dir="rtl"] .mz-input-wrap > i { left: auto; right: 16px; }
[dir="rtl"] .mz-input-wrap input,
[dir="rtl"] .mz-input-wrap textarea,
[dir="rtl"] .mz-native-select { padding: 14px 44px 14px 34px; text-align: right; }
[dir="rtl"] .mz-native-caret { right: auto; left: 16px; }
[dir="rtl"] .mz-field label { text-align: right; }

/* ---------- footer ---------- */
[dir="rtl"] .mz-footer .mz-foot-col,
[dir="rtl"] .mz-footer ul { text-align: right; padding-right: 0; }

/* ---------- numbers stay left-to-right inside Arabic text ---------- */
[dir="rtl"] .mz-step-num,
[dir="rtl"] .mz-agenda-time,
[dir="rtl"] .tf-ticker,
[dir="rtl"] .mz-stat h3 { direction: ltr; unicode-bidi: embed; }

/* ---------- Arabic type: the Latin display font has no Arabic glyphs ---------- */
[dir="rtl"] body,
[dir="rtl"] .heading,
[dir="rtl"] .mz-title,
[dir="rtl"] .tf-button,
[dir="rtl"] .mz-btn-primary {
    font-family: "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;
}