/* Compact globe language button, same behavior in header and footer. */
.jmi-language{position:relative;display:inline-block;vertical-align:middle;font-size:14px;color:inherit;margin:3px 5px;z-index:15}
.jmi-language[open]{z-index:1001}
.jmi-language>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 13px;border-radius:15px;border:1px solid rgba(0,222,245,.35);background:rgba(12,24,37,.79);color:#e8faff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.jmi-language>summary::-webkit-details-marker{display:none}
.jmi-language>summary:hover,.jmi-language[open]>summary{border-color:#00d9ed;box-shadow:0 0 15px rgba(0,218,239,.23);background:rgba(13,36,51,.92)}
.jmi-language>summary>.fa-globe{font-size:19px;color:#b9eaff}
.jmi-language-flag{line-height:1;flex:0 0 auto}
.jmi-flag{display:inline-block;width:24px;height:16px;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 2px 4px rgba(0,0,0,.18);background-repeat:no-repeat;background-size:cover;background-position:center}
.jmi-flag-ru{background-image:linear-gradient(to bottom,#ffffff 0 33.33%,#0c47b7 33.33% 66.66%,#d52b1e 66.66% 100%)}
.jmi-flag-uk{background-image:linear-gradient(to bottom,#0057b7 0 50%,#ffd700 50% 100%)}
.jmi-flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 36'%3E%3Crect width='60' height='36' fill='%23012169'/%3E%3Cg stroke='%23fff' stroke-width='6'%3E%3Cpath d='M0 0 60 36M60 0 0 36'/%3E%3C/g%3E%3Cg stroke='%23C8102E' stroke-width='3'%3E%3Cpath d='M0 0 60 36M60 0 0 36'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Crect x='24' width='12' height='36'/%3E%3Crect y='12' width='60' height='12'/%3E%3C/g%3E%3Cg fill='%23C8102E'%3E%3Crect x='26.5' width='7' height='36'/%3E%3Crect y='14.5' width='60' height='7'/%3E%3C/g%3E%3C/svg%3E")}
.jmi-language-chevron{font-size:11px;color:#10d9ec;transition:transform .2s}
.jmi-language[open] .jmi-language-chevron{transform:rotate(180deg)}
.jmi-language-menu{position:absolute;top:calc(100% + 7px);right:0;width:206px;padding:8px;border-radius:16px;border:1px solid rgba(0,210,240,.45);background:rgba(12,24,36,.97);box-shadow:0 12px 35px rgba(0,0,0,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.jmi-language-menu a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#e9f5fc;text-decoration:none;white-space:nowrap;font-weight:700;background:linear-gradient(180deg,rgba(18,32,48,.95),rgba(10,23,36,.95));border:1px solid rgba(0,204,235,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.jmi-language-menu a + a{margin-top:8px}
.jmi-language-menu a:hover,.jmi-language-menu a[aria-current=true]{background:linear-gradient(180deg,rgba(14,53,72,.96),rgba(8,34,48,.96));border-color:rgba(0,220,240,.42);box-shadow:0 0 0 1px rgba(0,220,240,.12),0 8px 16px rgba(0,0,0,.16)}
.jmi-language-menu a .fa-check{margin-left:auto;color:#00dcec}
.jmi-language-footer .jmi-language-menu{top:auto;bottom:calc(100% + 7px)}
html.theme-light .jmi-language>summary,.theme-light .jmi-language>summary,body.theme-light .jmi-language>summary,[data-theme='light'] .jmi-language>summary{background:rgba(255,255,255,.88);color:#27333c;border-color:rgba(25,136,156,.35);box-shadow:0 6px 16px rgba(63,55,43,.08),inset 0 1px 0 rgba(255,255,255,.75)}
html.theme-light .jmi-language>summary:hover,html.theme-light .jmi-language[open]>summary,.theme-light .jmi-language>summary:hover,.theme-light .jmi-language[open]>summary,body.theme-light .jmi-language>summary:hover,body.theme-light .jmi-language[open]>summary,[data-theme='light'] .jmi-language>summary:hover,[data-theme='light'] .jmi-language[open]>summary{background:linear-gradient(180deg,#fff8ea,#f6ebd6);border-color:#d6a23c;box-shadow:0 8px 18px rgba(63,55,43,.14)}
html.theme-light .jmi-language>summary>.fa-globe,.theme-light .jmi-language>summary>.fa-globe,body.theme-light .jmi-language>summary>.fa-globe,[data-theme='light'] .jmi-language>summary>.fa-globe{color:#b27a12}
html.theme-light .jmi-language-chevron,.theme-light .jmi-language-chevron,body.theme-light .jmi-language-chevron,[data-theme='light'] .jmi-language-chevron{color:#cb8b1d}
html.theme-light .jmi-language-menu,.theme-light .jmi-language-menu,body.theme-light .jmi-language-menu,[data-theme='light'] .jmi-language-menu{background:rgba(255,251,244,.98);border-color:rgba(184,142,63,.38);box-shadow:0 18px 40px rgba(83,62,29,.18)}
html.theme-light .jmi-language-menu a,.theme-light .jmi-language-menu a,body.theme-light .jmi-language-menu a,[data-theme='light'] .jmi-language-menu a{color:#2f3b45;background:linear-gradient(180deg,#fffdf9,#f1ebdf);border-color:#ddd2be;box-shadow:0 4px 10px rgba(83,62,29,.06),inset 0 1px 0 rgba(255,255,255,.85)}
html.theme-light .jmi-language-menu a:hover,html.theme-light .jmi-language-menu a[aria-current=true],.theme-light .jmi-language-menu a:hover,.theme-light .jmi-language-menu a[aria-current=true],body.theme-light .jmi-language-menu a:hover,body.theme-light .jmi-language-menu a[aria-current=true],[data-theme='light'] .jmi-language-menu a:hover,[data-theme='light'] .jmi-language-menu a[aria-current=true]{color:#66470c;background:linear-gradient(180deg,#fff3da,#efd07d);border-color:#d0a349;box-shadow:0 0 0 1px rgba(208,163,73,.14),0 6px 16px rgba(83,62,29,.12)}
html.theme-light .jmi-language-menu a .fa-check,.theme-light .jmi-language-menu a .fa-check,body.theme-light .jmi-language-menu a .fa-check,[data-theme='light'] .jmi-language-menu a .fa-check{color:#9b6508}
html.theme-light .jmi-flag,.theme-light .jmi-flag,body.theme-light .jmi-flag,[data-theme='light'] .jmi-flag{box-shadow:0 0 0 1px rgba(120,94,43,.18),0 2px 4px rgba(83,62,29,.10)}
@media(max-width:650px){.jmi-language{margin:3px}.jmi-language>summary{padding:0 11px;min-height:43px;gap:7px}.jmi-language-menu{width:184px}}

/* 5.28.762 — fix competing #CssMenu1 li a rules (higher specificity + !important).
   Existing site menu links use id-based selectors and may override generic theme styles.
   Keep header and footer geometry identical in both themes. */
#CssMenu1 li.nav-language .jmi-language-menu > a,
.jmi-language.jmi-language-footer .jmi-language-menu > a{
  display:flex!important; align-items:center!important; justify-content:flex-start!important;
  width:100%!important; min-width:0!important; min-height:44px!important;
  box-sizing:border-box!important; margin:0!important; padding:10px 12px!important;
  gap:0!important; text-align:left!important; white-space:nowrap!important;
  border-radius:12px!important; line-height:1.3!important;
}
#CssMenu1 li.nav-language .jmi-language-menu > a + a,
.jmi-language.jmi-language-footer .jmi-language-menu > a + a{margin-top:7px!important}
/* Fixed separation unaffected by global nav styles, FontAwesome, or translated text lengths. */
#CssMenu1 li.nav-language .jmi-language-menu > a > .jmi-language-name,
.jmi-language.jmi-language-footer .jmi-language-menu > a > .jmi-language-name{
  display:inline-block!important; margin-left:12px!important; margin-right:0!important;
  flex:0 1 auto!important; font-size:14px!important; font-weight:700!important;
  letter-spacing:0!important; text-transform:none!important;
}
#CssMenu1 li.nav-language .jmi-language-menu > a > .jmi-flag,
.jmi-language.jmi-language-footer .jmi-language-menu > a > .jmi-flag{
  width:24px!important; height:16px!important; min-width:24px!important;
  display:inline-block!important; padding:0!important; flex:0 0 24px!important;
}
/* Dark mode: preserve navy glass buttons and cyan selection, without changing dimensions. */
html:not(.theme-light) #CssMenu1 li.nav-language .jmi-language-menu > a,
html:not(.theme-light) .jmi-language.jmi-language-footer .jmi-language-menu > a{
  background:linear-gradient(180deg,rgba(18,32,48,.95),rgba(10,23,36,.95))!important;
  color:#e9f5fc!important; border:1px solid rgba(0,204,235,.16)!important;
}
html:not(.theme-light) #CssMenu1 li.nav-language .jmi-language-menu > a:is(:hover,[aria-current="true"]),
html:not(.theme-light) .jmi-language.jmi-language-footer .jmi-language-menu > a:is(:hover,[aria-current="true"]){
  background:linear-gradient(180deg,rgba(14,53,72,.96),rgba(8,34,48,.96))!important;
  border-color:rgba(0,220,240,.42)!important; color:#e9f5fc!important;
}
/* Light mode: explicitly override generic #CssMenu1 li a dark tiles and footer link colors. */
html.theme-light #CssMenu1 li.nav-language .jmi-language-menu > a,
html.theme-light .jmi-language.jmi-language-footer .jmi-language-menu > a{
  background:linear-gradient(180deg,#fffdf8,#f3ecdf)!important;
  color:#31404a!important; border:1px solid #d7c9b1!important;
  box-shadow:0 3px 9px rgba(83,62,29,.07),inset 0 1px rgba(255,255,255,.9)!important;
  text-shadow:none!important;
}
html.theme-light #CssMenu1 li.nav-language .jmi-language-menu > a:is(:hover,[aria-current="true"]),
html.theme-light .jmi-language.jmi-language-footer .jmi-language-menu > a:is(:hover,[aria-current="true"]){
  background:linear-gradient(180deg,#fff2ce,#f5dfaa)!important;
  color:#63460d!important; border-color:#d1a44e!important;
  box-shadow:0 3px 12px rgba(155,104,22,.14)!important;
}
html.theme-light #CssMenu1 li.nav-language .jmi-language-menu > a .jmi-language-name,
html.theme-light .jmi-language.jmi-language-footer .jmi-language-menu > a .jmi-language-name{color:inherit!important;text-shadow:none!important}
html.theme-light #CssMenu1 li.nav-language .jmi-language-menu > a > .fa-check,
html.theme-light .jmi-language.jmi-language-footer .jmi-language-menu > a > .fa-check{color:#a27017!important}
@media(max-width:650px){
  #CssMenu1 li.nav-language .jmi-language-menu > a > .jmi-language-name,
  .jmi-language.jmi-language-footer .jmi-language-menu > a > .jmi-language-name{margin-left:12px!important}
}


/* 5.28.771 — footer language selector lives immediately after JMIplay.
   Keep the popup inside the viewport and above the footer instead of opening
   from the far-left corner where most of the language cards were clipped. */
.site-foot{overflow:visible!important}
.foot-brand-row{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:18px!important;width:100%!important;box-sizing:border-box!important;
  padding:22px 12px 8px!important;overflow:visible!important;
}
.foot-brand-row .foot-brand{padding:0!important;margin:0!important;text-align:center!important;flex:0 0 auto!important}
.foot-brand-row .jmi-language-footer{margin:0!important;flex:0 0 auto!important;z-index:1002!important}
.foot-brand-row .jmi-language-footer .jmi-language-menu{
  top:auto!important;bottom:calc(100% + 9px)!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;z-index:1003!important;
}
@media(max-width:650px){
  .foot-brand-row{gap:13px!important;padding:18px 10px 8px!important}
  .foot-brand-row .foot-brand{font-size:22px!important;letter-spacing:2px!important}
  .foot-brand-row .foot-brand i{margin-right:8px!important}
  .foot-brand-row .jmi-language-footer>summary{min-height:41px!important;padding:0 10px!important}
  .foot-brand-row .jmi-language-footer .jmi-language-menu{width:min(184px,calc(100vw - 20px))!important}
}
