/*
 * Phase 22.0 — Multi Language Foundation. RTL (right-to-left) overrides for
 * Arabic. Only loaded when core/Locale.php::isRtl() is true (see
 * views/layouts/header.php's conditional <link> tag) — never affects any
 * LTR locale's CSS output.
 *
 * Most of this app's flexbox layout (Tailwind's gap-*/justify-*/items-*
 * utilities) already mirrors correctly under dir="rtl" with NO override
 * needed — CSS flexbox's `row` direction inherently follows the element's
 * own inline base direction (a real, standards-based behavior, not an
 * assumption). The overrides below cover the real exceptions: Tailwind
 * utilities that hardcode a PHYSICAL side (margin-left/right,
 * absolute-positioned left/right offsets) rather than a logical
 * (start/end) one, which do NOT auto-flip and would otherwise look
 * mirrored/wrong under RTL.
 *
 * Scope: this phase converted views/layouts/header.php,
 * views/layouts/footer.php, views/home/index.php + its partials,
 * views/auth/*.php, views/errors/*.php, and views/listings/index.php — the
 * selectors below target exactly those pages' known physical-offset usages.
 * Any future page converted to t()/locale-aware chrome should be checked
 * against a real Arabic render and get its own targeted override added here
 * if it uses a physical-side Tailwind utility — this file is additive, not
 * a full sitewide reset.
 */

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

/* Notification/message/compare count badges: absolute -top-1 -right-1 (a
   physical offset) must mirror to the visual left edge in RTL. */
[dir="rtl"] #notification-count,
[dir="rtl"] #message-count,
[dir="rtl"] #compare-count-badge {
    right: auto;
    left: -0.25rem;
}

/* Header logo/actions bar: ml-auto (push the actions group to the visual
   right in LTR) must become mr-auto (push to the visual right, which is
   the START side, in RTL) so the logo stays on the reading-start side. */
[dir="rtl"] .ml-auto {
    margin-left: 0;
    margin-right: auto;
}

/* Form fields: labels/inputs are full-width block elements already — only
   the text alignment needs a flip (covered by the top-level [dir="rtl"]
   rule above); no layout override needed for views/auth/*.php's stacked
   label+input pattern.
*/

/* Breadcrumb separators (views/listings/index.php's "/" divider) read
   correctly unmirrored — a "/" between two right-to-left-flowing labels is
   still the conventional RTL breadcrumb separator, no override needed. */