/* Medel Academy — language switcher (all screens) */
.mlang{position:relative;display:inline-flex;font-family:"Cairo",system-ui,sans-serif;z-index:5}
.mlang *{box-sizing:border-box}
html body .mlang__btn{
  display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;margin:0;border:1px solid #e8eaf4;border-radius:12px;
  background:#fff;color:#191c3a;font:800 13px/1 "Cairo",system-ui,sans-serif;letter-spacing:.3px;cursor:pointer;box-shadow:none;min-width:0;width:auto;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
html body .mlang__btn:hover,html body .mlang__btn[aria-expanded=true]{border-color:#5b34f2;color:#5b34f2;background:#f5f2ff}
.mlang__chev{transition:transform .2s ease}
.mlang__btn[aria-expanded=true] .mlang__chev{transform:rotate(180deg)}
html body .mlang__menu{
  position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:1200;min-width:176px;margin:0;padding:6px;list-style:none;
  background:#fff;border:1px solid #e8eaf4;border-radius:14px;box-shadow:0 20px 50px rgba(30,34,80,.18);text-align:start;
}
html body .mlang__menu[hidden]{display:none}
html body .mlang__menu li{margin:0;padding:0;list-style:none}
html body .mlang__menu li::before,html body .mlang__menu li::marker{content:none}
html body .mlang__menu a{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:#3d4160;font:600 14px/1.4 "Cairo",system-ui,sans-serif;text-decoration:none;
}
html body .mlang__menu a b{flex:none;width:34px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f1f2f9;color:#191c3a;font-size:11.5px;font-weight:800;letter-spacing:.3px}
html body .mlang__menu a:hover{background:#f5f2ff;color:#5b34f2}
html body .mlang__menu a.is-active{background:#eeeafe;color:#5b34f2;font-weight:800}
html body .mlang__menu a.is-active b{background:#5b34f2;color:#fff}

/* on dark bars */
html body .mlang--dark .mlang__btn{height:34px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
html body .mlang--dark .mlang__btn:hover,html body .mlang--dark .mlang__btn[aria-expanded=true]{background:#fff;border-color:#fff;color:#3a2e93}

/* site header: top bar on desktop, main bar on mobile */
.mxt__in .mlang{margin-inline-start:auto;margin-inline-end:18px}
.mxh__actions .mlang--bar{display:none}
@media (max-width:991px){
  .mxh__actions .mlang--bar{display:inline-flex}
  html body .mlang--bar .mlang__btn{height:40px;padding:0 10px;border-radius:12px}
}
/* dashboard top bar */
html body .mlang--app .mlang__btn{height:44px;border-radius:14px;border-color:transparent;background:#f6f7fd}
/* lesson bar */
.ma-lx-bar__end .mlang{margin-inline-end:4px}
@media (max-width:991px){
  html body .ma-lx-bar__end .mlang__btn{height:42px;border-radius:12px;padding:0 10px}
  html body .mlang--app .mlang__btn{height:40px;padding:0 10px}
  html body .mlang--app .mlang__btn > span,html body .ma-lx-bar__end .mlang__btn > span{display:none}
}
/* the top bar menu must open above the sticky header */
.mxt{position:relative;z-index:10000}