/* ===== setinbet — RTL overrides =====
   Loaded ONLY when the interface language is Persian (fa).
   The base stylesheet (style.css) uses CSS logical properties, so most of the
   layout mirrors automatically with dir="rtl"; this file adds the
   direction-specific pieces that cannot be expressed logically. */

/* Persian typeface — Vazirmatn first, then the Latin display faces as a fallback
   so non-Persian glyphs still render. The base stylesheet hard-codes 'Sora' /
   'Manrope' on body, headings AND many components; each component below needs
   Vazirmatn prepended or its Persian text renders in a Latin-only font. */
body{ font-family:'Vazirmatn','Manrope',system-ui,sans-serif; }
h1,h2,h3,h4,.font-display{ font-family:'Vazirmatn','Sora',sans-serif; }

.btn-grad,.btn-ghost,.btn-lime-soft,
.brand-name,.pill,.wallet-chip .bal .n,.avatar,
.tile .meta .nm,.provider-card,.team-badge,
.odd-btn,.odd-expand,.tab-pill,.seg button,.coin-btn,
.amount-box input,.quick,.footer .col-title,
.live-badge,.status-pill,.seo-more{
  font-family:'Vazirmatn','Sora',sans-serif;
}

/* Mobile sidebar drawer slides in from the right */
@media (max-width:1079.98px){
  .sidebar{ transform:translateX(110%); }
  .sidebar.open{ transform:translateX(0); }
}

/* Hero slide text stays on the trailing edge in RTL */
.hero-slide .content.ms-auto{ margin-inline-start:auto; margin-inline-end:0; }
.hero-slide .text-end{ text-align:start !important; }

.odd-expand .chev{ transform:scaleX(-1); }
/* Carousel chevrons: in RTL the .car-nav flex swaps the two buttons' sides, so
   the arrows end up pointing inward (right-icon on the left, left-icon on the
   right). Swap each arrow's rotation — and force it past the inline transform —
   so they point outward again: ◄ on the left, ► on the right. The base chevron
   points down, so rotate(90)=left and rotate(-90)=right. */
.car-btn svg[style*="rotate(90"]{ transform:rotate(-90deg) !important; }
.car-btn svg[style*="rotate(-90"]{ transform:rotate(90deg) !important; }

/* Numerals & odds read better LTR even inside RTL text */
.odd-btn .val, .wallet-chip .bal .n, .amount-box input{ direction:ltr; unicode-bidi:plaintext; }