/* UI structure is always the English/LTR arrangement, including Arabic.
   Arabic words retain their natural bidi shaping locally; scripture is untouched. */
html[lang=ar] :is(h1,h2,h3,p,legend,.eyebrow,button>span,a>span,label>span):not(.mushaf *,.arabic,.arabic *,.translation,.translation *,.translit,.translit *,.feedback-arabic,.feedback-arabic *,#tafsir-content *){unicode-bidi:plaintext}
html[lang=ar] :is(.podcast-clock,.player-times,.page-counter,.practice-recording-time){direction:ltr;unicode-bidi:isolate}
.app-language-control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;align-self:start;width:80px;height:44px;min-height:44px;margin:0;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);direction:ltr;cursor:pointer}
.app-language-control>svg{width:19px;height:19px;flex:none}
.app-language-code{font-size:14px;font-weight:500;line-height:1.4;unicode-bidi:isolate}
.app-language-control:after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.app-language-control>select,.reader-rail .app-language-control>select{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer;direction:ltr;font-size:16px}
.app-language-control:hover{border-color:#536c66;background:var(--surface2)}
.app-language-control:focus-within{outline:2px solid var(--accent);outline-offset:2px}
body:not(.is-reading)>.top>.app-language-control{grid-column:3;grid-row:1;justify-self:end;align-self:center}
.reader-rail>.app-language-control{margin:0 0 12px;align-self:start}
.reader-rail:not(.expanded)>.app-language-control{width:44px;gap:4px}
.reader-rail:not(.expanded)>.app-language-control>svg{display:none}
@media(max-width:760px){
 body:not(.is-reading)>.top{grid-template-columns:minmax(0,1fr) auto}
 body:not(.is-reading)>.top>.app-language-control{grid-column:2;grid-row:1}
 body:not(.is-reading)>.top>.home-primary-nav{grid-column:1/-1;grid-row:2}
}
@media(forced-colors:active){.app-language-control{border-color:ButtonText}.app-language-control:focus-within{outline-color:Highlight}}