/* Compact transparent tag beside the logo; native select behaviour is preserved. */
.header .midivst-language-header > .logo { margin-right:10px; }
.midivst-language {
  --md-language-text:#909090; --md-language-hover:#aaa;
  --md-language-bg:transparent; --md-language-bg-hover:rgba(255,255,255,.045);
  --md-language-border:rgba(255,255,255,.14); --md-language-border-hover:rgba(255,255,255,.14);
  display:inline-flex; flex:0 0 auto; align-items:center;
  margin:0 18px 0 0; padding:0; line-height:1; vertical-align:middle;
}
.midivst-language-caption { display:none; }
.midivst-language select {
  box-sizing:border-box; width:62px; height:28px; min-height:28px;
  margin:0; padding:0 18px 0 7px; border:1px solid var(--md-language-border); border-radius:4px;
  background-color:var(--md-language-bg); color:var(--md-language-text);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%23888' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 6px center; background-size:8px 5px;
  font:500 12px/normal -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:normal; cursor:pointer; box-shadow:none;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  transition:color .15s ease,background-color .15s ease,border-color .15s ease;
}
.midivst-language select:hover {
  color:var(--md-language-hover); background-color:var(--md-language-bg-hover);
  border-color:var(--md-language-border-hover); box-shadow:none;
}
/* Older browsers retain a neutral focus outline; modern browsers show it only for keyboard focus. */
.midivst-language select:focus { outline:1px solid #999; outline-offset:2px; box-shadow:none; }
@supports selector(:focus-visible) {
  .midivst-language select:focus:not(:focus-visible) { outline:none; }
  .midivst-language select:focus-visible { outline:1px solid #999; outline-offset:2px; }
}
.midivst-language option { color:#222; background:#fff; }
.wb-dm .midivst-language option { color:#eee; background:#333; }
.midivst-language--menu {
  display:flex; justify-content:space-between; width:100%; box-sizing:border-box;
  margin:0 0 12px; padding:12px 16px; border-bottom:1px solid rgba(128,128,128,.15);
}
.midivst-language--menu .midivst-language-caption {
  display:inline; color:#777; font:400 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.midivst-language--menu,.container-sign > .midivst-language {
  --md-language-text:#666; --md-language-hover:#555;
  --md-language-bg:transparent; --md-language-bg-hover:rgba(0,0,0,.035);
  --md-language-border:rgba(0,0,0,.14); --md-language-border-hover:rgba(0,0,0,.14);
}
.wb-dm .midivst-language--menu,.wb-dm .container-sign > .midivst-language {
  --md-language-text:#909090; --md-language-hover:#aaa;
  --md-language-bg:transparent; --md-language-bg-hover:rgba(255,255,255,.045);
  --md-language-border:rgba(255,255,255,.14); --md-language-border-hover:rgba(255,255,255,.14);
}
.wb-dm .midivst-language-caption { color:#aaa; }
@media(max-width:767px) {
  .midivst-language { margin-right:8px; }
  .midivst-language--menu { margin-right:0; }
  .header .midivst-language-header > .logo { margin-right:12px; }
}
@media(prefers-reduced-motion:reduce) { .midivst-language select { transition:none; } }
@media(forced-colors:active) {
  .midivst-language select { appearance:auto; -webkit-appearance:menulist; background-image:none; padding:0 4px; color:ButtonText; }
}

/* Keep touch controls comfortable without enlarging the desktop tag. */
@media(max-width:767px),(pointer:coarse) {
  .midivst-language select { height:36px; min-height:36px; }
}