.language-picker{display:flex;align-items:center;flex:none;min-width:0;direction:ltr;unicode-bidi:isolate}
.language-picker .language-trigger{display:flex;align-items:center;gap:8px;width:150px;max-width:100%;min-height:44px;padding:9px 11px;border:1px solid #a7b89d;border-radius:8px;color:#244d3d;background:#fff;font:.875rem/1.5 var(--sans),'Segoe UI',sans-serif;text-align:left;direction:ltr;cursor:pointer}
.language-trigger:hover,.language-trigger[aria-expanded=true]{background:#f2f6ef;border-color:#57745e}
.language-current{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:550;unicode-bidi:isolate}
.language-trigger .language-globe{width:18px;height:18px;flex:0 0 18px}
.language-trigger .language-chevron{width:14px;height:14px;flex:0 0 14px;transition:transform .15s ease}
.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.language-picker .language-menu{position:fixed;z-index:150;width:360px;max-width:calc(100vw - 24px);max-height:min(516px,calc(100dvh - 24px));padding:8px;margin:0;border:1px solid #b9c9b1;border-radius:12px;box-shadow:0 12px 36px #193b2b24,0 2px 8px #193b2b0d;background:#fff;overflow:auto;overscroll-behavior:contain;scroll-padding:8px;direction:ltr;unicode-bidi:isolate;color:#244d3d}
.language-picker .language-option{display:grid;grid-template-columns:18px minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:10px;width:100%;min-height:48px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#244d3d;font:.875rem/1.5 var(--sans),'Segoe UI',sans-serif;text-align:left;direction:ltr;cursor:pointer}
.language-option:hover{background:#f2f6ef}
.language-option[aria-selected=true]{background:#eaf1e6;font-weight:600}
.language-option:focus-visible{outline:2px solid #14583f;outline-offset:-2px;box-shadow:none;background:#f2f6ef}
.language-option[aria-selected=true]:focus-visible{background:#eaf1e6}
.language-option .language-check{width:18px;height:18px;stroke-width:2;opacity:0}
.language-option[aria-selected=true] .language-check{opacity:1}
.language-option-english,.language-option-native{min-width:0;unicode-bidi:isolate;overflow-wrap:break-word}
.language-option-english{text-align:left;font-weight:550}
.language-option-native{text-align:right;color:#52634f}
.language-option-native[lang=ar],.language-option-native[lang=fa]{font-family:'Noto Naskh Arabic','Segoe UI',Tahoma,Arial,sans-serif;font-size:1rem;line-height:1.6}
.language-option-native[lang=ur]{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic','Segoe UI',Tahoma,sans-serif;line-height:1.9}
.language-option-native[lang=bn]{font-family:'Noto Sans Bengali','Nirmala UI','Segoe UI',sans-serif;line-height:1.6}
@media(prefers-reduced-motion:reduce){.language-trigger .language-chevron{transition:none}}
@media(forced-colors:active){.language-picker .language-trigger,.language-picker .language-menu{border-color:ButtonText}.language-option[aria-selected=true]{outline:1px solid Highlight;outline-offset:-3px}.language-option:focus-visible{outline-color:Highlight}}
.top-caption{flex:1;min-width:0}
.content-header .language-picker{margin-inline-start:auto}
[dir=rtl] .sidebar{left:auto;right:0;border-left:1px solid #d3ddd0;border-right:0}
[dir=rtl] main{margin-left:0;margin-right:240px}
[dir=rtl] .content-main{margin-right:auto;margin-left:auto}
[dir=rtl] .nav-item,[dir=rtl] .tool-card,[dir=rtl] .travel-banner,[dir=rtl] .city-result,[dir=rtl] .field,[dir=rtl] .search-label{text-align:right}
[dir=rtl] .hero-art{right:auto;left:-12px}
[dir=rtl] .hero-content{margin-inline-start:0;margin-inline-end:auto}
[dir=rtl] .phone-banner button{margin-left:0;margin-inline-start:auto}
[dir=rtl] .dhikr-plus{right:auto;left:12px}
[dir=rtl] .calendar-controls button,[dir=rtl] .dhikr-phrase-nav button>span{transform:scaleX(-1)}
[dir=rtl] .hero-time,[dir=rtl] .prayer-hour,[dir=rtl] .heroZone,[dir=rtl] #heroZone,[dir=rtl] .compass{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .hero-time{text-align:right}
html[lang=ar] #nextArabic{display:none}
[dir=rtl] .content-header .brand,[dir=rtl] .sidebar .brand,[dir=rtl] .top-wordmark{direction:ltr}
html[lang=ar] body,html[lang=fa] body{font-family:'Noto Naskh Arabic','Segoe UI',Tahoma,Arial,sans-serif}
html[lang=ur] body{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic','Segoe UI',Tahoma,sans-serif;line-height:1.9}
html[lang=bn] body{font-family:'Noto Sans Bengali','Nirmala UI','Segoe UI',sans-serif;line-height:1.8}
html[lang=ar] button,html[lang=ur] button,html[lang=fa] button,html[lang=bn] button,html[lang=ar] select,html[lang=ur] select,html[lang=fa] select,html[lang=bn] select{font-family:inherit;line-height:1.7}
.native-app{--app-safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--app-safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))}
.native-app::before{content:"";position:fixed;inset:0 0 auto;height:var(--app-safe-top);background:#fff;z-index:1000;pointer-events:none}
.native-app .topbar{padding-top:calc(18px + var(--app-safe-top))}
.native-app .sidebar{top:var(--app-safe-top);height:calc(100dvh - var(--app-safe-top))}
.native-app .mobile-nav{padding-bottom:calc(9px + var(--app-safe-bottom))}
.native-app .page-wrap{padding-bottom:calc(104px + var(--app-safe-bottom))}
@media(max-width:1180px){[dir=rtl] main{margin-right:224px}.top-caption{display:none}}
@media(max-width:720px){
  [dir=rtl] main{margin:0}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 18px}
  .top-wordmark{grid-row:1;grid-column:1}.top-actions{display:contents}.top-actions>.icon-button{grid-row:1;grid-column:2;justify-self:end}
  .language-picker{grid-row:2;grid-column:1;justify-self:start}.language-picker .language-trigger{width:155px;font-size:.875rem}
  .top-actions>.location-button{grid-row:2;grid-column:2;justify-self:end;max-width:155px}
  .native-app .topbar{padding-top:calc(12px + var(--app-safe-top))}
  [dir=rtl] .phone-banner button{margin:0}[dir=rtl] .hero-art{left:0;right:auto}
  .content-header .language-picker{margin-inline-start:0}
}
@media(max-width:370px){.topbar{padding-inline:12px;gap:8px}.language-picker .language-trigger{width:140px}.top-actions>.location-button{max-width:125px}.top-actions>.location-button #topCity{max-width:78px}.language-picker .language-option{gap:8px;padding-inline:8px}}