/* Translation only. No mascot, command palette, event center or floating UI. */
.mnrui-lang{position:relative;z-index:10020;display:inline-flex;align-items:center;flex:0 0 auto;font-family:Montserrat,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mnrui-lang-current{display:flex;align-items:center;justify-content:center;gap:5px;min-width:38px;height:38px;padding:0 8px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.025);box-shadow:none;color:#fff;font:750 9px/1 Montserrat,Inter,sans-serif;cursor:pointer}
.mnrui-lang-current:hover{background:rgba(255,255,255,.065)}
.mnrui-lang-current svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .16s ease}.mnrui-lang.is-open .mnrui-lang-current svg{transform:rotate(180deg)}
.mnrui-lang-menu{position:absolute;right:0;top:calc(100% + 9px);width:205px;padding:8px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(17,17,19,.99);box-shadow:0 26px 75px rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.mnrui-lang-menu[hidden]{display:none!important}.mnrui-lang-menu small{display:block;padding:7px 9px;color:#8f9097;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.mnrui-lang-menu a{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:7px;min-height:39px;padding:7px 8px;border-radius:10px;color:#dcdde2!important;text-decoration:none!important;font-size:11px}.mnrui-lang-menu a:hover,.mnrui-lang-menu a.is-active{background:rgba(249,2,2,.09);color:#fff!important}.mnrui-lang-menu b{font-size:10px;color:#f90202}.mnrui-lang-menu i{font-style:normal;color:#f90202;text-align:center}

/* The selector becomes one ordinary action inside the existing Dashboard action cluster. */
.mnrpd-action-cluster>.mnrui-lang{order:80}
.mnrpd-action-cluster>.mnrui-lang .mnrui-lang-current{border:0!important;background:transparent!important}
.mnrpd-action-cluster>.mnrui-lang .mnrui-lang-current:hover,.mnrpd-action-cluster>.mnrui-lang.is-open .mnrui-lang-current{background:rgba(255,255,255,.065)!important}
.mnrpd-v75 .mnrpd-action-cluster>.mnrui-lang .mnrui-lang-current{width:48px!important;min-width:48px!important;height:48px!important;border-radius:15px!important;font-size:9px!important}
.mnrpd-v72:not(.mnrpd-v75) .mnrpd-action-cluster>.mnrui-lang .mnrui-lang-current{width:38px!important;min-width:38px!important;height:38px!important}

body.mnd-theme-light .mnrui-lang-current,.mnrpd-app[data-theme="light"] .mnrui-lang-current,.mnrpd-v75.is-light .mnrui-lang-current{color:#17191d}
body.mnd-theme-light .mnrui-lang-menu,.mnrpd-app[data-theme="light"] .mnrui-lang-menu,.mnrpd-v75.is-light .mnrui-lang-menu{border-color:rgba(17,24,39,.10);background:rgba(255,255,255,.99);color:#17191d;box-shadow:0 22px 65px rgba(17,24,39,.14)}
body.mnd-theme-light .mnrui-lang-menu a,.mnrpd-app[data-theme="light"] .mnrui-lang-menu a,.mnrpd-v75.is-light .mnrui-lang-menu a{color:#4d5159!important}
body.mnd-theme-light .mnrui-lang-menu a:hover,body.mnd-theme-light .mnrui-lang-menu a.is-active,.mnrpd-app[data-theme="light"] .mnrui-lang-menu a:hover,.mnrpd-app[data-theme="light"] .mnrui-lang-menu a.is-active,.mnrpd-v75.is-light .mnrui-lang-menu a:hover,.mnrpd-v75.is-light .mnrui-lang-menu a.is-active{background:rgba(249,2,2,.055);color:#17191d!important}

/* Shortcode version for a public header/menu. It never becomes fixed/floating by itself. */
.mnrui-language-shortcode{display:inline-flex;position:relative;vertical-align:middle}
@media(max-width:760px){.mnrui-lang-menu{width:190px}.mnrpd-v75 .mnrpd-action-cluster>.mnrui-lang .mnrui-lang-current{width:34px!important;min-width:34px!important;height:34px!important;border-radius:11px!important}.mnrui-lang-current svg{display:none}}
.mnrui-menu-lang{display:flex!important;align-items:center!important;position:relative!important}
.mnrui-menu-lang>.mnrui-lang{margin-left:8px}


/* v0.4.1: public site header from the MNRLN Code Snippets core.
   The language control lives inside the existing .mnrln-actions row; it is never
   positioned fixed/sticky on its own and does not alter .mnrln-public-header. */
.mnrln-public-header .mnrui-lang-public{z-index:99996;align-self:center}
.mnrln-public-header .mnrui-lang-public .mnrui-lang-current{
  width:44px;min-width:44px;height:44px;padding:0 7px;border-radius:16px;
  border:1px solid var(--mnrln-border)!important;background:var(--mnrln-panel2)!important;
  color:var(--mnrln-text)!important;box-shadow:none!important;font-size:10px!important;
}
.mnrln-public-header .mnrui-lang-public .mnrui-lang-current:hover,
.mnrln-public-header .mnrui-lang-public.is-open .mnrui-lang-current{
  border-color:var(--mnrln-border2)!important;background:var(--mnrln-panel)!important;
}
.mnrln-public-header .mnrui-lang-public .mnrui-lang-menu{
  top:calc(100% + 10px);right:0;border-color:var(--mnrln-border)!important;
  background:var(--mnrln-panel)!important;color:var(--mnrln-text)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
.mnrln-public-header .mnrui-lang-public .mnrui-lang-menu a{color:var(--mnrln-muted)!important}
.mnrln-public-header .mnrui-lang-public .mnrui-lang-menu a:hover,
.mnrln-public-header .mnrui-lang-public .mnrui-lang-menu a.is-active{
  color:var(--mnrln-text)!important;background:rgba(229,9,20,.08)!important;
}
@media(max-width:980px){
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-current{width:44px!important;min-width:44px!important;height:44px!important;border-radius:16px!important}
}
@media(max-width:720px){
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-current{width:40px!important;min-width:40px!important;height:40px!important;border-radius:14px!important}
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-menu{right:-48px;width:188px}
}


/* v0.4.2 — public mobile header geometry fix.
   Keep the existing public header intact, but let its logo column shrink so
   theme + language + burger always fit inside the viewport. */
@media(max-width:720px){
  .mnrln-public-header .mnrln-header-inner{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    padding-left:14px!important;
    padding-right:10px!important;
  }
  .mnrln-public-header .mnrln-logo{
    min-width:0!important;
    width:auto!important;
    max-width:148px!important;
    height:48px!important;
    overflow:hidden!important;
  }
  .mnrln-public-header .mnrln-logo-img{
    width:auto!important;
    height:34px!important;
    max-width:145px!important;
  }
  .mnrln-public-header .mnrln-actions{
    min-width:0!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
  }
  .mnrln-public-header .mnrln-theme-toggle,
  .mnrln-public-header .mnrln-burger,
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-current{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:13px!important;
    flex:0 0 38px!important;
  }
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-current span{
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.02em!important;
  }
  /* On phones the dropdown is viewport-aligned instead of hanging off the
     narrow action cell. This prevents clipping and keeps the burger usable. */
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-menu{
    position:fixed!important;
    top:86px!important;
    right:12px!important;
    left:auto!important;
    width:min(260px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 106px)!important;
    overflow:auto!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body.admin-bar .mnrln-public-header .mnrui-lang-public .mnrui-lang-menu{top:132px!important}
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-menu small{
    padding:7px 10px 9px!important;
    font-size:10px!important;
  }
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-menu a{
    min-height:44px!important;
    grid-template-columns:36px minmax(0,1fr) 20px!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
}
@media(max-width:390px){
  .mnrln-public-header .mnrln-header-inner{gap:4px!important;padding-left:10px!important;padding-right:8px!important}
  .mnrln-public-header .mnrln-logo{max-width:132px!important}
  .mnrln-public-header .mnrln-logo-img{height:32px!important;max-width:130px!important}
  .mnrln-public-header .mnrln-actions{gap:4px!important}
  .mnrln-public-header .mnrln-theme-toggle,
  .mnrln-public-header .mnrln-burger,
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-current{
    width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;flex-basis:36px!important;border-radius:12px!important
  }
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-menu{right:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
}
@media(max-width:350px){
  .mnrln-public-header .mnrln-logo{max-width:112px!important}
  .mnrln-public-header .mnrln-logo-img{max-width:110px!important;height:30px!important}
  .mnrln-public-header .mnrln-theme-toggle,
  .mnrln-public-header .mnrln-burger,
  .mnrln-public-header .mnrui-lang-public .mnrui-lang-current{
    width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;flex-basis:34px!important
  }
}