/* A compact bilingual control, with the same navy/blue identity as the portal. */
.site-language-switch{display:inline-flex;direction:rtl;align-items:center;gap:4px;padding:5px;flex:none;border:1px solid var(--line);border-radius:15px;background:var(--glass-strong,#fff);box-shadow:0 5px 18px #123e7f0b}
.site-language-switch button{display:inline-flex;align-items:center;justify-content:center;min-width:69px;min-height:39px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink2);font:700 12px/1.3 Tajawal,'Segoe UI',sans-serif;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}
.site-language-switch button[lang=ar]{font-size:15px}
.site-language-switch button:hover{background:var(--panel)}
.site-language-switch button[aria-pressed=true]{color:#fff;background:linear-gradient(120deg,#337ada,#2354b0);box-shadow:0 3px 9px #2867c329}
.site-language-switch button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
html[dir=ltr]{--app-font:'IBM Plex Sans Arabic','Segoe UI',Arial,sans-serif}html[dir=ltr] body,html[dir=ltr] .site-main{font-family:'IBM Plex Sans Arabic','Segoe UI',Arial,sans-serif}:where([lang=en]){font-family:'IBM Plex Sans Arabic','Segoe UI',Arial,sans-serif}
/* Keep the language control at the original wordmark's left edge in either language. */


html[dir=ltr] .site-main table{text-align:start}
html[dir=ltr] .school-english,html[dir=ltr] .school-contact-value{text-align:left}
html[dir=ltr] .welcome-button svg,html[dir=ltr] .login-choice-action svg,html[dir=ltr] .login-back svg{transform:scaleX(-1)}
html[dir=ltr] ol.steps>li{padding:0 0 16px 42px}
html[dir=ltr] ol.steps>li::before{right:auto;left:0}
html[dir=ltr] .warnBox,html[dir=ltr] .okBox{border-right:0;border-left:4px solid}
html[dir=ltr] .warnBox{border-left-color:var(--warn)}
html[dir=ltr] .okBox{border-left-color:var(--ok)}
@media(max-width:700px){.site-topbar{gap:8px}.topbar-title{min-width:0}.site-language-switch{padding:3px;gap:2px;border-radius:12px}.site-language-switch button{min-width:51px;min-height:38px;padding:7px 8px;font-size:10px}.site-language-switch button[lang=ar]{font-size:13px}html[dir=ltr] .service-card{padding:20px 20px 19px 82px}html[dir=ltr] .service-icon{left:20px;right:auto}html[dir=ltr] #sitePageTitle{font-size:18px}}
@media(max-width:400px){.site-topbar{flex-wrap:wrap;height:auto;min-height:92px;padding-block:12px}.topbar-title{flex:1 1 160px}.site-language-switch{margin-inline-start:auto}html[dir=ltr] .service-icon{left:15px;right:auto}}
@media(prefers-reduced-motion:reduce){.site-language-switch button{transition:none}}