/**
 * Shared RTL/LTR utilities — loaded on all panels via locale-styles.
 */

[dir="rtl"] .dropdown-menu.show,
html[dir="rtl"] .dropdown-menu.show {
    text-align: start;
}

[dir="ltr"] .dropdown-menu.show,
html[dir="ltr"] .dropdown-menu.show {
    text-align: start;
}

/**
 * Pagination end-caps.
 * App loads LTR Bootstrap via Vite while FA pages use dir="rtl", so flex order
 * reverses but Bootstrap still applies LTR physical radii. Mirror Bootstrap RTL:
 * first (visual right) → right radius; last (visual left) → left radius.
 * Separated/pill page-links that set border-radius with !important are unaffected.
 */
html[dir="rtl"] .page-item:first-child .page-link,
[dir="rtl"] .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
}

html[dir="rtl"] .page-item:last-child .page-link,
[dir="rtl"] .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}

html[dir="rtl"] .page-item:only-child .page-link,
[dir="rtl"] .page-item:only-child .page-link {
    border-radius: var(--bs-pagination-border-radius);
}