/* Shared RTL polish for icons & badges (loaded when html[dir=rtl]) */

/* ---- Directional Bootstrap Icons: mirror so arrows/chevrons read correctly ---- */
html[dir="rtl"] .bi-chevron-right,
html[dir="rtl"] .bi-chevron-left,
html[dir="rtl"] .bi-chevron-double-right,
html[dir="rtl"] .bi-chevron-double-left,
html[dir="rtl"] .bi-arrow-right,
html[dir="rtl"] .bi-arrow-left,
html[dir="rtl"] .bi-arrow-right-short,
html[dir="rtl"] .bi-arrow-left-short,
html[dir="rtl"] .bi-arrow-right-circle,
html[dir="rtl"] .bi-arrow-left-circle,
html[dir="rtl"] .bi-arrow-right-circle-fill,
html[dir="rtl"] .bi-arrow-left-circle-fill,
html[dir="rtl"] .bi-caret-right,
html[dir="rtl"] .bi-caret-left,
html[dir="rtl"] .bi-caret-right-fill,
html[dir="rtl"] .bi-caret-left-fill,
html[dir="rtl"] .bi-reply,
html[dir="rtl"] .bi-reply-fill,
html[dir="rtl"] .bi-reply-all,
html[dir="rtl"] .bi-reply-all-fill,
html[dir="rtl"] .bi-send,
html[dir="rtl"] .bi-send-fill,
html[dir="rtl"] .bi-box-arrow-right,
html[dir="rtl"] .bi-box-arrow-left,
html[dir="rtl"] .bi-box-arrow-in-right,
html[dir="rtl"] .bi-box-arrow-in-left,
html[dir="rtl"] .bi-box-arrow-up-right,
html[dir="rtl"] .bi-box-arrow-up-left,
html[dir="rtl"] .bi-forward,
html[dir="rtl"] .bi-forward-fill,
html[dir="rtl"] .bi-skip-forward,
html[dir="rtl"] .bi-skip-backward,
html[dir="rtl"] .bi-skip-forward-fill,
html[dir="rtl"] .bi-skip-backward-fill,
html[dir="rtl"] .bi-login,
html[dir="rtl"] .bi-logout,
html[dir="rtl"] .bi-door-open,
html[dir="rtl"] .bi-indent,
html[dir="rtl"] .bi-unindent {
    transform: scaleX(-1);
}

/* Expand/collapse chevron: mirror, then rotate toward content */
html[dir="rtl"] .shop-reviews-chevron {
    transform: scaleX(-1);
}
html[dir="rtl"] .shop-reviews-toggle:not(.collapsed) .shop-reviews-chevron {
    transform: scaleX(-1) rotate(-90deg);
}

/* ---- Icon + label spacing (logical) ---- */
html[dir="rtl"] .card-header > .bi:first-child,
html[dir="rtl"] h1 > .bi:first-child,
html[dir="rtl"] h2 > .bi:first-child,
html[dir="rtl"] h3 > .bi:first-child,
html[dir="rtl"] h4 > .bi:first-child,
html[dir="rtl"] .navbar-brand > .bi:first-child,
html[dir="rtl"] .offcanvas-title > .bi:first-child,
html[dir="rtl"] .btn > .bi:first-child,
html[dir="rtl"] a.nav-link > .bi:first-child,
html[dir="rtl"] .alert > .bi:first-child,
html[dir="rtl"] .ds-topbar-link > .bi:first-child {
    margin-inline-end: .4rem;
    margin-inline-start: 0;
}

/* Icon-only buttons: keep content centered (no extra end margin) */
html[dir="rtl"] .btn > .bi:only-child,
html[dir="rtl"] .btn > .bi:first-child:last-child,
html[dir="rtl"] #chat-launcher > .bi,
html[dir="rtl"] .ds-menu-btn > .bi,
html[dir="rtl"] .ds-sidebar-close > .bi {
    margin-inline-end: 0;
}

/* ---- Badges ---- */
html[dir="rtl"] .badge {
    unicode-bidi: isolate;
}

/* Badge after a label / icon inside buttons, tabs, headings */
html[dir="rtl"] .btn .badge,
html[dir="rtl"] .nav-link .badge,
html[dir="rtl"] .loc-tab-badge {
    margin-inline-start: .35rem;
    margin-inline-end: 0;
}

/* Featured / status chips next to titles */
html[dir="rtl"] .card-title .badge,
html[dir="rtl"] h1 .badge,
html[dir="rtl"] h4 .badge,
html[dir="rtl"] h5 .badge,
html[dir="rtl"] .featured-badge {
    margin-inline-start: .35rem;
}

/* Keep pill badges optically balanced with Persian digits */
html[dir="rtl"] .badge.rounded-pill {
    padding-left: .65em;
    padding-right: .65em;
}

/* Reply / quote blocks: icon spacing */
html[dir="rtl"] .bi-reply,
html[dir="rtl"] .bi-reply-fill {
    margin-inline-end: .25rem;
}