/* ── Arabic RTL Layout Mirror ──────────────────────────────────────────────── */
/* Scoped to [dir="rtl"] — only active when language = ar                      */

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

/* ── Shell grid — reverse column order ─────────────────────────────────────── */

[dir="rtl"] .faq-shell {
    direction: rtl;
}

[dir="rtl"] .faq-shell .faq-sidebar {
    order: 2; /* sidebar moves to the right */
}

[dir="rtl"] .faq-shell .faq-main {
    order: 1;
}

/* ── Topbar ─────────────────────────────────────────────────────────────────── */

[dir="rtl"] .faq-topbar {
    direction: rtl;
}

[dir="rtl"] .faq-topbar .faqt-switcher {
    margin-right: auto;
    margin-left: 0;
}

/* ── Sidebar ─────────────────────────────────────────────────────────────────── */

[dir="rtl"] .faq-sidebar {
    border-left: none;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 0;
    padding-right: 24px;
}

/* ── Nav list ────────────────────────────────────────────────────────────────── */

[dir="rtl"] .faq-nav li {
    text-align: right;
}

[dir="rtl"] .faq-nav li a {
    padding-left: 0;
    padding-right: 12px;
    border-left: none;
    border-right: 3px solid transparent;
}

[dir="rtl"] .faq-nav li a:hover,
[dir="rtl"] .faq-nav li a.active {
    border-left: none;
    border-right-color: #f7931a;
}

/* ── Breadcrumb arrow ────────────────────────────────────────────────────────── */

[dir="rtl"] .faq-breadcrumb .sep,
[dir="rtl"] .faq-breadcrumb .separator {
    transform: scaleX(-1);
    display: inline-block;
}

/* ── TOC (table of contents) ─────────────────────────────────────────────────── */

[dir="rtl"] .faq-toc {
    border-left: none;
    border-right: 3px solid #f7931a;
    padding-left: 0;
    padding-right: 16px;
    text-align: right;
}

[dir="rtl"] .faq-toc a {
    text-align: right;
}

/* ── Content padding/margin flips ────────────────────────────────────────────── */

[dir="rtl"] .faq-content {
    padding-left: 0;
    padding-right: 0; /* rely on grid gap */
}

[dir="rtl"] .faq-content blockquote {
    border-left: none;
    border-right: 4px solid #f7931a;
    padding-left: 0;
    padding-right: 16px;
    margin-left: 0;
    margin-right: 0;
}

[dir="rtl"] .faq-content ul,
[dir="rtl"] .faq-content ol {
    padding-left: 0;
    padding-right: 1.5em;
}

[dir="rtl"] .faq-content li {
    text-align: right;
}

/* ── Accordion (if used) ─────────────────────────────────────────────────────── */

[dir="rtl"] .faq-accordion__trigger {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

[dir="rtl"] .faq-accordion__trigger::after {
    margin-left: 0;
    margin-right: auto;
    left: auto;
    right: unset;
}

/* ── Language switcher inside RTL ────────────────────────────────────────────── */

[dir="rtl"] .faqt-switcher__dropdown {
    right: auto;
    left: 0;
}

[dir="rtl"] .faqt-switcher__option--active a::before {
    left: auto;
    right: 0;
    border-radius: 2px 0 0 2px;
}

/* ── Misc utility flips ──────────────────────────────────────────────────────── */

[dir="rtl"] .faq-tag,
[dir="rtl"] .faq-badge {
    margin-left: 0;
    margin-right: 6px;
}

[dir="rtl"] .faq-icon-left {
    margin-left: 6px;
    margin-right: 0;
}