#vigour-language-toggle {
  position: fixed;
  z-index: 9999;
  right: max(1.25rem, env(safe-area-inset-right));
  bottom: max(1.25rem, env(safe-area-inset-bottom));
  min-width: 3.25rem;
  min-height: 3.25rem;
  padding: .7rem 1rem;
  border: 1px solid rgba(174, 93, 255, .85);
  border-radius: 999px;
  background: #a64cff;
  color: #0a0a0d;
  box-shadow: 0 6px 28px rgba(134, 45, 241, .32);
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .12em;
  cursor: pointer;
}

#vigour-language-toggle:hover { background: #c18aff; }
#vigour-language-toggle:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
#vigour-language-toggle:disabled { opacity: .66; cursor: wait; }

#vigour-translation-status {
  position: fixed;
  z-index: 10000;
  right: max(1.25rem, env(safe-area-inset-right));
  bottom: max(1.25rem, env(safe-area-inset-bottom));
  max-width: min(26rem, calc(100vw - 2.5rem));
  margin: 0;
  padding: .8rem 1rem;
  border: 1px solid rgba(174, 93, 255, .8);
  border-radius: .6rem;
  background: #17131e;
  color: #f0f0ed;
  box-shadow: 0 6px 28px rgba(0, 0, 0, .35);
  font-family: inherit;
  font-size: .875rem;
  line-height: 1.4;
}

#vigour-translation-status[hidden] { display: none; }

body:has(> #vigour-language-toggle) #vigour-translation-status { bottom: max(5.5rem, calc(env(safe-area-inset-bottom) + 5.5rem)); }

.site-header .header-inner #vigour-language-toggle {
  position: relative;
  inset: auto;
  z-index: 1102;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: .65rem .9rem;
  border-color: rgba(174, 93, 255, .8);
  border-radius: 999px;
  background: rgba(10, 10, 13, .55);
  color: #f0f0ed;
  box-shadow: none;
}

.site-header .header-inner #vigour-language-toggle:hover { background: #a64cff; color: #0a0a0d; }

.vg-site-header #vigour-language-toggle {
  position: relative;
  inset: auto;
  flex: 0 0 auto;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: .65rem .9rem;
  background: rgba(10, 10, 13, .55);
  color: #f0f0ed;
  box-shadow: none;
}

.vg-site-header #vigour-language-toggle:hover { background: #a64cff; color: #0a0a0d; }

@media (max-width: 60rem) {
  .site-header .header-inner #vigour-language-toggle { flex: 0 0 auto; margin-left: auto; }
}
