/* goal888 RTL rules (Arabic edition): layout.html links this file only when <html dir="rtl">; LTR pages never load it. */
/* ---------- RTL (Arabic edition: layout.html sets <html dir="rtl"> when .Lang.Code == "ar") ----------
   Everything below is scoped to html[dir="rtl"], so the LTR look is unchanged. Flex/grid rows mirror by themselves;
   these rules fix the physical left/right values (margins, absolute offsets, text-align) that do not. */
html[dir="rtl"]{direction:rtl}
html[dir="rtl"] body{text-align:start}
/* numbers, scores and times stay LTR inside Arabic text */
html[dir="rtl"] :is(.num,.score,.sc,.kt,.ht,.op,.feat-sb .s,.mt-row .s,.mini-sb,.pct b,.res,.oc3,.osum-r .c,.vz-dr b,.vz-bh,.vz-c,time){direction:ltr;unicode-bidi:isolate}
/* header: tools, language switcher and profile menus */
html[dir="rtl"] .top-tools{margin-left:0;margin-right:auto}
html[dir="rtl"] .lang-menu,html[dir="rtl"] .me-menu{right:auto;left:0}
html[dir="rtl"] .me-menu a,html[dir="rtl"] .me-menu button{text-align:right}
html[dir="rtl"] .me-dot{right:auto;left:-1px}
html[dir="rtl"] .av-s{margin-right:0;margin-left:6px}
/* side nav */
html[dir="rtl"] .side-link .cnt,html[dir="rtl"] .side-link.local::after{margin-left:0;margin-right:auto}
/* toolbar */
html[dir="rtl"] .chip.sort{margin-left:0;margin-right:4px}
html[dir="rtl"] .odds-tools .lbl{margin-right:0;margin-left:2px}
/* match list: the grid columns mirror (star on the right, odds on the left); only absolute badges need flipping */
html[dir="rtl"] .lg-h .oddshdr{margin-left:0;margin-right:auto}
html[dir="rtl"] .goal-tag,html[dir="rtl"] .card-tag{left:auto;right:172px}
html[dir="rtl"] .lca{right:auto;left:9px}
html[dir="rtl"] .league.lca-l .row,html[dir="rtl"] .league.lca-l .lg-h{padding-right:14px;padding-left:42px}
html[dir="rtl"] .fx-live,html[dir="rtl"] .fx-note{right:auto;left:14px}
html[dir="rtl"] .lc-h,html[dir="rtl"] .vfac-b{text-align:right}
@media (max-width:900px){
  html[dir="rtl"] .goal-tag,html[dir="rtl"] .card-tag{right:112px}
}
@media (max-width:640px){
  html[dir="rtl"] .goal-tag,html[dir="rtl"] .card-tag{right:102px}
  html[dir="rtl"] .lca{left:6px}
  html[dir="rtl"] .league.lca-l .row,html[dir="rtl"] .league.lca-l .lg-h{padding-right:12px;padding-left:36px}
}
@media (max-width:400px){html[dir="rtl"] .goal-tag,html[dir="rtl"] .card-tag{right:70px}}
/* rail */
html[dir="rtl"] .feat::after{right:auto;left:-60px}
html[dir="rtl"] .mover .chg{text-align:left}
/* breadcrumbs: the › separator points the other way (the last crumb is the only non-separator span) */
html[dir="rtl"] .crumbs>span:not(:last-child){display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .dot,html[dir="rtl"] .zl i{margin-right:0;margin-left:5px}
html[dir="rtl"] .zl i{margin-left:6px}
html[dir="rtl"] .stbl th.tn,html[dir="rtl"] .stbl td.tn{text-align:right}
html[dir="rtl"] .stbl td.pos::before{left:auto;right:0}
/* sound panel */
html[dir="rtl"] .snd-panel{right:auto;left:0}
@media (max-width:900px){html[dir="rtl"] .snd-panel{left:16px;right:16px}}
/* footer */
html[dir="rtl"] footer.ft .url{margin-left:0;margin-right:auto}
@media (max-width:640px){html[dir="rtl"] footer.ft .url{margin-right:0}}
/* text blocks (.team-intro, .seo-text, FAQ <details>, .qlinks) follow direction:rtl; the <summary> marker moves to the
   right on its own. Explicit alignment for browsers that keep an inherited LTR text-align. */
html[dir="rtl"] .team-intro,html[dir="rtl"] .seo-text,html[dir="rtl"] .q,html[dir="rtl"] .watch-l,html[dir="rtl"] .watch-n,html[dir="rtl"] .note{text-align:right}
/* page-specific (pages.css) */
html[dir="rtl"] .sb .score span{unicode-bidi:isolate}
/* match page: home is now on the right, so text that leaned toward the centre swaps sides */
html[dir="rtl"] .hero::before{transform:scaleX(-1)}
html[dir="rtl"] .scorers div:first-child{text-align:left}
html[dir="rtl"] .ev .h{text-align:left}
html[dir="rtl"] .mt-row .r{text-align:left}
html[dir="rtl"] .vz-dr b.h{text-align:left}html[dir="rtl"] .vz-dr b.a{text-align:right}
html[dir="rtl"] .an-teams .tm:last-child{text-align:left}
/* tables: label columns hug the right edge, numeric columns stay centred */
html[dir="rtl"] .otbl th:first-child,html[dir="rtl"] .otbl td:first-child,html[dir="rtl"] .otbl th[style*="text-align:left"],html[dir="rtl"] .otbl td[style*="text-align:left"]{text-align:right}
html[dir="rtl"] .facts dd,html[dir="rtl"] .pr .rt,html[dir="rtl"] .sq-l .no{text-align:left}
/* lineups / pitch badges */
html[dir="rtl"] .pl .rt{right:auto;left:-14px}
html[dir="rtl"] .pl .ev,html[dir="rtl"] .pl .pg,html[dir="rtl"] .pl .pc{left:auto;right:-10px}
html[dir="rtl"] .subs .in{margin-left:0;margin-right:auto}
html[dir="rtl"] .subl b{margin-right:0;margin-left:4px}
/* league / team / player heroes */
html[dir="rtl"] .lg-hero .sel,html[dir="rtl"] .team-hero .kpis{margin-left:0;margin-right:auto}
html[dir="rtl"] .pl-hero .meta .crest{margin-right:0;margin-left:-2px}
/* lists in articles */
html[dir="rtl"] .nw-src ul,html[dir="rtl"] .nw-art section ul,html[dir="rtl"] .an-tk ul{padding-left:0;padding-right:18px}
/* highlight facade */
html[dir="rtl"] .vfac-t{left:auto;right:0;border-bottom-right-radius:0;border-bottom-left-radius:10px}
html[dir="rtl"] .vfac-chip{left:auto;right:10px}