/* Arabic marketing-site overrides. Loaded only by pages under /ar/. */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family: "Noto Sans Arabic", "Open Sans", sans-serif;
}

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

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .theme-btn {
    font-family: "Noto Sans Arabic", "Ubuntu", sans-serif;
}

/* Bootstrap's physical alignment helpers need semantic RTL counterparts. */
html[dir="rtl"] .text-start {
    text-align: right !important;
}

html[dir="rtl"] .text-end {
    text-align: left !important;
}

@media (min-width: 992px) {
    html[dir="rtl"] .text-lg-start {
        text-align: right !important;
    }

    html[dir="rtl"] .text-lg-end {
        text-align: left !important;
    }
}

@media (min-width: 1200px) {
    html[dir="rtl"] .text-xl-start {
        text-align: right !important;
    }

    html[dir="rtl"] .text-xl-end {
        text-align: left !important;
    }
}

/* Navigation and language menu. */
html[dir="rtl"] .header-navigation .main-menu ul > li .sub-menu {
    right: 0;
    left: auto;
    text-align: right;
}

html[dir="rtl"] .header-navigation .main-menu ul > li .sub-menu li .sub-menu {
    right: 100%;
    left: auto;
}

html[dir="rtl"] .header-navigation .main-menu ul > li .sub-menu li a span.dd-trigger,
html[dir="rtl"] .accordion-card .accordion-header .accordion-title::after {
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .header-navigation .main-menu ul > li > a span.dd-trigger {
    margin-right: 5px;
    margin-left: 0;
}

html[dir="rtl"] .nav-right-item > a {
    margin-right: 0 !important;
    margin-left: 16px !important;
}

html[dir="rtl"] .nav-right-item .theme-btn {
    margin-right: 0 !important;
    margin-left: 16px !important;
}

html[dir="rtl"] .lang-selector {
    margin-right: 0;
    margin-left: 15px;
}

html[dir="rtl"] .lang-dropdown {
    right: auto;
    left: 0;
    text-align: right;
}

html[dir="rtl"] .lang-option,
html[dir="rtl"] .current-lang {
    direction: rtl;
}

html[dir="rtl"] .lang-badge {
    direction: rtl;
    unicode-bidi: isolate;
}

@media (max-width: 1199.98px) {
    html[dir="rtl"] .header-navigation .theme-nav-menu {
        right: -290px;
        left: auto;
        text-align: right;
    }

    html[dir="rtl"] .header-navigation .theme-nav-menu.menu-on {
        right: 0;
        left: auto;
    }

    html[dir="rtl"] .header-navigation .theme-nav-menu .main-menu ul li .sub-menu,
    html[dir="rtl"] .header-navigation .theme-nav-menu .main-menu ul li .sub-menu > li .sub-menu {
        right: 0;
        left: auto;
        margin-right: 0;
    }

    html[dir="rtl"] .header-navigation .theme-nav-menu .main-menu ul li .dd-trigger {
        right: auto;
        left: 0;
    }

    html[dir="rtl"] .header-navigation .navbar-toggler {
        margin-right: 20px;
        margin-left: 0;
    }

    html[dir="rtl"] .header-navigation .theme-menu-bottom .social-link li {
        margin-right: 0;
        margin-left: 10px;
    }
}

/* Inline arrows express forward motion and should follow the reading direction. */
html[dir="rtl"] .theme-btn i,
html[dir="rtl"] .read-more i {
    margin-right: 10px;
    margin-left: 0;
}

html[dir="rtl"] .icon-arrow-right,
html[dir="rtl"] .icon-arrow-left,
html[dir="rtl"] .mod-arrow {
    transform: scaleX(-1);
}

html[dir="rtl"] .theme-btn:hover .icon-arrow-right,
html[dir="rtl"] .theme-btn:hover .icon-arrow-left {
    transform: scaleX(-1) rotate(-45deg);
}

/* Forms, FAQs, legal copy, tables, and page-specific components. */
html[dir="rtl"] .form_control,
html[dir="rtl"] .form-select,
html[dir="rtl"] .page-content,
html[dir="rtl"] .content-text,
html[dir="rtl"] .api-toc,
html[dir="rtl"] .api-section,
html[dir="rtl"] .footer-widget,
html[dir="rtl"] .widget-content,
html[dir="rtl"] .accordion-content {
    text-align: right;
}

html[dir="rtl"] .compare-table thead th:first-child,
html[dir="rtl"] .compare-table tbody td:first-child,
html[dir="rtl"] .param-table th,
html[dir="rtl"] .param-table td {
    text-align: right !important;
}

html[dir="rtl"] .form-check {
    padding-right: 1.5em;
    padding-left: 0;
}

html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}

html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-right: 0;
}

html[dir="rtl"] .page-content ul,
html[dir="rtl"] .page-content ol,
html[dir="rtl"] .content-text ul,
html[dir="rtl"] .content-text ol {
    padding-right: 1.4rem;
    padding-left: 0;
}

html[dir="rtl"] .team-thumb-item .thumb {
    margin-right: 0;
    margin-left: 30px;
}

html[dir="rtl"] .orbia-team_one .member-info {
    padding-right: 30px;
    padding-left: 0;
}

/* Keep identifiers, code, prices, model names, and URLs readable in mixed text. */
html[dir="rtl"] code,
html[dir="rtl"] kbd,
html[dir="rtl"] pre,
html[dir="rtl"] samp,
html[dir="rtl"] .code-block,
html[dir="rtl"] .endpoint-path,
html[dir="rtl"] .model-tag,
html[dir="rtl"] .provider-pill,
html[dir="rtl"] .ai-dir-card-title,
html[dir="rtl"] .ai-dir-card-provider,
html[dir="rtl"] .detail-key,
html[dir="rtl"] .price,
html[dir="rtl"] .stat-number,
html[dir="rtl"] [data-zs] {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}

html[dir="rtl"] .code-block,
html[dir="rtl"] pre {
    overflow-x: auto;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"] {
    direction: ltr;
    text-align: right;
}

@media (max-width: 1199.98px) {
    html[dir="rtl"] .orbia-team_one .member-info {
        padding-right: 0;
    }
}