/* ------------------------------------------------------------------
   Persian / RTL overrides. Loaded only by pages under /fa/, after
   meigen.css, so the English build is untouched.
------------------------------------------------------------------ */
:root{
  --font-body:"Vazirmatn",-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;
  --font-display:"Vazirmatn",-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;
  /* Vazirmatn runs small next to Inter — nudge the scale up a touch */
  --text-xs:.8125rem;
  --text-sm:.875rem;
  --text-base:1rem;
}
body{font-family:var(--font-body);letter-spacing:0}
h1,h2,h3,.post-title,.article h1,.blog-head h1,.hero h1,.auth-hero h2{letter-spacing:0}

/* numbers, handles, code and model names stay LTR inside RTL text */
.hd,.tabnum,.count,.kbd,.gh-badge,.prose-body code,.model-chip{
  direction:ltr;unicode-bidi:isolate;
}
.hd{text-align:right}
/* mixed Persian text + latin handles: keep the paragraph RTL, isolate the latin runs */
.post-meta,.byline,.upd .t span,.free-credits,.account-t span{direction:rtl;text-align:right}
.byline b,.upd .t b{unicode-bidi:isolate}
.chip span,.ghost .tabnum{direction:ltr;unicode-bidi:isolate}

/* ---------------- shell ---------------- */
.sb-btn,.sb-sub,.sb-label{text-align:right}
.sb-head{padding-left:14px;padding-right:22px}
.sb-btn .chev{margin-left:0;margin-right:auto;transform:scaleX(-1)}
.sb-btn[aria-expanded="true"] .chev{transform:scaleX(-1) rotate(90deg)}
.sb-submenu{padding:0 26px 0 0}
.sb-legal{margin:0 12px 12px 0}
.gh-badge{margin-left:0;margin-right:4px}
.share-card{text-align:right}
.free-credits{text-align:left}

.page-back svg,.lb-nav svg,.crumbs{transform:none}
.page-back svg{transform:scaleX(-1)}
.lb-nav.prev{left:auto;right:16px}
.lb-nav.next{right:auto;left:16px}
.lb-nav svg{transform:scaleX(-1)}
.lb-tools{right:auto;left:16px}
.pill.esc{padding-left:8px;padding-right:12px}

.card .meta,.meta .who{text-align:right}
.play-badge{right:auto;left:8px}
.promo{right:auto;left:24px}
.promo .x{right:auto;left:8px}
.modal-x{right:12px;left:auto}
@media (min-width:640px){.modal-x{right:auto;left:-48px}}

/* ---------------- panels ---------------- */
.lb-panel{border-left:0;border-right:1px solid rgba(229,231,235,.5)}
.lb-grid,.lb-grid.static{grid-template-columns:480px 1fr}
.lb-view{order:2}
.lb-panel{order:1}
@media (max-width:1023px){.lb-grid,.lb-grid.static{grid-template-columns:400px 1fr}}
@media (max-width:767px){
  .lb-grid,.lb-grid.static{grid-template-columns:1fr}
  .lb-view{order:1}
  .lb-panel{order:2;border-right:0;border-top:1px solid rgba(229,231,235,.5)}
}
.lb-acts{margin-left:0;margin-right:-8px}
.auth-terms{text-align:right}
.err,.field label,.auth-note{text-align:right}
.auth-note{text-align:center}

.side-panel{right:auto;left:16px;transform:translateX(calc(-100% - 24px))}
.side-panel.open{transform:none}

/* ---------------- content ---------------- */
.blog-head,.article,.skills-head{text-align:right}
.skills-head{text-align:center}
.prose-body ul,.prose-body ol,.prose ul{padding-left:0;padding-right:24px}
.prose-body blockquote{border-left:0;border-right:3px solid var(--foreground);padding:4px 20px 4px 0}
.article-foot .btn-solid{flex-direction:row}
.crumbs{flex-direction:row}
.state,.auth-done,.empty{text-align:center}
.search-field input{text-align:right}
.legal-top,.prose{text-align:right}
.topbar .brand{flex-direction:row}
.site-foot .right{align-items:flex-start;text-align:left}
.site-foot .right .social{flex-direction:row-reverse}
.hero,.features .intro{text-align:center}
.store .t{align-items:flex-start}

/* the wordmark is a latin logotype — keep it visually first */
.sb-head,.mobile-bar .brand{flex-direction:row}

/* Persian labels run longer than the English ones */
.btn-solid{font-size:var(--text-sm);font-weight:500;padding:0 10px;gap:6px;white-space:nowrap;
  text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis}
.lb-foot{gap:8px;padding:16px}
.lb-foot .btn-solid{height:42px}
.use-idea{white-space:nowrap}
.tab,.sort,.chip-filter,.seg button{white-space:nowrap}
.share-card .t{font-size:var(--text-sm)}

/* billing UI */
.credits-card,.cc-label,.pl-feats li,.plan{text-align:right}
.plans-hero{text-align:center}
.pl-price{direction:rtl}
.pl-price b,.pl-price s,.cc-value{unicode-bidi:isolate}
.pl-details{margin-inline-start:auto}

/* profile */
.pf-wrap,.pf-card,.pf-value,.pf-label,.pf-name{text-align:right}
.pf-empty,.pf-danger{text-align:center}
.pf-big,.pf-num,.pf-daily-r b{unicode-bidi:isolate}
.pf-value#pfEmail,.pf-value.link{direction:ltr;text-align:right}

/* settings */
.st-row,.st-txt,.st-h,.st-foot,.st-form{text-align:right}
.st-saved{margin-inline-start:auto}