/* =========================================================
   RTL overrides — loaded only when the site is in Arabic.
   ========================================================= */

:root {
    /* Cairo for Arabic body/labels; keep Cormorant for the big display headings */
    --body: "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body { font-family: var(--body); }

/* Display headings: Cormorant has no Arabic glyphs, so use Cairo for them in AR. */
.hero h1, .page-hero h1, .section-head h2, .arrivals__head h2,
.card__name, .arrival-card__name, .detail__name, .detail__price,
.card__price, .arrival-card__price, .loc-card__name, .contact-side h3,
.policy__content h3, .drawer__head h2, .empty h3, .policy__num {
    font-family: var(--body);
    font-weight: 700;
}
.hero h1 em, .detail__name { font-style: normal; }

/* letter-spacing looks wrong on Arabic — neutralise the wide tracking */
.hero__kicker, .mainnav a, .langtoggle a, .card__vendor, .arrival-card__vendor,
.card__date, .card__branch, .card__imgcount, .results__count, .sort label,
.fgroup-label, .fgroup > label, .spec__label, .detail__vendor, .detail__code,
.detail__meta dt, .loc-row dt, .field-row label, .arrivals__badge,
.section-head, .btn, .wa-btn, .chip, .pill, .filters-btn, .segment a,
.site-footer__nav a, .mobilenav a, .arr-arrow, .page-hero p, .loc-card__name,
.stock__badge, .stock__row--head, .stock__note, .stock__loading,
.fl-cart__clear, .fl-line__vendor, .fl-cart__branch, .fl-cart__note,
.fl-toast__view, .tag--pick, .addbar__add, .pick-err {
    letter-spacing: normal;
}

/* Arabic display font for cart headings */
.fl-cart__head h2, .fl-line__name, .fl-cart__total b, .fl-modal__box h3 {
    font-family: var(--body); font-weight: 700;
}
/* prices stay LTR inside RTL flow */
.fl-line__price, .fl-cart__total b { direction: ltr; unicode-bidi: isolate; }

/* the search icon sits on the right in RTL */
.fb-search svg { left: auto; right: .8rem; }
.fb-search input { padding-left: .85rem; padding-right: 2.3rem; }

/* number inputs and price suffix */
.price-inputs .pi span { right: auto; left: .55rem; }

/* select chevrons to the left */
select.ctl, .field-row select {
    background-position: left .8rem center;
    padding-right: .85rem; padding-left: 2.2rem;
}

/* filter drawer slides from the RIGHT in RTL */
.drawer { left: auto; right: 0; border-right: none; border-left: 1px solid var(--line);
          transform: translateX(100%); box-shadow: -24px 0 60px -30px rgba(28,22,18,.5); }
.drawer.is-open { transform: translateX(0); }

/* policy: number circle spacing already uses gap (direction-agnostic) */

/* keep Latin product codes / prices readable inside RTL flow */
.card__price, .arrival-card__price, .detail__price, .loc-row dd { direction: ltr; unicode-bidi: isolate; }
.card__price, .arrival-card__price { text-align: start; }

/* ---------- 2026-07 additions ---------- */
/* category tiles, live-pick status, finder */
.cat-tile__label, .cat-tile__count, .pickstatus, .pickstatus__live,
.qty-badge, .finder__field label, .pills--lg .pill {
    letter-spacing: normal;
}
/* quantities read as numbers — keep them LTR inside RTL flow */
.pickstatus #pickStatusText, .qty-badge { unicode-bidi: plaintext; }