/* RTL support for Arabic and other right-to-left locales. */

html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
}

html[dir="rtl"] body {
    font-family: "Noto Sans Arabic", "Noto Naskh Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}

/* Keep explicit LTR fragments stable when needed (URLs, numbers, etc.). */
html[dir="rtl"] [dir="ltr"],
html[dir="rtl"] .ltr {
    direction: ltr;
    unicode-bidi: embed;
}

/* Common Tailwind alignment utility swaps. */
html[dir="rtl"] .text-left {
    text-align: right !important;
}

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

@media (min-width: 640px) {
    html[dir="rtl"] .sm\:text-left {
        text-align: right !important;
    }

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

@media (min-width: 768px) {
    html[dir="rtl"] .md\:text-left {
        text-align: right !important;
    }

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

/* Tailwind positioning helpers often used in templates. */
html[dir="rtl"] .left-0 {
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"] .right-0 {
    right: auto !important;
    left: 0 !important;
}

html[dir="rtl"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Main header + dropdown alignment. */
html[dir="rtl"] header.relative.z-50 > div {
    flex-direction: row-reverse;
}

html[dir="rtl"] header nav.hidden.lg\:flex {
    direction: rtl;
}

html[dir="rtl"] header nav .group > div.absolute.top-full.left-0 {
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"] header .group > div.absolute.top-full.right-0 {
    right: auto !important;
    left: 0 !important;
}

/* Mobile language dropdown in header. */
html[dir="rtl"] #headerLangDetails {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

html[dir="rtl"] #headerLangDetails > div {
    right: auto !important;
    left: 0 !important;
}

html[dir="rtl"] #headerLangDetails a {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

html[dir="rtl"] #headerLangDetails a svg {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Mobile menu panel placement and text flow. */
html[dir="rtl"] #mobileMenu {
    right: auto !important;
    left: 0 !important;
}

html[dir="rtl"] #mobileMenu nav,
html[dir="rtl"] #mobileMenu div {
    text-align: right;
}

/* Footer alignment. */
html[dir="rtl"] footer .sm\:justify-start {
    justify-content: flex-end !important;
}

html[dir="rtl"] footer .md\:flex-row {
    flex-direction: row-reverse !important;
}

/* Landing page specific overrides (inline CSS uses LTR coordinates). */
html[dir="rtl"] .ga-landing {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .hero-grid,
html[dir="rtl"] .compare-grid,
html[dir="rtl"] .how-grid,
html[dir="rtl"] .multilingual-grid {
    direction: rtl;
}

@media (min-width: 901px) {
    html[dir="rtl"] .hero-grid .hero-copy {
        grid-column: 2;
    }

    html[dir="rtl"] .hero-grid .hero-image-wrap {
        grid-column: 1;
    }

    html[dir="rtl"] .how-grid .steps {
        grid-column: 2;
    }

    html[dir="rtl"] .how-grid .how-media {
        grid-column: 1;
    }

    html[dir="rtl"] .multilingual-grid > div:first-child {
        grid-column: 2;
    }

    html[dir="rtl"] .multilingual-grid .multilingual-media {
        grid-column: 1;
    }
}

html[dir="rtl"] .hero-copy,
html[dir="rtl"] .printed-menu > .landing-min-wrap,
html[dir="rtl"] .how-it-works > .landing-min-wrap,
html[dir="rtl"] .multilingual > .landing-min-wrap {
    text-align: right;
}

html[dir="rtl"] .landing-min-header .landing-min-wrap {
    flex-direction: row-reverse !important;
}

html[dir="rtl"] .landing-min-actions {
    flex-direction: row-reverse !important;
}

html[dir="rtl"] .landing-lang-menu {
    right: auto !important;
    left: 0 !important;
}

html[dir="rtl"] .hero ul {
    padding-left: 0 !important;
    padding-right: 20px !important;
}

html[dir="rtl"] .hero-ctas {
    justify-content: flex-start;
}

html[dir="rtl"] .section-cta {
    text-align: right;
}

html[dir="rtl"] .steps div::before {
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"] .steps div::after {
    right: auto !important;
    left: -28px !important;
}

html[dir="rtl"] .final-cta-inner,
html[dir="rtl"] .final-cta p,
html[dir="rtl"] .final-cta .final-cta-benefit {
    text-align: center;
}

/* Keep sticky CTA full-width anchor stable. */
html[dir="rtl"] .sticky-cta {
    left: 0 !important;
    right: 0 !important;
}

/* Front-page landing refinements */
html[dir="rtl"] #hero-title,
html[dir="rtl"] #hero-subtitle {
    direction: rtl;
}

@media (min-width: 768px) {
    html[dir="rtl"] .md\:text-left > .mx-auto.md\:mx-0 {
        margin-right: 0 !important;
        margin-left: auto !important;
    }
}

html[dir="rtl"] .ai-cursor {
    margin-left: 0 !important;
    margin-right: 2px !important;
}

html[dir="rtl"] .video-container {
    left: 0;
    right: 0;
}

/* FAQ page RTL */
html[dir="rtl"] .faq-hero,
html[dir="rtl"] .faq-section,
html[dir="rtl"] .faq-cta {
    direction: rtl;
}

html[dir="rtl"] .category-header {
    text-align: right !important;
    flex-direction: row-reverse;
}

html[dir="rtl"] .category-header > span {
    flex-direction: row-reverse;
}

html[dir="rtl"] .category-inner,
html[dir="rtl"] .faq-item,
html[dir="rtl"] .faq-item h3,
html[dir="rtl"] .faq-item p,
html[dir="rtl"] .faq-item ul,
html[dir="rtl"] .faq-item li {
    text-align: right !important;
}

html[dir="rtl"] .faq-item ul {
    padding-left: 0 !important;
    padding-right: 24px !important;
}

html[dir="rtl"] .table-container table,
html[dir="rtl"] .table-container th,
html[dir="rtl"] .table-container td {
    direction: rtl;
    text-align: right !important;
}

html[dir="rtl"] .faq-item .cta-link {
    text-align: center;
}