/*!
 * rtl.css — theme-owned right-to-left residue. Loaded only when is_rtl(),
 * after css/main.css, alongside the vendor css/bootstrap.rtl.min.css build.
 *
 * Theme CSS is authored with logical properties (9.7, 11.3), which mirror
 * themselves, and 11.2 forbids hand-patching utilities with [dir="rtl"]. So
 * this file is only for direction-dependent values CSS has no logical form
 * for — inline-axis translations inside transform — and for isolating
 * left-to-right content inside right-to-left pages (§11.7).
 *
 * Before adding a rule: if a logical property can express it, it belongs in
 * the component, not here.
 */


/* Both brand panels run their gradient along the inline axis: 135deg points
   down-and-to-the-right, so the light end sits at the start edge and the dark
   end behind the content that ends the panel. A gradient angle is physical and
   has no logical form, so mirroring it to 225deg is this file's job. Phase H
   must confirm the result visually — this is the direction-correct value, not a
   verified-looking one. */
.fm-auth-panel {
    background-image: linear-gradient(225deg, #0066cc 0%, #004499 100%);
}

/* The empty-cart CTA's arrow points along the inline axis. An SVG path is
   physical geometry with no logical form, so mirroring it belongs here for the
   same reason as the gradients above — §11.2 forbids doing it with a
   [dir="rtl"] patch inside the component. */
.fm-cart-empty__arrow {
    transform: scaleX(-1);
}

/* Product names on Arabic pages may be English (no approved translation yet) or mix Arabic with Latin model numbers. On an
   RTL page an English name such as "Battery ST-18650 (4.2V)" otherwise takes the page's direction and its closing bracket
   jumps to the far end (§11.7). plaintext gives each name its own direction from its first strong character, so Arabic
   names stay right-to-left and English names read left-to-right. Theme templates already use dir="auto" for this (cart,
   Top Picks); these are the product names in theme cards, WooCommerce's product title, checkout review and order tables,
   and the search suggestions. */
.fm-product-card__title-link,
.product_title,
.fm-search__name,
.woocommerce-checkout-review-order-table .product-name,
.woocommerce-table__product-name {
    unicode-bidi: plaintext;
}