/* Scoped to kids views; the native main-site locale and styles are untouched. */
.kids-language-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;max-width:100%;font-size:.84rem;position:relative}
.kids-language-select{position:relative;max-width:100%;min-width:0}
.kids-language-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:180px;max-width:100%;min-height:58px;padding:9px 13px;font:inherit;text-align:start;color:#173b43;background:#fff;border:1px solid #dce5d7;border-radius:17px;box-shadow:0 3px 0 #eaf0e4;transition:background .18s,border-color .18s,box-shadow .18s;cursor:pointer}
.kids-language-trigger:hover,.kids-language-trigger[aria-expanded=true]{background:#f8fbf4;border-color:#bfd3ad;box-shadow:0 3px 0 #dfe9d5}
.kids-language-trigger:disabled{cursor:not-allowed;opacity:.6}.kids-language-picker[aria-busy=true] .kids-language-trigger{cursor:wait}
.kids-language-trigger:focus-visible,.kids-language-option:focus-visible{outline:2px solid #a5c87c;outline-offset:3px}
.kids-language-value{display:flex;align-items:center;gap:11px;min-width:0}
.kids-language-flag{display:inline-flex;width:34px;height:25px;flex-shrink:0;border-radius:7px;overflow:hidden;box-shadow:0 0 0 1px #173b4312}
.kids-language-flag svg{display:block;width:100%;height:100%;stroke:none}
.kids-language-names{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;line-height:1.4}
.kids-language-names>span:first-child{font-size:13px;font-weight:600;color:#173b43}
.kids-language-names>span:last-child{font-size:11px;font-weight:400;color:#718475}
.kids-language-chevron,.kids-language-check{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kids-language-chevron{color:#6d8567;transition:transform .18s}.kids-language-trigger[aria-expanded=true] .kids-language-chevron{transform:rotate(180deg)}
.kids-language-menu{position:absolute;z-index:100;inset-inline-end:0;top:calc(100% + 10px);width:264px;max-width:calc(100vw - 40px);max-height:min(360px,60dvh);overflow:auto;overscroll-behavior:contain;padding:7px;background:#fff;border:1px solid #e0e8da;border-radius:21px;box-shadow:0 15px 45px #29402b1c,0 3px 10px #29402b0a;translate:var(--kids-language-shift,0px) 0;animation:kids-language-reveal .16s ease-out}
.kids-language-menu[hidden]{display:none}
.kids-language-option{display:flex;align-items:center;gap:12px;min-height:65px;padding:11px 12px;border:1px solid transparent;border-radius:14px;cursor:pointer;transition:background .15s;color:#527d38}
.kids-language-option+.kids-language-option{margin-top:3px}
.kids-language-option:hover,.kids-language-option:focus{background:#f4f8ef;outline:none}
.kids-language-option:focus-visible{box-shadow:inset 0 0 0 2px #bcd4a4}
.kids-language-option[aria-selected=true]{background:#edf5e5;border-color:#e0ebd5}
.kids-language-check{margin-inline-start:auto;opacity:0}.kids-language-option[aria-selected=true] .kids-language-check{opacity:1}
.kids-header:has(.kids-language-trigger[aria-expanded=true]){z-index:100}
.kids-language-status{flex-basis:100%;max-width:260px;font-size:.8rem;line-height:1.7;margin:0;color:#526d67}.kids-language-status:empty{display:none}
.kids-language-picker[aria-busy=true] .kids-language-chevron{animation:kids-language-saving .8s linear infinite}
@keyframes kids-language-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes kids-language-saving{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.kids-language-menu,.kids-language-picker[aria-busy=true] .kids-language-chevron{animation:none}.kids-language-trigger,.kids-language-chevron,.kids-language-option{transition:none}}
.kids-language-summary{font-size:.8rem;color:#617b74;line-height:1.7}.kids-language-dialog select{width:100%;min-height:48px;font:inherit;border:1px solid #dce5d7;border-radius:14px;padding:10px;background:#fff;color:#173b43}
html[dir=ltr] .kids-main,html[dir=ltr] .kids-dialog{text-align:start}html[dir=ltr] .kids-header-nav{direction:ltr}html[dir=ltr] .kids-learning-columns{direction:ltr}
html[dir=ltr] .kids-journey button,html[dir=ltr] .kids-step-button,html[dir=ltr] .kids-answer-option,html[dir=ltr] .kids-profile-form{text-align:start}
html[dir=ltr] .kids-landing{direction:ltr;text-align:start}html[dir=ltr] .kl-hero-copy{text-align:start}
html[dir=ltr] .kids-brand-divider{margin-inline:16px}html[dir=ltr] .kids-lesson-body .mahad-quran{direction:rtl;unicode-bidi:isolate}
.kids-language-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #e1e8e1;border-radius:14px;background:#fff}
.ka-language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-block:16px}.ka-language-ready{color:#285e50;background:#edf4ef;padding:4px 8px;border-radius:8px}.ka-language-pending{color:#786f5f;background:#f5f1e9;padding:4px 8px;border-radius:8px}
@media(max-width:700px){.kids-header{gap:14px;flex-wrap:wrap}.kids-header-nav{flex-wrap:wrap;gap:10px;max-width:100%}.kids-language-picker{width:100%}.kids-language-trigger{min-width:174px}html[dir=ltr] .kl-hero-copy h1{font-size:clamp(2rem,7vw,3rem);line-height:1.25}.kids-language-dialog .kids-dialog-actions{flex-wrap:wrap}}

@media(max-width:700px){html[lang=en] .kids-header-link{font-size:12px;gap:6px}html[lang=en] .kids-header-link::before{content:none}}