/* RTL layout for Arabic (and any future RTL language). Loaded only when html dir=rtl. */
html[dir="rtl"] { direction: rtl; }
html[dir="rtl"] body { text-align: right; }

html[dir="rtl"] .header .container,
html[dir="rtl"] .footer-bottom,
html[dir="rtl"] .footer-social,
html[dir="rtl"] .tb-consent-actions,
html[dir="rtl"] .tb-confirmation-actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] .nav-cta { margin-left: 0 !important; margin-right: 8px !important; }

html[dir="rtl"] .dropdown-menu { left: auto; right: 0; }
html[dir="rtl"] .tb-lang-switch .dropdown-menu { right: auto; left: 0; }

html[dir="rtl"] .tb-legal-toc-list a { border-left: none; border-right: 2px solid transparent; border-radius: 4px 0 0 4px; }
html[dir="rtl"] .tb-legal-layout { flex-direction: row-reverse; }

html[dir="rtl"] .footer-brand p { margin-left: auto; }

html[dir="rtl"] .tb-breadcrumb { direction: rtl; }

/* Keep Arabic form labels and text right-aligned */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select { text-align: right; }

/* Emails, phones, URLs and numeric fields stay LTR */
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="http://"],
html[dir="rtl"] a[href^="https://"] {
    direction: ltr;
    unicode-bidi: isolate;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"] {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}

/* Owl widget sits on the start side without covering content */
html[dir="rtl"] .tba-launch-wrap,
html[dir="rtl"] .tba-panel { right: auto; left: 16px; }
html[dir="rtl"] .tba-teaser { right: auto; left: 16px; }
html[dir="rtl"] .tba-teaser::after {
    right: auto;
    left: 22px;
    border-right: none;
    border-left: 1px solid var(--tba-gray-200, #e5e7eb);
}

/* Timeline, FAQ and feature lists that are hard-coded LTR in main.css */
html[dir="rtl"] .tb-timeline { padding-left: 0; padding-right: 32px; }
html[dir="rtl"] .tb-timeline::before { left: auto; right: 7px; }
html[dir="rtl"] .tb-acc-trigger,
html[dir="rtl"] .tb-faq-q { text-align: right; }
html[dir="rtl"] .tb-price-features { text-align: right; }

/* Common chevrons and directional icons */
html[dir="rtl"] .tb-ss-card::before { /* full-width bar; no change */ }
html[dir="rtl"] [class*="arrow-right"],
html[dir="rtl"] [class*="chevron-right"],
html[dir="rtl"] .icon-arrow,
html[dir="rtl"] .nav-arrow {
    transform: scaleX(-1);
}